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;

}