谁能教我做百度模版？？那些文字教程好复杂，看了快1星期还是不明白

哪个大神能告诉我这个效果是怎么做的，有详细教程或者这个效果的模版也行~

AE特效是正解。
不要用PS什么的来做，麻烦，可重复性低。
装上AE，自带的滤镜就搞定了——对计算机要求有点高的说。

虽然百度空间吧里已经有很多高手总结出的这方面的教程，但是我觉得很多介绍都挺含糊的，至少我就碰到很多看不懂的地方，还需要自己一点一点去试验摸索，所以我想把我总结出的一些心得也整理一下贡献出来给大家看看，绝对浅显易懂，傻瓜都能学会～～～由于这里的内容都是我在设置自己空间时的经验，所以不是很完整，比如如何设置背景颜色或图片我就没有介绍到（因为我自己不喜欢背景有颜色或有图片，所以没有研究这个），以后慢慢研究出更多之后还会陆续更新的，希望大家不要嫌弃。如何修改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(
) no-repeat top left} 用相同的方法依次设置下边的就OK啦。如果是自己会设计图案就比较有趣啦，可以做出各种与众不同的边框来，像我这么笨的就只会去网上找现成的 =_=|||空间音乐播放器增加了新功能！！再主页音乐播放器那里点“编辑”就可以看到，以前只能播放一首歌曲，现在可以添加5首歌曲的链接并循环播放啦，而且还可以选择“是否显示视频框”。这个新功能可真不错！！！

到我空间来找素材!

好友分类中有很多教程!会对你有帮助的!
===================随便给你找个教程==========================
CSS分解学习2007年08月29日 星期三 13:34转载http://zhidao.baidu.com/question/20533985.html?si=4

什么是CSS?
中文翻译为样式表! 它的作用简单的说：就是可以使你在同一页面里使用不同的超链接样式。
更神奇的是，用CSS，仅仅改变一个文件就可以改变数百个网页的外观......个性化的表现而不损失访问者......所有这些都因为网页样式表的强大和灵活特性。

1. CSS的语法:

CSS的定义是由三个部分构成:

选择符(selector)，属性(properties)和属性的取值(value)。

语法: selector {property: value} (选择符 {属性:值})

说明:

·选择符是可以是多种形式，一般是你要定义样式的HTML标记，例如BODY、P、TABLE……，你可以通过此方法定义它的属性和值，属性和值要用冒号隔开:

例子:body {color: black}，此例的效果是使页面中的文字为黑色。

·如果属性的值是多个单词组成，必须在值上加引号，比如字体的名称经常是几个单词的组合:

例子:p {font-family: "sans serif"} (定义段落字体为sans serif)

· 如果需要对一个选择符指定多个属性时，我们使用分号将所有的属性和值分开:

例子:p {text-align: center; color: red} (段落居中排列;并且段落中的文字为红色)

2. 选择符组

你可以把相同属性和值的选择符组合起来书写，用逗号将选择符分开，这样可以减少样式重复定义:

h1, h2, h3, h4, h5, h6 { color: green } (这个组里包括所有的标题元素，每个标题元素的文字都为绿色)

p, table{ font-size: 9pt } (段落和表格里的文字尺寸为9号字)

效果完全等效于:

p { font-size: 9pt }

table { font-size: 9pt }

3. 类选择符

用类选择符你能够把相同的元素分类定义不同的样式，定义类选择符时，在自定类的名称前面加一个点号。假如你想要两个不同的段落，一个段落向右对齐，一个段落居中，你可以先定义两个类:

p.right {text-align: right}

p.center {text-align: center}

然后用不在不同的段落里，只要在HTML标记里加入你定义的class参数:

这个段落向右对齐的

这个段落是居中排列的

类选择符还有一种用法，在选择符中省略HTML标记名，这样可以把几个不同的元素定义成相同的样式:

.center {text-align: center} (定义.center的类选择符为文字居中排列)

这样的类可以被应用到任何元素上。下面我们使h1元素(标题1)和p元素(段落)都归为“center”类，这使两个元素的样式都跟随“.center”这个类选择符:

<h1 class="center">这个标题是居中排列的</h1>
<p class="center">这个段落也是居中排列的</p>

注意:这种省略HTML标记的类选择符是我们经后最常用的CSS方法，使用这种方法，我们可以很方便的在任意元素上套用预先定义好的类样式。

