此效果的文字为注释,其他均为原来的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
版权归新翼追风所有