飞龙博客

妙法莲华经

百度空间e切从000开始部分修改记录

feilong.org 修订于2016-03-13 08:59:48

为方便以后修订,把 我的百度空间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

更新网址:http://feilong.org/hi-baidu-com-e000-css-modify
最初发布:20080419 10:25:09 feilong.org 于广州

加入收藏夹,查看更方便。

所在分类: tutorials

新作:

旧文:

飞龙前端QQ群