4. ID选择符

在HTML页面中ID参数指定了某个单一元素，ID选择符是用来对这个单一元素定义单独的样式。

ID选择符的应用和类选择符类似，只要把CLASS换成ID即可。将上例中类用ID替代:

这个段落向右对齐

定义ID选择符要在ID名称前加上一个“#”号。和类选择符相同，定义ID选择符的属性也有两种方法。下面这个例子，ID属性将匹配所有id="intro"的元素:

#intro

{

font-size:110%;

font-weight:bold;

color:#0000ff;

background-color:transparent

} (字体尺寸为默认尺寸的110%;粗体;蓝色;背景颜色透明)

下面这个例子，ID属性只匹配id="intro"的段落元素:

p#intro

{

font-size:110%;

font-weight:bold;

color:#0000ff;

background-color:transparent

}

注意:ID选择符局限性很大，只能单独定义某个元素的样式，一般只在特殊情况下使用。

5. 包含选择符

可以单独对某种元素包含关系定义的样式表，元素1里包含元素2，这种方式只对在元素1里的元素2定义，对单独的元素1或元素2无定义，例如:

table a

{

font-size: 12px

}

在表格内的链接改变了样式，文字大小为12象素，而表格外的链接的文字仍为默认大小。

6. 样式表的层叠性

层叠性就是继承性，样式表的继承规则是外部的元素样式会保留下来继承给这个元素所包含的其他元素。事实上，所有在元素中嵌套的元素都会继承外层元素指定的属性值，有时会把很多层嵌套的样式叠加在一起，除非另外更改。例如在DIV标记中嵌套P标记:

div { color: red; font-size:9pt}

……

这个段落的文字为红色9号字

(P元素里的内容会继承DIV定义的属性)

注意:有些情况下内部选择符不继承周围选择符的值，但理论上这些都是特殊的。例如，上边界属性值是不会继承的，直觉上，一个段落不会同文档BODY一样的上边界值。

另外，当样式表继承遇到冲突时，总是以最后定义的样式为准。如果上例中定义了P的颜色:

div { color: red; font-size:9pt}

p {color: blue}

……

这个段落的文字为蓝色9号字

我们可以看到段落里的文字大小为9号字是继承div属性的，而color属性则依照最后定义的。

不同的选择符定义相同的元素时，要考虑到不同的选择符之间的优先级。ID选择符，类选择符和HTML标记选择符，因为ID选择符是最后加上元素上的，所以优先级最高，其次是类选择符。如果想超越这三者之间的关系，可以用!important提升样式表的优先权，例如:

