2014年1月31日：修改论坛首页版块名称大小及悬停样式 [复制链接] [手机版]

修改当前位置导航样式：

图片:导航.jpg

绿色榕树风格：修改边框颜色（#bee144）以适应页面，并使文本大致居中；
玫琳凯美丽到家风格：添加边框并使边框颜色（#f2afcf。19:08重新调整为现在的#f7d0e3）适应页面，文本大致居中。
（注：其实，这两个颜色并不是十分的精确，大致接近吧。）

修改首页多格

图片:首页多格.jpg

如红箭头所指有空白，并且由于“最新图片”上方空白区域较大导致下边框与右侧的“最新主题”等下边框不在一条直线上，很不美观吧。代码如下：
<td width="30%"><div style="background:#EAF2FA;border-bottom:1px solid #AACCEE;height:23px;"align="center"><div style="margin-top:4px">最新图片</div></div></td>
不知道为什么连着两个div？并且正是由于margin-top:4px导致两处空白的出现，删除这个块后，空白没有了，下边框也能对齐了，但无法让“最新图片”这四个字垂直居中（蓝线所示），试过几种垂直对齐的方法都不行。
后来突然想到了上面让当前位置导航文本居中的相关代码，试着添加line-height，并反复修改值，终于成功了！现在的代码如下：
<td width="30%"><div style="background:#EAF2FA;border-bottom:1px solid #AACCEE;height:23px;line-height:23px;" align="center">最新图片</div></td>
另外，图片四周有空白也不美观，如绿箭头所指，这个比较简单，直接修改数字就可以的。最终把宽度由270调整到281,高度由225调整到238.

3处修改，360极速测试通过，但在ＩＥ8下，两处空白修改正确显示，但“最新图片”还是不能垂直居中（不过，并不是特别的明显），并且祺声广播的滚动异常，这就是兼容问题啊！所以，我不喜欢用ＩＥ，而且感觉速度慢。

通用标题栏修改

图片:通用标题栏.jpg

绿色榕树风格：
1.论坛首页多格上边距（见楼上图片），分区名称上边距（红线框处）：border-top: 3px改为1px；
2.分区颜色（红箭头所指）：#565656（差不多是黑色）改为$headfontone;（让系统自己去统一吧，一种蓝色）；
3.涉及到首页分区名称、主题列表页的“快速发帖”和帖子阅读页的“快速回复”的左内边距（粉线框处）：10px改为15px。
玫琳凯美丽到家风格：
同3,修改左内边距为15px。

去掉首页多格”今日发帖，本月发帖，在线排行“下面的右边框属性：
如11楼图片右侧黑线框附加拼合部分所示，那部分的颜色是指定的蓝色（1px solid #AACCEE）。由于边框颜色的存在，导致在两种风格下，无法整体统一颜色大边框的闭合，所以修改为none;，这样才算基本协调。
两点多了，睡吧。

由于通用标题栏增加了5px的左内边距（13楼），所以首页的热门标签右移5个像素，而下面的标签没有移动，所以对不齐了。
修改index.htm<td style="padding:10px 0;">为<td style="padding:10px 0px 10px 6px;">增加6px的边距。

同志们，还有没睡的吗？
我可要去睡了啊！

站点信息（今日发帖，昨日发帖等与天气预报不在一行，如蓝线所示）

图片:站点信息.jpg

修改左边距（“今日”距左边）5px为1px；
修改上下边距0为5px。

新帖、精华、书签（问题同上）
添加上下边距5px,左右边距1px（如此修改后反倒比原来还要窄了，大约从110px宽变成了106px）。

这部分的修改今天终于实现了，真的好长时间了，总感觉对不齐不怎么好看呢。其实，还是能再加个边框的，但总共恐怕得3个吧（站点信息、天气预报再加上右侧的新帖、精华、书签），这样就不好看了，所以就不用研究了。

---

修改得太多，“后遗症”也出现了——毕竟有些地方的修改自己不能完全理解它能影响到哪些地方。如10楼图片所示，边框的高度为32px，而由于在主题列表页当前位置导航也有“新帖、精华、书签”导致上下边距叠加后边框的高度变成了42px，从而使得当前位置导航的文本不居中了，所以这个修改只好取消了（首页位置还是偏上显示，主题列表页依然居中显示）。2014.2.3　14:46   转21楼

为你守候:通用标题栏修改
[图片]
绿色榕树风格：
1.论坛首页多格上边距（见楼上图片），分区名称上边距（红线框处）：border-top: 3px改为1px；
2.分区颜色（红箭头所指）：#565656（差不多是黑色）改为$headfontone;（让系统自己去统一吧，一种蓝色）；
....... (2014-02-03 00:59) 查看本帖

昨天晚上发现，$headfontone的颜色值保存在风格的php文件中（里面主要保存的可能都是些关键的全局颜色值）。既然蓝色不好看，那就换换吧。可换来换去，感觉既然绿色榕树风格是以绿色为主，那就取主导航（门户、论坛、博客等）的背景色#93c329（大致值）吧。
如此，热门标签、分区名称、友情链接和当前在线信息都统一成绿色了。

由于我把$headfonttwo也换成了#93c329（默认设置和$headfontone是一样的），结果首页多格右上角的日期“2014年2月3日 星期一 农历 正月初四”也变成了绿色，在背景色的衬托下看不很清的样子，所以还是还原了。
原来，日期的颜色受$headfonttwo控制？！