神马文学网解读百度空间CSS
来源：百度文库 编辑：神马文学网 时间：2024/04/29 00:43:58
解读百度空间CSS
登录后进入设置－模板设置－自定义模板，这时就会跳出一个窗口，出现可编辑的CSS代码文件。但是，这并不是你自己当前使用的模板的代码，而是一个百度默认模板的代码，这个是无法选择的，百度目前只能提供这一种模板供编辑。如果你想在某个比较喜欢的模板的基础上进行编辑，就需要先把这个模板的CSS代码复制出来，然后把“自定义模板”里出现的那个代码完全替换掉，接下来就可以对想修改的部分进行编辑啦。
在编辑CSS文件的窗口下方有四个选项：“保存”“保存并应用”“取消”“预览”，一定要搞清楚这几个选项的区别，在每次修改之后最好先点一下“预览”看看有没有错误，之后再“保存”，最好不要在编辑状态下直接点“保存并应用”，而是先保存，然后再次预览确定每个页面都没问题之后再选择“应用此模板”。
查看自己或别人CSS代码的方法：
打开你要看的那个空间，点右手键，菜单上会有一个选项“查看源文件”，点这个后会弹出一个记事本文件，在这个文件中查找“CSS”，直到出现这种格式的文字 “href="/msnib/css/item/ed14a84473384f82b2b7dcb2.css">”（以MSNIB的空间为例），然后COPY其中“/css/item/ed14a84473384f82b2b7dcb2.css”这一段放到地址栏里空间网址的后边，即“http://hi.baidu.com/msnib/css/item/ed14a84473384f82b2b7dcb2.css”，然后敲回车，这时就会弹出来一个记事本文件，这里就是你要看的CSS代码文件。通常用这种方法看到的文字都是不分行的，比较混乱，这时可以把它COPY到WORD文档里，看起来就会比较有条理啦。
注：可以通过这种方法学习一些代码的设置方式，或者挖到一些喜欢的资源，但最好不要全盘复制别人的劳动成果，自己动手设置出独一无二的模板才更有乐趣啊～～～
CSS内容及几个主要部分的设置方式
空间背景颜色/鼠标设置区域
如果要设置特殊风格的鼠标，需要在代码文件的第一行加上：
a:hover {cursor:url('http://imgcache.qq.com/qzone/space_item/orig/11/187.ani')}
body {cursor:url('http://imgcache.qq.com/qzone/space_item/orig/11/1547.ani')}{background-color:#FFFFFF}
第一行括号内的链接是点到链接时的鼠标状态，第二行括号内的链接是正常的鼠标状态，第二行后边的background-color后边的颜色代码是指整个空间的背景颜色。六位颜色代码可以在这里找到。
如果不需要设置特殊鼠标，那么这一部分只保留“body {background-color:#颜色代码}”就可以了。
空间名称/标题图片设置区域
#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: 225px;HEIGHT:45px} 这个是我的播放器代码）
这段代码有点复杂，捡能看懂的部分介绍一下吧，其他的还没摸索出来呢：
Opacity=透明度，可以用0-100之间的数值，数值越低透明度越高；FinishOpacity=过度透明度，即边缘的透明度（这个我还没搞懂怎么玩）；gray＝颜色/风格，可以设为默认、gray、xray、invert等，可以自己尝试；WIDTH后边的数字表示播放器的宽度，HEIGHT后边的数字表示播放条的高度。
怎样设置分隔线
文章和文章之间的：
#m_blog div.line{margin-top:10px;line-height:60px;background:url(图片链接) no-repeat center}
文章评论之间的：
#in_comment div.line{margin-top:10px;line-height:50px;background:url(图片链接) no-repeat center}
好友页面的分隔线：
#m_friend div.line{margin-top:17px;line-height:17px;background:url(图片链接) repeat-x}
相册页面的分隔线：
#m_albumlist div.line{margin-top:17px;line-height:17px;background:url(图片链接) repeat-x}
如果想取消分隔线，把“background”往后的部分都删掉就可以啦～～～
空间内各个模块边框的设置方法
CSS代码的第四个部分（以“.mod”打头的部分） ，就是用来设置空间内各个模块状态的。以前一直没搞懂是什么意思，今天终于搞明白啦，分别解释如下：
Padding：几乎在每一项的设置里都会提到这个词，它的意思是指定区域中文字或图象与边框的距离。
.modbox：这一行是用来设置每个模块内容的位置，以及模块的背景颜色，还有就是简单的线条边框，比如none（没有边框）dotted（点线边框）dashed（破折线边框）solid（直线边框）double（双线边框）等。
比如我的设置：.modbox{padding:10px 10px 0 10px;border-left:1px solid #9FA6AE;border-right:1px solid #9FA6AE} 意思是，模块内上下左右的边距分别为10px 10px 0 10px；左边框为实线，宽度1px，颜色#9FA6AE；右边框为左边框为实线，宽度1px，颜色#9FA6AE。如果想设置模块背景，在括号内加上“background-color:#六位颜色代码”就可以啦～～～～
如果要设置复杂一些的边框效果，就需要用到以下的部分了：
.modtl：模块上边框左角设置
.modtc：模块上边框中间部分设置
.modtr：模块上边框右角设置
.modbl：模块下边框左角设置
.modbc：模块下边框中间部分设置
.modbr：模块下边框右角设置
这部分的设置是可以使用图案的，比如，我在左上边框用了这个图案，中间部分用，右边用，全都设置好了以后就组合成一个完整的上边框了。具体的设置是这样的：
.modtl{background:url(http://hiphotos.baidu.com/grandma/pic/item/6e4c14d8609f513733fa1c8f.jpg) no-repeat top left}
用相同的方法依次设置下边的就OK啦。
如果是自己会设计图案就比较有趣啦，可以做出各种与众不同的边框来，像我这么笨的就只会去网上找现成的 =_=|||
空间音乐播放器增加了新功能！！
再主页音乐播放器那里点“编辑”就可以看到，以前只能播放一首歌曲，现在可以添加5首歌曲的链接并循环播放啦，而且还可以选择“是否显示视频框”。这个新功能可真不错！！！
————————————————————————————————————————————
/*如何设定+固定百度空间的背景*/
在body{}中加入
background-image:url(图片地址) ; 定义背景图片
background-repeat: no-repeat; 定义背景图片不重复
background-position: center; 定义背景居中
background-attachment: fixed; 定义背景固定，不滚动参数fixed
/*背景设置*/
body{}中加入background:url(http://hi.baidu.com/0454ldk) repeat-x #FFFFFF
注：
repeat 背景图像在纵向和横向上平铺
no-repeat 背景图像不平铺
repeat-x 背景图像在横向上平铺
repeat-y 背景图像在纵向平铺
/*鼠标样式设置*/
在body{} 中添加;CURSOR: url('http://webme.bokee.com/inc/mouse028.cur')}
a:hover{CURSOR: url('http://webme.bokee.com/inc/mouse031.ani')
第一行是鼠标指针初始形态，第二行是鼠标指针碰到链接的形态
CSS鼠标样式大全
/*半透明设置*/
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
/*解决回车换两行的问题*/
Shift+回车
/*全能隐藏代码*/
display:none
/*不停变换空间背景图片*/
http://magic.qtutu.com/
参数
color:green 表示字体颜色。
font-size:14px 表示字体大小。
font-family:Georgia,黑体 表示英文字体和中文字体
border:1px 表示边框的粗细。
solid green 表示边框的颜色。
background-color:black 表示背景色。
/*最顶部加字方法!*/
#tabline{margin-top:-490px;right:0px;line-height:8px; background:url(图片地址) no-repeat bottom; padding-bottom: 40px; margin-bottom: 10px}
图片上面打上你要的字~欢迎光临http://hi.baidu.com/0454ldk
/*添加LOGO*/
#main {background:url(顶部LOGO) no-repeat 10px 0px;} /*10px 0px;距左 距顶部*/
#layout {width:980px;margin-left:0px;background:url(底部LOGO) no-repeat bottom 0px;padding-bottom:80px} /*margin-left:0px底部图片距离最左边长度；bottom 0px边框大小；padding-bottom:80px主体模块最下端距离底部图片最顶端距离*/
/*添加小背景图片*/
.stage{background:url(小背景图片http://hi.baidu.com/0454ldk) repeat-y 0px 0px} /*0px 0px距左 距顶（建议为0）*/
/*空间整体宽度*/
#main{width:740px!important;text-align:center}或#main{width:80%!important}
/*版块长度及间距*/
#layout td.c2t1{padding-left:55px;width:570px} /*最左版块*/
#layout td.c2t2{width:60px} /*左右两版块间距*/
#layout td.c2t3{width:260px;padding-right:30px} /*第2竖列版块信息*/
/*定义阅读文章时 文章块宽度 距左长度*/
.stagepad {width:570px;margin-left:44px;}
.stagepad a:link{text-decoration:none;font-weight:bold}
.stagepad a:visited{text-decoration:none;font-weight:bold}
/*文章虚线边框*/
#m_blog div.cnt{color:#333333;line-height:20px;font-size:14px;border:1px dashed #090688;background:#Ffffff;PADDING: 10px;}
/
#m_blog div.cnt{color:#808080;line-height:20px;font-size:16px;border-top:2px dashed #1DC01D;border-bottom:2px dashed #1DC01D;border-left:2px dashed #1DC01D;border-right:2px dashed #1DC01D;PADDING-RIGHT: 10px; PADDING-LEFT: 10px;PADDING-TOP: 10px;PADDING-bottom: 10px;}
dotted： 点线
dashed : 虚线
double : 双线边框
groove : 3D凹槽
ridge : 菱形边框
inset : 3D凹边
outset : 3D凸边
/*前景图片透明设置*/
filter:alpha(opacity=90,finishopacity=100,style=0,)
/*播放器*/
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=60, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)Invert(); WIDTH: 224px;HEIGHT:200px}
Invert(); 滤镜效果 可以更换
/*不显示播放器，不影响音乐的播放*/
添加#mod_bgmusic{display:none}
/*日志背景*/
#m_blog.modbox{background:url(图片)}
或#m_blog div.cnt{background:url(图片) repeat; /*图片*/color:#666666;line-height:20px;font-size:14px}
/*滚动条*/
#m_blog{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:1000px;
filter: chroma(color=#E100E1)}
注释：
scrollbar-3d-light-color 设置或检索滚动条亮边框颜色
scrollbar-highlight-color 设置或检索滚动条3D界面的亮边（ThreedHighlight）颜色
scrollbar-face-color 设置或检索滚动条3D表面（ThreedFace）的颜色
scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色
scrollbar-shadow-color 设置或检索滚动条3D界面的暗边（ThreedShadow）颜色
scrollbar-dark-shadow-color 设置或检索滚动条暗边框（ThreedDarkShadow）颜色
scrollbar-base-color 设置或检索滚动条基准颜色
/*去掉横向滚动条*/
在body{}里加上overflow-x:hidden
禁止选择/*鼠标触碰 按钮下陷*/
a:hover{}中加入position:relative; left:2px; top:1px; clip:rect( )
/*屏蔽Rss链接，baidu图片*/
#comm_info a {display:none}
/*标题背景*/
#header div.lc{} -左
#header div.rc{} -右
插入 background:url(http://***)
/*文章日期旁加小图案*/
#m_blog div.date
{text-indent:1.5cm;background:url(这里要填上你自己选的小图片的连接地址) 30% 0% no-repeat; /*背景图片*/margin:5px 0 8px 0;color:#999999;
line-height:50px; /*调整行高*/}
/*标题栏主体加小图案*/
模块ID span.modtit{background:url(http://hi.baidu.com/0454ldk) no-repeat top left;font-size:0px;width:100%;margin-left:-18px;padding-top:3px}
/*常用插入时间图片位置的代码*/
图片显示位置——个人档案照片下面：
#m_pro div.act{margin-top:5px; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px}
图片显示位置——文章列表 标题下面：
#m_blog div.tit{font-size:14px;font-weight:bold; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px}
图片显示位置——文章列表 标题左面：
#m_blog div.tit{font-size:14px;font-weight:bold; line-height:24px; text-indent:120px; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500) no-repeat}
图片显示位置——TAB导航栏：
#tabline{top:89px; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 32px; margin-bottom: 6px}
图片显示位置——相册下面：
#m_album div.image{text-align:center; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 45px; margin-bottom: 1px}
图片显示位置——每个友情链接下面：
#m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px}
图片显示位置——每个最新评论下面：
#m_comment div.item{color:#000000;font-size:12px; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px}
图片显示位置——每个文章分类下面：
#m_artclg div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px}
图片显示位置——其他区域：
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px}
其他样式显示http://www.csufresno.edu/cgi-bin/Count.cgi?display=date&dd=A
/*调整图片位置*/
padding-bottom: 20px; margin-bottom: 5px; padding-bottom为距上高度，margin-bottom为距下高度。
/*调整TAB距离*/
在TAB{}内加入text-indent:30px
/*分割线*/
模块ID div.line{margin-top:17px;line-height:17px;background:url(http://hi.baidu.com/0454ldk) repeat-x}
/*发光效果*/
{}中加入filter:glow (color= #299BE8,strength=2)
/*阴影效果字体阴影*/
{}中加入filter:DropShadow(Color=#000000:,OffX=2, OffY=3,Positive=1);或filter:shadow(Color=#000000:,OffX=2, OffY=3,Positive=1)
参数作用：
Color=阴影的颜色代码
OffX=设置阴影与对象（文字或图片）的横向距离偏移
OffY=设置阴影与对象的竖向距离偏移
Positive=设置建立阴影的对象，true是为非透明像素建立阴影，false是为透明的像素建立阴影，一般不建议使用false
另外，如果添加阴影的地方已经有了filter的参数，例如设置透明度的filter:alpha()，只需把DropShadow(Color=#000000, OffX=3, OffY=3, Positive=true)添加到alpha()的后面即可，这里不需要间隔，当中留空格可以,间隔将无效
例如在原来的filter:alpha(opacity=50);后面加上阴影效果代码：
filter:alpha(opacity=50)DropShadow(Color=#000000, OffX=3, OffY=3, Positive=true);
/*投影的代码*/
filter:Shadow(Color=gray/*颜色*/,Direction=135/*方向*/)
/*文章标题背景*/
#m_blog div.tit{text-indent:1.5cm/*缩近*/;line-height:75px;/*增大行高，使背景图片完全显示*/font-size:16px;font-weight:bold;background:url(http://hi.baidu.com/0454ldk) no-repeat;/*标题背景图片，不重复*/}
line-height:多少px; 设置标题的高度，其实这里的设置为图片的高度就可以了
text-indent:多少px; 设置标题的文本前面空多少宽度，这里可以填图片的宽度，为了美观起见，可以再多+5、6px，因为图片和标题贴着不好看，这个主要还是看个人感觉和喜好设置了
/*空间透明*/
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
/*其他模块添加图片*/
#comm_info div.line{margin-top:4px;line-height:8px;border-top:2px solid #ff3333; background:url(http://***.gif) no-repeat bottom; padding-bottom: 32px; margin-bottom: 32px}
/*隐藏其他模块标题*/
#comm_info .modhead span{display:none}
/*其他模块已有XXXX人次访问本空间数字字体设置 */
#pvshow{font-family:Georgia;font-size:20pt;font-color:6A4A01}
20pt即字体设置
/*个人档案添加图片*/
#m_pro div.image{}加入background:url(http://hi.baidu.com/0454ldk) no-repeat bottom;padding-bottom:100px
bottom让图片沉底
padding-bottom增加头像模块底下的宽度
padding-bottom数值一般设置为LOGO的高度值，LOGO的上边与头像的下边距离0，加大padding-bottom的数值，LOGO的上边与头像的下边距离亦加大
/*去除模块背景即完全背景透明*/
删除模块background-color:……的属性;加background:transparent即可
在header{}中加入
background:transparent 这个参数的作用是使完全背景透明,并删除原来的属性background:url(http://hi.baidu.com/0454ldk)
#header div.rc{}以及.stage{}与header{}同样设置
/*其他模块标题添加图片*/
#comm_info span.modtit{color:#737373;text-indent:16px;background:url()repeat-x;font-size:0px;width:100%;margin-left:-18px;padding-top:3pxhttp://hi.baidu.com/0454ldk}
/*“发表评论”区域*/
#spBlogCmtor{background:url(图片地址)} /* 姓名*/
#spBlogCmtURL{background:url(图片地址) }/* 网址或邮箱*/
#spBlogCmtText{background:url(图片地址) } /* 评论内容*/
#in_send div.tit{margin:10px 0 10px 0;color:#FFFFFF;font-size:14px;font-weight:bold}
设置“发表评论”区域上方的“发表评论”四个大字，其中color:#FFFFFF设置字的颜色，font-size设置字的大小，font-weight:hold设置让这字体加粗，不加粗删掉。
#in_send td{color:#FFFFFF}
设置“姓名”、“网址或邮箱”和“内容”字的颜色。
#spBlogCmtText {border: 1px solid #FFCCFF;background:#FFFFFF no-repeat top center; background-attachment: fixed}
设置评论框底色。background:#FFFFFF设置颜色，添加图片则改为background:url(图片),
图片最佳尺寸是503*153,1px 表示评论边框的宽度,#FFCCFF 表示评论边框的颜色。
/*隐藏“查看该用户在百度的”分类*/
加入#m_pro .basic a.nlk{display:none}代码即可
/*隐藏“百度空间测试版”图片*/
#m_comm_info img{display:none}
/*添加天气预报*/
#m_mylink1 div.line{background:url(http://firetear.com/weather/weather.aspx?city=%u5BBF%u8FC1&style=1) no-repeat bottom;line-height:40px;margin-bottom: 10px;margin-top:5px;padding-bottom: 138px}
先编辑自定义模块,链接地址为http://www.tq121.com.cn,然后更换为以上代码，（注意：要把地址换在你所在地的地址，可以到 http://firetear.com/weather 网站里去找，只需把生成代码里面SRC后面的地址替换以上地址即可）
/*更多文章居右*/
#m_blog div.more{margin:14px 0 16px 0;text-align:right}
/*在友情链接添加“发送消息”的链接*/
在友情链接里的链接地址内填上：http://msg.baidu.com/ms?ct=21&cm=1&tn=bmSendMessage&un=你的百度用户名
这样点击该链接就可以给你发送消息，而这个链接另一个功能就是可以给自己发送消息。
/*添加“加为好友”的链接*/
javascript:document.addfriend.submit()
/*改变你的按钮和输入栏的颜色及字体*/
input,select,textarea{color:green;font-size:14px;font-family:Tahoma,黑体;border:1px solid green;background-color:black}
textarea{overflow:hidden}
/*留言板添加图片*/
#spBCmtText{border: 6px solid #000000 ;color:#ffffff;background:url(http://hi.baidu.com/0454ldk) no-repeat;overflow-y :scroll;height:150px}
图片最佳尺寸是503*153，6px表示评论边框的宽度，#000000 表示评论边框的颜色。
/*百度空间添加QQ在线*/
链接地址http://wpa.qq.com/msgrd?V=1&Uin=号码 QQ
/*百度空间显示排名*/
加入：#comm_info div.line{background:url(http://hi.51try.net/code.asp?url=你空间连接) no-repeat top;padding-bottom:50px}