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

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

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

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

修改方法：

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

1. function flex(){
   
2. if(toplist.style.display=='block'){
   
3.   toplist.style.display='none';
   
4.   ico1.src='images/default/collapsed_yes.gif'
   
5. }
   
6. else{
   
7.   toplist.style.display='block';
   
8.   ico1.src='images/default/collapsed_no.gif';
   
9. }
   
10. }

复制代码

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

1. <div class="spaceborder" id="toplist" style="display: none; width: {TABLEWIDTH}">

复制代码

　3-2、找

1. {lang your_lastvisit} <span class="smalltxt">$lastvisittime</span>

复制代码

其后添加：

1. <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 编辑 ]

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

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

首页调用四格美化 For:5.0/4.1/4.0
https://discuz.dismall.com/thread-388925-1-1.html

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

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

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

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

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

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

:) 这个要支持

不美观

支持一下!!!!

这贴要收藏!~~~~~

Discuz! Team Coordinator


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

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

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


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

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

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

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