设置同dz论坛配套的风格模板教程

mahoupao

设置同dz论坛配套的风格模板，现在很多dz用的是dz6的风格，这个深蓝色的风格还是比较经典的。http://bbs.mahoupao.com/index.php
效果见我的网盘。http://u.mahoupao.com/ 给一个我做好的css文件吧，懒人可以直接替换，记得备份你自己的。 style.rar (2.84 KB, 下载次数: 840)

2010-11-27 23:08 上传

点击文件名下载附件

更改教程如下
1、下载下面目录的css文件:
/templates/default/images/style.css
2、导航顶部背景链接颜色更改：
下面是默认的代码

1. .body_top{
   
2.         background:url(body_topbar_bg.gif) repeat-x #54A6E1; height:28px; width:958px; margin:auto;
   
3. }   ）  [color=Red]这里定义了背景图片，这个图片颜色有点淡，直接更改背景颜色#069[/color]
   
4. .body_top .l{
   
5.         background:url(body_topbar_left.gif) no-repeat; height:28px; width:7px; float:left;
   
6. }        [color=Red]这里定义了背景图片，这个图片颜色有点淡，直接更改背景颜色#069[/color]
   
7. .body_top .m{
   
8.         background:url(body_topbar_bg.gif) repeat-x #54A6E1; height:28px; line-height:28px; float:right; width:auto; color:#252525
   
9. }      [color=Red]这里定义了背景图片，这个图片颜色有点淡，直接更改背景颜色#069[/color]
   
10. .body_top .m a{
    
11.         color:#252525;
    
12. }      这里定义导航超链接颜色，黑色，需要更改为白色
    
13. .body_top .r{
    
14.         background:url(body_topbar_right.gif) no-repeat; height:28px; width:7px; float:right;
    
15. }   [color=Red]这里定义了背景图片，这个图片颜色有点淡，直接更改背景颜色#069[/color]
    

复制代码

更改为：更改内容为把背景图片更改为背景色#069，把超链接颜色由黑色更改为白色。字体12更改为14、

1. .body_top{
   
2.         background:#069;color:#FFFFFF; height:28px; width:958px; margin:auto;font-size:14px;
   
3. }
   
4. .body_top .l{
   
5.         background:#069;color:#FFFFFF height:28px; width:7px; float:left;
   
6. }
   
7. .body_top .m{
   
8.         background:#069;color:#FFFFFF height:28px; line-height:28px; float:right; width:auto;
   
9. }
   
10. .body_top .m a{
    
11.         color:#FFFFFF;
    
12. }
    
13. .body_top .r{
    
14.         background:#069;color:#FFFFFF; height:28px; width:7px; float:right;
    
15. }

复制代码

[ 本帖最后由 mahoupao 于 2010-11-27 23:08 编辑 ]

mahoupao

2、更改所有浅蓝色的颜色为深蓝色：
查找： #73C8F5  替换为 #069 就可以。
如默认的代码：

1. .common_box .tit2{ background:#73C8F5; font-size:14px; line-height:24px; height:24px; padding:5px}

复制代码

这个表示公共文件这个的标题，背景颜色为#73C8F5，现在更改为：

1. .common_box .tit2{ background:#069; font-size:14px; line-height:24px; height:24px; color:#FFFFFF;padding:5px}

复制代码

就是把背景颜色更改为深蓝色了。同时由于默认字体为黑色，不醒目，更改为白色，增加一个代码 color:#FFFFFF;
同样更改的还有：等等。。

1. .fl_box .tit2{ background:#069; font-size:14px; line-height:24px; height:24px; color:#FFFFFF;padding:5px}

复制代码

[ 本帖最后由 mahoupao 于 2010-11-27 23:02 编辑 ]

mahoupao

大家应该看到右边的同类文件或者公共文件这里，有时候文件名过长的时候话，会导致重叠，就如同我前面的某个帖子，
更改如下：关键代码就是这个红色字体。超过长度后截断。可以以此类推，自己去更改吧。
.fl_box li{line-height:20px; height:20px;overflow:hidden}

mahoupao

标签和公共文件引用里面的字体默认都是12，其实很小，更改大一点：
.fl_box ul{ padding:8px;font-size:14px; margin:0}
.tag_list ul{padding:10px; font-size:14px;margin:0}

qiqibian

谢谢了 lz很好的人

mahoupao

自己慢慢琢磨吧。。
默认12px的字体太小。放大到14px。
替换12px为14px就可以

feng

感谢马后炮，学习了。