[分享] CCS模板

#header{height:300px;background:url(……)}
这是空间标题栏的主体部分，{}内的文字解释如下：
“height”指标题栏的高度，这个要与你放在标题栏的图片高度相同；后边的括号内是你要做标题的图片的链接，宽度为1024px的图片比较合适，图片高度可以根据自己的喜好决定。
#header div.lc{}
#header div.rc{}
如果想在标题的左右两边放置不同的图片（参见小小的空间），就在第一行的{}内加上左边的图片链接，格式为{background:url(……) no-repeat left}。第二行的{}内加上右边图片的链接，格式为{background:url(……) no-repeat right}。否则{}内留空就可以。
#header div.tit{top:30px;left:20px;line-height:22px;font-size:30px;font-family:隶书}
这里要设置的是空间名称的位置（top后边的数字是文字离空间标题栏上边界的距离，left后边的数字是离左边界的距离）；大小（font-size后边的数字）；字体（font-family后边的文字）。
#header div.tit a.titlink{color:#......;text-decoration:none}
#header div.tit a.titlink:visited{color:#......;text-decoration:none}
这两行应该是设置空间名称文字的颜色，但是我搞不清楚2行有什么区别，所以索性都设成一样的好了。如果想要把文字设成设成黑体或下划线，就把text-decoration:后边的none相应地改成bold或underline。
#header div.desc{top:60px;left:20px;color:#......;font-size:13px}
这行是设置空间简介（空间名称下边那行小标题）的位置、大小和字体的，设置方法同空间名称的设置。
#tabline{top:415px;background-color:#......}
这个是指TAB菜单栏（主页/博客/相册/好友/设置那一行）下边的分隔线的位置和颜色，top后边的数字是指分割线离空间标题栏上边界的距离，这个数字要根据标题栏的高度和菜单的位置（是与图片重叠或位于图片下方）来决定。
#tab{top:390px}
这个是指TAB菜单栏的位置，top后边的数字是指距空间标题栏上边界的距离。
#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:2px;line-height:20px;background-color:#......;color: #……;font-size:14px;font-weight:bold;}
这一行是指TAB菜单被选中后的状态，文字的位置，文字后边背景的颜色，文字颜色，字号等等。
#tab span{color:#F93A60;font-size:14px}
这个是指TAB菜单中间的分隔符（就是那条竖线）的颜色和大小。
#tab a:link{color:#......;text-decoration:none;font-size:14px}
这一行是指TAB菜单未被选中时的状态，文字颜色，其它定义，字号。
#tab2部分是TAB菜单下方的第二TAB菜单栏（比如“设置”下方的“基本选项”“模板设置”这一栏）的设置，设置方法同上。
.stage{background-color:#......}
这个是空间内容区域（TAB菜单栏以下直到空间底部）的背景颜色/图片设置，不想设置也可以把{ }留空。

博客文章标题/文字设置区域
#m_blog div.tit{font-size:14px;font-weight:bold;line-height:50px;text-indent:60px}
博客文章标题栏的设置，line-height后边的数字是用来定义标题栏高度的，text-indent后边的数字是指标题文字向右缩进的距离，如不需要缩进可设为0。如果想在每篇文章的标题前加上图片，可以在{}内的结尾处加上“background:url(图片链接) no-repeat”，然后按照加入的图片尺寸相应调整标题栏高度和文字缩进处的数值。QQ里的那些可爱的动画表情图标都可以拿来用，另存后上传到百度空间的相册就可以啦。
#m_blog div.tit a{color:#......;font-size:14px;font-weight:bold}
博客文章标题链接的状态设置。
#m_blog div.tit a:visited{color:#047304}
博客文章标题被选中后的状态设置。
#m_blog div.date{margin:5px 0 8px 0;color:#666666;text-align:right}
博客文章日期的设置，margin指距标题栏的距离，text-align指日期的位置（居左居右或居中）。
#m_blog div.cnt{color:#666666;line-height:20px;font-size:14px}
博客文章内容设置：文字颜色，行距，字号。
#m_blog div.more a{color:#047304;font-size:14px}
“阅读全文”链接状态设置。
#m_blog div.more a:visited{color:#047304}
博客文章标题链接被选中后的的状态设置。
#m_blog div.opt{color:#047304;font-size:12px}
文章操作区（如编辑、评论等）的设置。
#m_blog div.opt a{color:#047304;font-size:12px}
文章操作区链接状态设置。
#m_blog div.opt a:visited{color:#047304}
文章操作区链接被选中后的状态。
#m_blog div.line{margin-top:10px;line-height:60px;background:url(图片链接) no-repeat center}
文章和文章之间的分隔线设置，margin-top指分隔线与上一篇文章之间的距离，line-height指分隔线区域的高度，结尾处可定义分隔线的位置（no-repeat center指不重复，居中，repeat-x指横向重复）。
音乐播放器的设置
如果觉得空间默认的音乐播放器不好看，可以在空间最后加上这段代码来改变播放器的大小和颜色：
#phx{FILTER:Alpha(Opacity=60,FinishOpacity=36,Style=0,StartX=20,StartY =40,FinishX=0,FinishY=0)gray;WIDTH:500px;HEIGHT:45px}（这个是我的播放器代码）
这段代码有点复杂，捡能看懂的部分介绍一下吧，其他的还没摸索出来呢：
Opacity=透明度，可以用0-100之间的数值，数值越低透明度越高；FinishOpacity=过度透明度，即边缘的透明度（这个我还没搞懂怎么玩）；gray＝颜色/风格，可以设为默认、gray、xray、invert等，可以自己尝试；WIDTH后边的数字表示播放器的宽度， HEIGHT后边的数字表示播放条的高度。

QQ空间的背景无非三样：一是大家喜爱的flash，二是各种图片，三是背景音乐。下面我们就对这三种情况的QQ空间背景代码分别介绍。同时列出一部分适用于QQ空间背景代码的flash、图片、音乐等的网络资源供选择。
QQ空间背景代码（图片类）

1.QQ空间背景图片标准代码
<img src="javascrīpt:document.getElementById('Mlogo').style.background='url(顶部一
条图片的地址)';document.getElementById('all').style.background='url(背景图片的地址)';">

