mahoupao 发表于 2010-11-27 22:25:52

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

设置同dz论坛配套的风格模板，现在很多dz用的是dz6的风格，这个深蓝色的风格还是比较经典的。http://bbs.mahoupao.com/index.php
效果见我的网盘。http://u.mahoupao.com/ 给一个我做好的css文件吧，懒人可以直接替换，记得备份你自己的。
更改教程如下
1、下载下面目录的css文件:
/templates/default/images/style.css
2、导航顶部背景链接颜色更改：
下面是默认的代码.body_top{
        background:url(body_topbar_bg.gif) repeat-x #54A6E1; height:28px; width:958px; margin:auto;
}   ）这里定义了背景图片，这个图片颜色有点淡，直接更改背景颜色#069
.body_top .l{
        background:url(body_topbar_left.gif) no-repeat; height:28px; width:7px; float:left;
}      这里定义了背景图片，这个图片颜色有点淡，直接更改背景颜色#069
.body_top .m{
        background:url(body_topbar_bg.gif) repeat-x #54A6E1; height:28px; line-height:28px; float:right; width:auto; color:#252525
}      这里定义了背景图片，这个图片颜色有点淡，直接更改背景颜色#069
.body_top .m a{
        color:#252525;
}      这里定义导航超链接颜色，黑色，需要更改为白色
.body_top .r{
        background:url(body_topbar_right.gif) no-repeat; height:28px; width:7px; float:right;
}   这里定义了背景图片，这个图片颜色有点淡，直接更改背景颜色#069
更改为：更改内容为把背景图片更改为背景色#069，把超链接颜色由黑色更改为白色。字体12更改为14、.body_top{
        background:#069;color:#FFFFFF; height:28px; width:958px; margin:auto;font-size:14px;
}
.body_top .l{
        background:#069;color:#FFFFFF height:28px; width:7px; float:left;
}
.body_top .m{
        background:#069;color:#FFFFFF height:28px; line-height:28px; float:right; width:auto;
}
.body_top .m a{
        color:#FFFFFF;
}
.body_top .r{
        background:#069;color:#FFFFFF; height:28px; width:7px; float:right;
}

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

mahoupao 发表于 2010-11-27 22:55:15

2、更改所有浅蓝色的颜色为深蓝色：
查找： #73C8F5替换为 #069 就可以。
如默认的代码：.common_box .tit2{ background:#73C8F5; font-size:14px; line-height:24px; height:24px; padding:5px}这个表示公共文件这个的标题，背景颜色为#73C8F5，现在更改为：.common_box .tit2{ background:#069; font-size:14px; line-height:24px; height:24px; color:#FFFFFF;padding:5px}就是把背景颜色更改为深蓝色了。同时由于默认字体为黑色，不醒目，更改为白色，增加一个代码 color:#FFFFFF;
同样更改的还有：等等。。.fl_box .tit2{ background:#069; font-size:14px; line-height:24px; height:24px; color:#FFFFFF;padding:5px}

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

mahoupao 发表于 2010-11-27 23:01:17

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

mahoupao 发表于 2010-11-27 23:13:40

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

qiqibian 发表于 2010-11-27 23:14:00

谢谢了 lz很好的人:)

mahoupao 发表于 2010-11-27 23:32:32

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

feng 发表于 2010-11-28 12:50:49

感谢马后炮，学习了。
页: [1]
查看完整版本: 设置同dz论坛配套的风格模板教程