首页四格的美化－隐藏与展示

wanganqi

个人觉得首页四格是小型论坛必不可缺的插件，确实方便了会员对新贴和新回复的关注。但是首页四个在很大程度上影响了论坛首页的整体美观，所以我加了一个小小开关，不用时将其缩至最小，不影响论坛首页整体布局。

这只是一个美化，没太多技术含量，修改很方便。 贴出来给需要的朋友。

演示：http://www.msnsa.net/bbs

修改方法：

1、安装论坛任一款四格插件
2、修改common.js
在最后添加：

function flex(){
if(toplist.style.display=='block'){
  toplist.style.display='none';
  ico1.src='images/default/collapsed_yes.gif'
}
else{
  toplist.style.display='block';
  ico1.src='images/default/collapsed_no.gif';
}
}复制代码

3、修改discuz.htm
　3-1、将首页四个使用的DIV标签修改为（有div标签的则修改，没有的则添加）：

<div class="spaceborder" id="toplist" style="display: none; width: {TABLEWIDTH}">复制代码

　3-2、找

{lang your_lastvisit} <span class="smalltxt">$lastvisittime</span>复制代码

其后添加：

<img style="cursor:hand;" id="ico1" src="images/default/collapsed_yes.gif" onclick="flex()" alt="打开关闭首页四格"> <-<font color=red>打开首页四格</font>复制代码

4、完工给我顶贴^_^。

[ 本帖最后由 wanganqi 于 2006-10-22 17:43 编辑 ]

wanganqi

～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～

wanganqi

首页四格插件整理，排名无先后！

首页调用四格美化 For:5.0/4.1/4.0
http://www.discuz.net/thread-388925-1-1.html

首页四格+社区之星后台控制全Cache版 FOR DZ5.0正式版
http://www.discuz.net/thread-389680-1-5.html

首页四格：最新话题+最新回复+热门话题+精华文章 for DZ5.0 正式版
http://www.discuz.net/thread-397572-1-5.html

首页四格－随机图片调用＋最新话题＋最新回复＋精华帖/本周热门/本月热门
http://www.discuz.net/thread-415538-1-2.html

首页四格（访客信息+论坛档案+最新主题+最新回复）+新手DIY方案 For Discuz! 5.0.0
http://www.discuz.net/thread-418450-1-1.html

[ 本帖最后由 wanganqi 于 2006-10-22 17:46 编辑 ]

daisyhhm

板凳~~~~~黄金广告位

开心一生

这个要支持

zhouc

不美观

孤情一刀

支持一下!!!!

wlqc

这贴要收藏!~~~~~

PHP论坛

Discuz! Team Coordinator


这个是什么意思。。。我觉得这个美化有点多余。我那个本来就可以在后台控制隐藏还是显示

前台也可以收起。。。想看的时候打开

wanganqi

原帖由 PHP论坛 于 2006-10-22 20:06 发表
Discuz! Team Coordinator


这个是什么意思。。。我觉得这个美化有点多余。我那个本来就可以在后台控制隐藏还是显示

前台也可以收起。。。想看的时候打开

前台的收起会保留一个很不美观的title栏。我说过我个人觉得这样美化对版面更好些，也是让需要的朋友下载。

这个美化的想法也是一个网友提出的，所以如果你觉得多余，你大可以但没有这个帖子。