DedeCMS全站CSS以及相关功能解读

首先说说网站的栏目结构和html文章生成的路径，DedeCMS建站时生成的静态网 页默认全部存放的网站html目录下面。 或许有些新手不注意这个不算问题的问题，但好设置成网站名根目录/网站栏目名称/网站名/这种形式，当然目录层次深浅 应该不是什么问题。不过看到

首先说说网站的栏目结构和html文章生成的路径，DedeCMS建站时生成的静态网页默认全部存放的网站html目录下面。
或许有些新手不注意这个不算问题的问题，但好设置成网站名根目录/网站栏目名称/网站名/这种形式，当然目录层次深浅
应该不是什么问题。不过看到有些SEO方面的文章建议网站目录不宜嵌套太深，说不利于SEO。其实我相信不管目录深浅，搜索引擎都应该会
找到网页的。由于我一开始没有注意这个问题，后来发现所有的静态网站都存放在html目录下，想更改时已经晚了，搜索引擎已经收录了近100页
，如果更改网站的链接结构，那么收录的就全完了，所以也就没有改变。如果你想让网站链接有个性，开始就要注意这个问题吧！
2、用DedeCMS建站网站首页相关的问题。
导航栏的宽度问题，这个问题很多新手都会问，其实不算难，通过dedecms.css文件就可以实现。
在dedecms.css找到.header .nav这里是航栏的长适度或背
.header .nav{
width:100%; 导航栏的宽度，默认是自适应，全屏大小。改为960px即可实现与body部分相同宽度。
height:32px;
background:url(../images/nav-bg.gif) repeat-x;这里是修改导航栏北景，可以用背景图片也可以直接用纯色。
clear:both;
overflow:hidden;
}
修改下面的搜索和热门标签与导航栏的宽度修改类似，只不过是在dedecms.css修改.header .search

导航栏目间距的修改方法
header .nav ul li a{ height:32px; padding:0px 16px 0px 17px; display:block; color:#FFF; float:left;

其中 padding:0px（top） 16px （right） 0px （bottom） 17px （left），
很简单 缩小right和left的数值即可减小各个栏目之间的距离

修改首页字体颜色，栏目样式
dedecms.css里面
a 

  {color:#666666;text-decoration:none;}控制本月热点.推荐内容.图文资讯还有网站最底部带超链接的字的颜色。
header a    {color:#666666;}控制热门标签的颜色。
footer .copyright    {color:#666666;}网站底部非超链接字的颜色。
在：layout.css里面
f5 li a    {color:#******;float:left;}控制友情链接字的颜色。
page.css里面
index .bignews a

{color:#000000;}控制首页头条和头条下面的字颜色。<不包括头条简介>
index .bignews .onenews p 

  {line-height:19px;color:#000000;}头条简介字的颜色。
index .latestnews ul a   {color:#000000;}最近更新字的颜色。
index .listbox ul a    {color:#000000;}这个是自己添加的栏目文章标题字的颜色。
index .usercenter .tbox dd#loading{
    display:block;
    text-align:center;
    line-height:200px;
    letter-spacing:2px;
    color:#******;}首页评论字的颜色

修改幻灯片的大小可以通过修改首页模板和page.CSS来实现，修改幻灯片要影响到其它部分显示
<script language=/'javascript/'>
linkarr = new Array();
picarr = new Array();
textarr = new Array();
var swf_width=320; 幻灯片的宽
var swf_height=450; 幻灯片的的高
在page.CSS中找到以下部分
.index .flashnews{
width:幻灯片的宽写上模板中的相应数值即可
height:幻灯片的的高写上模板中的相应数值即可
overflow:hidden;
float:left;
}

图文资讯图片大小的修改方法
找到layout.css文件,搜索   e1 li a img{    把下面的数值改成你想要的即可.

.header .nav ul li a{
height:32px;
padding:0px 13px 0px 14px;         
display:block;
color:#FFF;                   

font-size:13px; 

                              
font-weight:bold;                             
float:left;
}
3、给网站加上背景，这里说的是用纯色，用背景图片当然也可以。
打开dedecms.css把原来的代码：
html{
    background:#FFF;
}
body{
    font:12px Verdana,Arial,Tahoma;
}
更改为：
html{
    text-align: center;
    background: #669900;
}
body{
    font:12px Verdana,Arial,Tahoma;
        width: 970px;
    text-align: left;
    margin: 0 auto;
    background: #fff;
}
此法设置背景，当网页窗口大小变化时会出生错位，用CSS中position:relative;可以搞定如
.header .search{
width:960px;
position:relative;
}