0.空间制作目录 http://hi.baidu.com/huge/blog/item/9f35cffc6b46f382b901a001.html 1.百度官方空间CSS说明 http://hi.baidu.com/huge/blog/item/83420fb3541b3ba7d9335a36.html 2.最浅显易懂的百度CSS教程 http://hi.baidu.com/huge/blog/item/cc50ad4bb0560af082025c3c.html 3.RSS的使用方法 http://hi.baidu.com/huge/blog/item/a58aa901131fc2071d958348.html 4.评价博客价值的几个查询方法 http://hi.baidu.com/huge/blog/item/622d670958c66acc3ac76375.html 5.如何提高百度空间访问量? http://hi.baidu.com/huge/blog/item/f6d7b745c7dee526cffca3ef.html 6.给百度空间的几点改进建议 http://hi.baidu.com/huge/blog/item/8f56d6889045ff94a4c272e9.html 7.CSS代码图解 http://hi.baidu.com/huge/blog/item/4a3f11df34acf31363279830.html 8.百度空间个性代码 http://hi.baidu.com/huge/blog/item/d3089d16e09cf051f3de321d.html 9.利用重新定义标签，达到写文章时迅速排版的目的 http://hi.baidu.com/huge/blog/item/a42b9b50a3bb5362853524e9.html 10.边框风格属性(border-style) http://hi.baidu.com/huge/blog/item/7d4a252d6d53ae34349bf7e9.html 11.百度空间布局剖析 http://hi.baidu.com/huge/blog/item/73151d95820284087bf480e9.html 12.浏览器窗口滚动条特效及添加滚动条的方法 http://hi.baidu.com/huge/blog/item/8f4bd109bea71a82d1581be8.html 13.滚动条与无滚动条 http://hi.baidu.com/huge/blog/item/e6feab646a1c01f0f7365402.html 14.各模块添加滚动条实例 + 参数详解 http://hi.baidu.com/huge/blog/item/1e285bb500016ece36d3ca9b.html 15.给超链接添加按钮效果 http://hi.baidu.com/huge/blog/item/1e5c78f09eddd4c37931aa9b.html 各位朋友我开论坛，现在大部分时间是在偶笑论坛里面混的，诚心欢迎大家来注册啊，多多支持下！16.超链接效果修改--由浅入深 http://hi.baidu.com/huge/blog/item/ae0f8701daf301d6277fb5e8.html 17.插入图片位置的代码及效果演示图 http://hi.baidu.com/huge/blog/item/cc4bccbf7070fb0a18d81f60.html 18.文字发光方法!!! http://hi.baidu.com/huge/blog/item/833c0708a3d56430e8248865.html 19.自制闪字空间名称 http://hi.baidu.com/huge/blog/item/26d49f3dcc37aa00baa1679a.html 20.百度空间旧模板CSS下载 http://hi.baidu.com/huge/blog/item/1e285bb5000e6ece36d3ca9c.html 21.百度空间添加FLASH播放器 http://hi.baidu.com/huge/blog/item/3b8459ee9a532ffbb2fb9536.html 22.教你如何制作个性化的标题栏 http://hi.baidu.com/huge/blog/item/2988033b928cb3ea15cecb29.html 23.文章列表板块文章区边框的设置 http://hi.baidu.com/huge/blog/item/b4643912ceb3c951f819b8d8.html 24.百度空间搜索模块css样式 http://hi.baidu.com/huge/blog/item/9a87a4c23b82ab1b0ef477cb.html 25.增加天气预报的方法 http://hi.baidu.com/huge/blog/item/56e8fbedc33f7a4f78f0550a.html 26.玩转背景音乐播放器 http://hi.baidu.com/huge/blog/item/352b1f30b4db1398a8018e70.html 27.显示IP地址代码 http://hi.baidu.com/huge/blog/item/f443352a121369385343c107.html 28.如何做半透明的百度空间 http://hi.baidu.com/huge/blog/item/4a3f11df34a0f31363279804.html 29.做分割线的方法 http://hi.baidu.com/huge/blog/item/9b0b367a58ff33ed2e73b33b.html 30.教你如何装饰(发表评论版块空白区) http://hi.baidu.com/huge/blog/item/1755f21f07431263f624e43a.html 

0同上，是目录

2虽然百度空间吧里已经有很多高手总结出的这方面的教程，但是我觉得很多介绍都挺含糊的，至少我就碰到很多看不懂的地方，还需要自己一点一点去试验摸索，所以我想把我总结出的一些心得也整理一下贡献出来给大家看看，绝对浅显易懂，傻瓜都能学会～～～由于这里的内容都是我在设置自己空间时的经验，所以不是很完整，比如如何设置背景颜色或图片我就没有介绍到（因为我自己不喜欢背景有颜色或有图片，所以没有研究这个），以后慢慢研究出更多之后还会陆续更新的，希望大家不要嫌弃。如何修改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}