【转载】修改模板的CSS内容简要解析(以幽深天际为倒)

此效果的文字为注释，其他均为原来的CSS内容：

/*************************************************************/
/**                                                         **/
/**   X-Space V1.0 官方模板 Dark                            **/
/**                                                         **/
/**   (C) 2001-2006 Comsenz Technology Ltd.                 **/
/**   http://x-space.discuz.net                             **/
/**                                                         **/
/*************************************************************/

以上是的版权申明,不用修改。
/*************************************************************/
/********************************************* 基本布局风格 **/
/*************************************************************/
body {
background: #000 none;背景颜色}
body, td {
color: #8AA28A;日志内容部分文字、日历内容文字和统计菜单内容文字的颜色}
a {
color: #8AA28A;好友列表、最新回复内容等带超链接的文字的显示颜色}
a:hover {
color: #FE7E00;好友列表、最新回复内容等带超链接的文字在选择时候表示的显示颜色
}


/*最外层容器*/
.wrap {
border: none;模板边框。none代表不显示；完整的应该为border: 1px solid #000000,1px代表边框宽度,#000000为边框颜色。
background: transparent url(images/dark/bg.jpg) no-repeat left top;
width: 850px;顶部背景宽度}


/*************************************************************/
/************************************************* 顶部风格 **/
/*************************************************************/


#header {
background: none;Banner图片(即横幅广告图片)，完整的应该为 #FFF url
() no-repeat 0 20px(参数意思不再赘述)。
height: 260px;高度
}


#poweredby a {此部分内容我也不了解，抱歉。
display: block;
float: right;
text-align: left;
width: 110px;
height: 17px;
overflow: hidden;
background: url(images/dark/powerdby.gif) no-repeat;
text-indent: -9999px;
}


/*标题*/这里为标题(即显示个人空间名称)，以下很多参数用法在上方中提过不赘述。导航内容或以下同样不赘述。
#spacename {
margin-top: 9.5em;为离上边缘的距离。em为单位，等于字体高度的，是个相对单位，喜欢用px的人可以用px为单位。当然还可以设置margin-left、border、position(此为定位属性，格式为position:absolute/static/relative/fixed四选一,这里不详细说明)、filter(滤镜属性，也不详解)等等属性。 height: 32px;
}
#spacename * {
color: #FFDBC1;
}

/*导航*/
#menu {
background: none;这里定义颜色
border-top: 1px solid #853F10;边框
top: 170px;
width: 440px;
height: 40px;
margin-top: 154px;
margin-right: 50px !important;
margin-right: 20px;以上内容为定义导航条的具体位置
}
#menu ul {
margin: 0;是否给导航选项留出图标位置,填0为否}
#menu li a {
width: 57px;
每个导航选项的区域宽度 height: 27px;每个导航选项的区域高度
padding: 0;补白，比较复杂，参数可为百分比或象素，也可为长度的相对值。
background: url(images/dark/menu_bg.gif) no-repeat !important;
line-height: 27px;
color: #FE7E00;
}
#menu li a.bbs {
width: 77px;
background: url(images/dark/menu_bg_wide.gif) no-repeat !important;!important表示高的优先级。
}
#menu a:hover {
color: #FFDBC1;
background-position: 0 -27px  !important;
}

/*主体容器*/
#content {
background: url(images/dark/sidearea_bg.gif) repeat-y left;
}



转自http://www.hx520.cn/blog/index.p ... 77/php/1/lastpost/1

版权归新翼追风所有