返回首页
当前位置: Novell迷 > 站长博客 >

DEDECMS 5.5 字体颜色边框颜色修改

时间:2010-05-21 17:39来源:DEDECMS.COM 作者:yvhkasd 点击:
关于CSS这一块,Dedecms官方并没有太多详细的介绍。很多东西只有自己动手了。下面整理分享下一些字体,边框等颜色的修改。

整理出一些,希望对大家有帮助!

1.修改自动生成的栏目边框颜色(就是新建一个栏目的时候,在首页自动生成的栏目的边框的颜色) 本文转载自http://novell.me

找到templets下的style文件夹中的 layout.css文件找到以下内容 
.tbox{
margin:0 0 8px 0;
border-bottom:1px solid #DFF2F5;
overflow:hidden;
background:url(../images/fl-bg.gif) 0 0 repeat-x;
}
.tbox dt{
height:25px;
border:1px solid #DFF2F5;
overflow:hidden;
clear:both;
}
.tbox dd{
border-left:1px solid #DFF2F5;
border-right:1px solid #DFF2F5;
padding:4px 4px 0px;
overflow:hidden;
上面代码 中红色字体的是栏目列表最底下边框的颜色; 
蓝色代码的是栏目框的颜色; 
绿色代码是栏目列表的左右边框颜色!

http://Novell.Me

2.修改自动生成栏目的栏目名称颜色

Novell迷网站內容,版权所有

找到templets下的style文件夹中的 layout.css文件找到以下代码
.tbox dt strong a{
color:#397CBE;
}
.tbox dt strong a:hover{
color:#4C94F6;
text-decoration:none;

红色代码是正常情况下的颜色
蓝色代码是鼠标滑过的颜色。

内容来自http://novell.me

栏目后“更多。。。”字样颜色 Novell迷网站原创内容,未经允许,谢绝转载!

.tbox dt span.more a{
color:#397CBE;
text-decoration:none;
}
.tbox dt span.more a:hover{
color:#333;

红色代码是正常的颜色
蓝色代码是鼠标滑过的颜色! http://Novell.Me

3.首页 右上角----会员中心,TGA标签等的颜色修改 内容来自http://novell.me

在dedecms.css文件中找到以下代码 http://Novell.Me

.header .rlink ul li a{
display:block;
color:#777;
line-height:21px;
text-indent:22px;
background-image:url(../images/toprlink-bg.gif);
background-repeat:no-repeat;

红色字体代码即是字体的颜色!
  http://Novell.Me

转载请注明出处!
本文地址 http://novell.me/master-diary/2010-05-21/dedecms-font-border-color.html
(责任编辑:Novell迷)
对我有帮助
(6)
100%
没什么帮助
(0)
0%
------分隔线----------------------------
发表评论
验证码:点击我更换图片
赞助商链接