百度空间e切从000开始部分修改记录
feilong.org 修订于2008-04-19 10:25:09 358 次浏览为方便以后修订，把 我的百度空间e切从000开始部分修改记录 搬家到自己的个人博客。最新调整和修订参见在飞龙官方博客。全文如下：
1. 在百度空间设置背景。
给整个网页设置背景或者背景色就需要在第一行的body{}中添加background:url(图片地址)或者background-color:#颜色代码，当中用";"分隔
另外，默认的大背景图片是在.stage{}中的，所以如果有适当图片的话，也可以在这里修改图片地址
2. 添加修改百度空间日志标题的背景图片。
找到#m_blog div.tit 行，你会看到有三个#m_blog div.tit 行，把第一个文章标题的默认状态修改为
#m_blog div.tit{color:#FF3366;font-size:14px;font-weight:bold;line-height:60px;
text-indent:60px;
background:url(http://hiphotos.baidu.com/e000/pic/item/4b8addc411bf3dcb38db492e.jpg) no-repeat left}
其中http://hiphotos.baidu.com/e000/pic/item/4b8addc411bf3dcb38db492e.jpg 是你需要的标题背景，改成你想要的图片地址。text-indent: 60px 是标题左边缩进值，相当于背景图片的宽度。line-height:60px 是背景所占用的高度，相当于背景图片的高度。
3. 修改百度空间的分界线。
按CTRL+F（或者CTRL+H）搜索 div.line， 然后修改各个分界线的代码,基本格式才两种：
图片型：margin-top:17px;line-height:110px;background:url(图片地址) repeat-x
线条型：margin-top:17px;line-height:17px;border-top:1px solid dotted #336633
4. 百度空间加个透明渐变播放器。（飞龙已经不用，也建议大家别用！）
大家只要把代码添加在空白处就可以。要加播放器背景图就是#phx{background:url("图片地址")repeat}。这个百度空间估计有改动。
#phx{FILTER:Alpha(Opacity=100,FinishOpacity=10,Style=2,
StartX=20,StartY=40,FinishX=0,FinishY=0)gray();WIDTH:220px;HEIGHT:32px}
width:220px这个是设置播放器显示的宽度，其实220px小了，我空间里设置了225px，正好大小
height:32px这个是设置播放器显示的高度，32px正好。如果我们把height设的大一点，就能看到视频界面的下面的部分。建议凡是有背景音乐的都不要隐藏播放器,嫌它占地方的就改小点要不不想听的就没办法关了。
三种颜色的面板示例：
第一种默认：
代码：#phx{FILTER:Alpha(Opacity=100,FinishOpacity=10,
Style=2,StartX=20,StartY=40,
FinishX=0,FinishY=0);WIDTH:225px;HEIGHT:32px}
第二种gray参数：
代码：#phx{FILTER:Alpha(Opacity=100,FinishOpacity=10,
Style=2,StartX=20,StartY=40,
FinishX=0,FinishY=0)gray;WIDTH:225px;HEIGHT:32px}
第三种invert参数：
代码：#phx{FILTER:Alpha(Opacity=100,FinishOpacity=25,
Style=2,StartX=20,StartY=100,
FinishX=0,FinishY=0);WIDTH:225px;HEIGHT:32px}
5. 设置百度空间各个模块的透明度。
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);
-moz-opacity:0.8;width:auto!important;width:100%}
在#m_blogdiv.tit{font-size:14px;font-weight:bold}上面的空白处插入下面代码
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);
-moz-opacity:0.8;width:auto!important;width:100%}
如果想要透明效果更明显，把其中的filter:alpha(opacity=80);80改小一点就好了，比如改成40，看看效果。
还有一种空间内容区域透明度的处理办法，其实就是代码放的位置不同而已，你可以根据这两个例子举一反三。
.stage{filter:alpha(opacity=80);-moz-opacity:8.0;width:auto!important;width:100%}
6. 设置百度空间的字体发光。（飞龙已经不用，也建议大家别用！）
设置字体发光的模块ID的{}内加上 FILTER:glow(color=#6CABE7,direction=2)
7. 在百度空间里面插入透明flash的代码。（飞龙已经不用，也建议大家别用！）
background:url("javascript：document.body.onload=function(){if(document.getElementById("header"))
{varobjBlogList=document.getElementById("header");objBlogList.innerHTML="<div>
<embedsrc=\'http://imgfree.21cn.com/free/flash/9.swf\'wmode=transparentstyle=
\'position:absolute\'width=990height=280></div>"+objBlogList.innerHTML;}}");
随便找一个{}，只要里面没有设置背景图的代码[一般设置背景图的代码都是background:url()或者background-image:url()]，你就可以把代码放到里面去。
8. 让百度空间模版标题透明。
这个透明的方法其实还是使用了filter的滤镜，看过阴影，投影，透明等教程的话也应该对它有一点点的了解，这里是filter的一种新滤镜：chroma
具体代码如下：filter:chroma(color=颜色代码)
chroma的效果就是使color=后面指定的颜色变透明。
所以大家要先明白你的模版标题的颜色代码是什么。不知道的话，到.modtit{}里面去找color:后面的颜色代码，然后把这个颜色代码放到color=后面。 最后，大家知道自己该写的代码后，把它写到.modtc{}内就可以了，记得写进去之前要用";"与前面定义的属性间隔开来。
9. 整体百度空间的网页鼠标效果。鼠标的链接地址后缀可以不同，区别是 .cur / .ico 是静态,.ani 是动态:（飞龙已经不用，也建议大家别用！）
body{CURSOR: url('http://webme.bokee.com/inc/mouse028.cur')}
a:hover{CURSOR: url('http://webme.bokee.com/inc/mouse031.ani')}
或者：
body{CURSOR: url('http://webme.bokee.com/inc/mouse019.ani'); }
a:hover{CURSOR: url('http://webme.bokee.com/inc/mouse026.ani'); }
10. 把鼠标移动到超链接上，它会自动往右下角下陷。（飞龙已经不用，也建议大家别用！）
a:hover{position:relative;left:1px;top:1px;clip:rect()}
只要把这个代码添加在第一行body{}的下面就可以。
相关资源有:
1.CSS 鼠标样式代码大全 玩转百度空间
2. 在QQ空间商城的鼠标柜台右击查看看中的鼠标图片的属性，获取图片地址，
比如： imgcache.qq.com/qzone/item/pre/0/688.gif
然后改成： imgcache.qq.com/qzone/item/orig/0/688.ani
更新网址：https://feilong.org/hi-baidu-com-e000-css-modify
最初发布：20080419 10:25:09 feilong.org 于广州
加入收藏夹，查看更方便。
所在分类： tutorials