如果你不想改顶部背景图片条的话QQ空间代码只要这样就够了：

<img src="javascrīpt:document.getElementById('all').style.background='url(背景图片的地址)';">
2.清空顶部一条背景图片的方法：
<img src=" javascrīpt :Mlogo.style.background='';" style="
display:none;"><p>gainover</p>
3.去掉主题部分的滚动条的方法：
<img src="javascrīpt:document.getElementById('initd').style.overflow=
'hidden';"><p>gainover</p>
鼠标点击后更改大背景的代码：
<span ōnclick="document.getElementById('all').style.background='url
(图片地址)';">显示文字</span>
鼠标点击后更改顶部条内背景的代码：
<span ōnclick="document.getElementById('MLOGO').style.background='url
(图片地址)';">显示文字</span>
设置顶部图片条透明度：
<img src="javascrīpt:Mlogo.style.filter='alpha(opacity=30)';">
QQ空间背景代码（flash类）

以下全屏显示flash背景的QQ空间背景代码范例

<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'QQ空间背景flash地址
\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\'
TYPE=\'application/x-shockwave-flash\'></div>';">

WIDTH：透明FLASH宽度
HEIGHT：透明FLASH高度
top：透明FLASH与空间顶端的距离
left：透明FLASH与空间左端的距离
QQ空间背景代码（音乐类）

</textarea><embed src=http://你的背景音乐地址 width=0 height=0 loop= true> (此代码不显播放器)

</textarea><embed src=http://你的背景音乐地址 width=2 height=2 loop= true> (此代码显播放器)