p { color: #FF0000!important }

.blue { color: #0000FF}

#id1 { color: #FFFF00}

我们同时对页面中的一个段落加上这三种样式，它最后会依照被!important申明的HTML标记选择符样式为红色文字。如果去掉!important，则依照优先权最高的ID选择符为黄色文字。

7. 注释:/* ... */

你可以在CSS中插入注释来说明你代码的意思，注释有利于你或别人以后编辑和更改代码时理解代码的含义。在浏览器中，注释是不显示的。CSS注释以"/*" 开头，以"*/" 结尾，如下:

/* 定义段落样式表 */

p

{

text-align: center; /* 文本居中排列 */

color: black; /* 文字为黑色 */

font-family: arial /* 字体为arial */

}

建议你到这学习学习：
http://www.ahtvu.ah.cn/jxc1/wshdsh/webstyle/computer/cssd/index.htm

http://www.netvtm.com/w3/css/css-syntax.htm

实在做不好的话,就用别人现在的模板吧

http://331254765.qzone.qq.com/

我帮你做!我会教你!

http://www.ahtvu.ah.cn/jxc1/wshdsh/webstyle/computer/cssd/index.htm

http://www.netvtm.com/w3/css/css-syntax.htm

---

密山市15777453244： 请问怎么制作百度空间的模板?？
丑贤麦咪： 1.打开你要看的那个空间,点右手键,菜单上会有一个选项“查看源文件”,点这个后会弹出一个记事本文件,在这个文件中查找“CSS”,直到出现这种格式的文字 “href=＂/msnib/css/item/ed14a84473384f82b2b7dcb2.css＂>”(以MSNIB...

密山市15777453244： 如何自己制作百度空间模板?？
丑贤麦咪： 最佳答案 打开你的空间- 点击设置 -点击模板设置 -点击创建新模板 点开后会看到里面有很多代码就对了 下面就开始自己设计了 这个是关于百度空间的设计的教程 简单代码可以参照百度官方CSS说明:http://www.baidu.com/search/hi/hi_css.html 这里面有教程: http://zhidao.baidu.com/question/49155225.htmlhttp://zhidao.baidu.com/question/28669235.html?si=7

密山市15777453244： 百度空间模板怎么弄?？
丑贤麦咪： 设置——模板设置(如果不喜欢原有的,可以向下拖动,右下角处有“更多精彩模板”字样)——选好心仪模版——按“使用此模板” 模块设置——点“设置”——“高级设置”——“开始自定义”——就可以了(别忘了最后点击“保存”)^O^ 希望对你有帮助

密山市15777453244： 怎么制作百度空间模板?？
丑贤麦咪： 用鼠标拖动,步骤如下: 你先登陆你的空间后点设置——高级设置——开始自定义设置——在下面就会显示你空间的所有模块了~ 先点最小化(就是每个模块上面有“≡”“-”和“X”)这样三个符号~ “-”表示最小化,“X”表示关闭此模块(关闭后也就是不在主页上显示,但可以恢复的),“≡”表示拖动到某个位置~ 你先全部最小化后,把鼠标指针指在“≡”上面,然后按住鼠标左键进行拖动,拖动到你想要的位置

密山市15777453244： 制作百度空间模板全教程 - ？
丑贤麦咪： 最简单的方法: 百度空间 设置 自定义模板 创建新模板 然后会有ccs出现 使用ccs你可以用microsoft软件里有一个网页制作.(如果你这个不知道怎么用我就没办法帮你了,太麻烦了.) 然后做完了在左下角有三个小图标,你一个个试试看吧,我也忘记是那一个了. 点一下 就会有很多很多的代码 然后复制 粘贴到ccs里面去 注意!!!!!!!!!!! 你的图片代码要是网络地址,不然会显示不出来的 蒽蒽~就是这样 给分吧~~ 喂喂~~哪有你这样的好友啊!! 来抢分啊!! 祈拉之祈 你也真是的 是我先来的嘛!!!我只不过是修复了答案,就到最后去了!!-.-|||

密山市15777453244： 如何制作空间模版 - ？
丑贤麦咪： 长期泡在百度空间的你我,深知一个模板的优劣程度是一个空间成功与否的重要因素之一,一个好的模板会起到增加点击率和回头率的作用,一直在用别人制作的模板同时,你是否有过自己也要制作一个符合自己风格特色的优秀模板的冲动呢? ...

密山市15777453244： 百度空间模板制作及CSS详细讲解？
丑贤麦咪： 1.如何更换空间背景? 打开高级设置,再自定义CSS,看到里面的第3行和第4行都是 header div.lc{background:url(header div.lc{background:url ([img] http://img.baidu.com/hi/temp13/hdl.gif[img]) no-repeat} 第三行的是标题栏左边的图片,第4行是...

密山市15777453244： 百度空间模板怎么做? - ？
丑贤麦咪： 恩恩,能明白你的心情,当时开始做模板时也是想自己做个模板,不过想做好那就要学CSS,只是一时兴趣,不想深入的话,用新出的可视化编辑就可以了.点击右上角的“装扮空间”-模板,最又边的“我的设计”-创建新模板-可视化编辑,按提示放图就可.做好后保存.如果有百度空间其它模板问题的话欢迎提问.

密山市15777453244： 百度空间的模板怎么做?具体的？
丑贤麦咪： 我想主要靠摸索.你可以在百度空间搜文章:百度空间CSS代码……,然后找一篇文,大致内容是,文字解释CSS代码的,你对照着什么代码代表什么,去模板制作里更改颜色、长宽、插入图片等操作就好.刚开始很难,耐心点一点一点对就好了.也可以在他人模板的基础上更改,这个简单,如果想分享的话,还是自己做的好,毕竟没有人喜欢自己的板子被套用. 希望对你有帮助

密山市15777453244： 怎么建立百度个人空间的自定义模版? - ？
丑贤麦咪： 自定义模板可以让您:自由打开和关闭内容模块 选择不同版式 鼠标拖拽进行可视化操作 选择喜欢的背景自定义完毕后,点击“保存修改”按钮,设置才可生效.https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/img/adv_setmod.gif