百度空间实用技术操作指南

百度空间实用技术操作指南

１.如何更换空间背景？
body{background:url(http://img.baidu.com/hi/temp13/hdl.gif)}
或body{background-color:#xxxxxx}
找一个图片，复制下图片的URL地址替换掉的http://img.baidu.com/hi/temp13/hdl.gif就行了。
换成
body{background:url(你的图片地址)}

2.更改空间的鼠标样式
body{background:#000;CURSOR:url('http://webme.bokee.com/inc/mouse079.cur')}
a:hover{CURSOR:url('http://webme.bokee.com/inc/mouse024.ani')}
说明1：第一行是鼠标指针初始形态，第二行是鼠标指针碰到链接的形态。

3.如何隐藏播放器而不影响音乐播放。
在css 文件的空白处添加以下代码：
#mod_bgmusic{display:none}

4.背景音乐支持多首歌曲
将音乐的网址写到一个记事本文件里，格式为
http://xxxxxx.mp3
http://xxxxxx.mp3
http://xxxxxx.wma
保存扩展名为mp3（1.mp3），然后将这个文件找个空间传上去。
回到空间中将背景音乐的地址设置为你刚刚做的文件就可以。格式如下(最好是wma文件，因为比较快)

5.百度空间文字发光的方法
在你想要设置发光文字的模块插入
;filter:glow (color=#xxxxxx,strength=3)
color为发光的颜色，strength为发光强度，值为1到255

6.教你加显示IP地址代码
在最下面加入下面全码
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6;background:url(http://www.ip.cn/s.php) no-repeat bottom; padding-bottom: 40px; margin-bottom: 10px}

7.文字的阴影效果
Filter：DropShadow（Color=color，Offx=Offx，Offy=offy，Positive=positive）
offx是指阴影的横向方向，y为纵向，负值为反方向（朝上）

8.给自己的主页加上漂亮的计数器
首先登录网站http://www.00counter.com/,注册，登陆，申请计数器，填写网站资料，调用代码,本来这段HTML代码是添加在网页上面的,但是因为我们的百度空间还不支持修改HTML代码,所以我们只能把图片http://00counter.com/counter.asp?id=282191取出来,在百度css内容的最末端添加上一行代码:
#mod_links.mod{background:url(http://00counter.com/counter.asp?id=282191) no-repeat;background-position: bottom;padding-bottom: 120px;}
要是想放在其他栏目的后面,修改#mod_links为相应的栏目ID即可.

9.播放器大小调整
播放器代码
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=10, StartY=10, FinishX=0,FinishY=0); WIDTH: 470px; HEIGHT: 400px}
470和400分别是播放器的宽和高！根据MV视频大小自己改哦！

10.评论下增加背景图
css末尾加入代码：
#spBlogCmtText {border: 8px solid #1AE61A ;
background:url(图片地址) no-repeat top center;
background-attachment: fixed;
图片地址换成自己的图片，最佳尺寸是503*153，这样会图片完全显示，8px表示评论边框的宽度，#1AE61A 表示评论边框的颜色

11。做分割线的方法
把原来的代码换成：
/*文章栏目分割线*/
#m_blog div.line{margin-top:17px;line-height:17px;background:url('图片地址') ;repeat-x}
/*评论栏目分割线*/
#m_comment div.line{background:url('图片地址');line-height:12px}
/*文章分类分割线*/
#m_artclg div.line{background:url('图片地址');line-height:12px}
/*有请连接分割线*/
#m_links div.line{background:url('图片地址');line-height:12px}

12.制作透明的模块
把filter:alpha(opacity=80)写入你想要透明的模块中，opacity为0是完全透明，100是不透明。

13.友情连接的应用
连接邮箱；
在链接地址中输入mailto:自己的邮箱地址就可以了
链接QQ；
在连接地址中输入http://wpa.qq.com/msgrd?V=1&Uin=自己的QQ号即可链接了
添加“发送消息”的链接：
在连接地址中输入http://msg.baidu.com/ms?ct=21&cm=1&tn=bmSendMessage&un=你的百度用户名
添加“加为好友”的链接：
在连接地址中输入http://tiebacommit.baidu.com/f?ct=369098752&tn=bdPPFriSmt&cm=223&word=你的百度用户名&bu=你的空间地址

14。如何在文章标题前加图片
找到#m_blog div.tit，Blog文章标题的代码
添加代码如下：
#m_blog div.tit{font-size:14px;font-weight:bold;
line-height:90px;
text-indent:120px;
background:url(图片地址) no-repeat;}
解释
line-height:多少px;设置标题的高度，其实这里的设置为图片的高度就可以了
text-indent:多少px;设置标题的文本前面空多少宽度，这里可以填图片的宽度，为了美观起见，可以再多+5、6px
background:url(图片地址) no-repeat;设置添加的图片地址，no-repeat就是不重复，一定要设置，不然图片就覆盖满整个标题栏了
其他模块代码设置方法跟这个也是一样的

15.如何固定空间背景
在body{}中加入
background-repeat: no-repeat; 定义背景图片不重复
background-position: center; 定义背景居中
background-attachment: fixed; 定义背景固定，不滚动，这个就是关键参数fixed
其他模块方法一样

16.给超链接添加按钮效果
鼠标移动到超链接上，它会自动往右下角下陷的是代码：
a:hover {position:relative; left:1px; top:1px; clip:rect()}
添加body{}的下面就可以了，这样整个页面的超链接都会有这个效果了
下面是我对代码的解释：
position:relative定位，就是设置当前对象所在的位置固定，以作后面参数的参考位置，relative是设置对象不可层叠
left:1px距离左边间隔1px，这里的作用是相对于定位的位置右移1px
top:1px距离顶上间隔1px，这里的作用是相对于定位的位置下移1px
clip:rect()依据上-右-下-左的顺序提供自定位对象左上角为(0,0)坐标计算的四个偏移数值，这里的( )中留空，就是全部为0值，这里的作用就是指定left和top作用的坐标位置

17.制作滚动条
在body{}中加入;scrollbar-base-color:#xxxxxx
color为你想要的颜色代码
添加滚动条
overflow-y:auto;height:多少px
auto就是自动判断要不要加入滚动条，当设定的对象内容超过了height设定的高度时，就自动添加滚动条，不然则不显示，建议设置在最新评论[#m_comment{}]、文章列表[#m_blog{}]等内容和高度都不固定的模版中
另一个添加滚动条的方法：
overflow-y :scroll
这个参数的作用上面解释过了，不过如果只加这个参数的话，虽然滚动栏会显示，但是不会显示滚动条，所以必须还要加上一个
height:多少px
高度属性，跟上面的那个方法差不多，但是有根本的区别，这个无论对象内容的高度是否超过了height设定的高度，滚动栏永远都会显示在边上的

18.隐藏你不想显示的模块
隐藏的代码
display:none
加入到你想隐藏的模块中

19.特色播放器
#phx{gray(); WIDTH: 225px; HEIGHT: 32px}
gray为参数，可以换上invert（反色）参数
第四种就是使用wave参数，那是迷彩的播放器面板
第五种就是使用Xray参数，那是透视的播放器面板,这个不错.

20.头像动起来

#m_pro div.portrait {
float:none; margin-bottom:10px; height:180px; width:200px; background:url(http://hiphotos.baidu.com/%C8%AB%CA%C7%B0%AEwo%C3%F4%B6%F9/pic/item/2ecd11b7461a98ecd8335a4e.jpg) no) no-repeat scroll 0 0; }
#m_pro div.portrait img{
display:none;}头像动起来

21.空间所使用的头像代码

/*个人档案区域*/

#m_pro {font-size:12px!important}
#m_pro .userinfo {width:80px!important;height:50px!important;} /* 信息区1 */
#m_pro .userinfo nobr {color:#863B38!important;}/* 信息行 */
#m_pro .userinfo nobr img {} /* 在线状态图标 */
#m_pro div.act a,#m_pro div.act a:visited {color:#863B38;}/* 信息区文字链 */
#m_pro a.btfan{color:#000!important;}/* 加为好友 */
#m_pro a.btfan img{}/* 加为好友图标 */
#phlist div.tmp a{color:#863B38}

#m_pro span.modtit{display:none}
#m_pro{font-size:12px;}
#m_pro a{color:#908e8e;text-decoration:none;font-size:12px}
#m_pro a:visited{color:#908e8e;text-decoration:none;font-size:12px}
#m_pro a:hover{background:#777777;color:#ffffff;text-decoration:none;font-size:12px}
#m_pro div.image{text-align:center;}
#m_pro div.act{}
#m_pro div.user{/*color:#ffffff;font-size:12px;*/display:none}
#m_pro div.desc{/*color:#ffffff;font-size:12px*/display:none}
#m_pro div.line{}
#m_pro td{/*line-height:25px;font-size:12px*/display:none}
#m_pro .photo {display:none}
background-color:#!importan;}
#m_pro div.portrait {
float:none; margin-bottom:10px; height:180px; width:200px; background:url(http://hiphotos.baidu.com/%C8%AB%CA%C7%B0%AEwo%C3%F4%B6%F9/pic/item/06614c620b153760ab184c8c.jpg) no) no-repeat scroll 0 0; }
#m_pro div.portrait img{
display:none;}

/*背景音乐播放器*/

#m_bgmusic iframe {height:450px!important;filter:alpha(opacity=0)!important; }
#m_bgmusic {background:url(http://hiphotos.baidu.com/%C8%AB%CA%C7%B0%AEwo%C3%F4%B6%F9/pic/item/479f8f8bb13252b3503d92ac.jpg) no-repeat 5 0!important;}

/*网友留言评论加楼字*/
#m_comment td.index nobr,#in_msg .index { /*楼层*/
width:35px!important;text-align:center;
background:url(图片地址) no-repeat 23 23;}
#mod_board div.item:first-letter{color:#9aa520;font-size:17pt;}/*留言首字特效*/
#in_comment div.desc:first-letter{font-size:17pt;color:#9aa520;}/*评论首字特效*/
#in_comment table.item td.index { /*lou*/
width:53px!important;text-align:center;
background:url(http://hiphotos.baidu.com/%C8%AB%CA%C7%B0%AEwo%C3%F4%B6%F9/pic/item/65a5a804559d13cee850cd3c.jpg) no-repeat 23 23;}

/*宠物换张可爱动态图*/

#petObject { width:0.1px!important;height:0.12px!important;}
#welcome{display:none !important}
#pet { width:131px!important;height:148px!important;background:url(http://hiphotos.baidu.com/%C8%AB%CA%C7%B0%AEwo%C3%F4%B6%F9/pic/item/4840cf0425b0ac58728b659f.jpg) no-repeat 0 0;}

/*文章分类加动态图*/
#m_artclg div.item {font-family:Georgia;font-size:12px;padding-left: 25px;background-image: url(http://imgsrc.baidu.com/css/pic/item/9bfeb127c4d25a35908f9d43.jpg);background-repeat: no-repeat;background-position: left center;line-height:19px;}/*子项*/
#m_artclg div.item a {font-size:12px;font-family:Georgia}/*分类名称(链接)*/
#m_artclg div.item a:visited{}
#m_artclg div.line {margin-top:5px;line-height:8px;}/*分界线*/
#mod_artclg.mod{background:url(http://imgsrc.baidu.com/css/pic/item/9f0dfd130131ee916538db19.jpg) no-repeat;background-position: bottom;padding-bottom:-28px;}

.23.图片由右向左滚动--代码如下：

方法：

把上面的代码复制到自己的电脑上，打开开始--程序--附件--记事本，把复制的代码黏贴到记事本上，{紫色文字部分} 。在添加图片处，把【此处添加图片】几个字删掉，然后加上自己的图片地址 {最好加自己空间喜欢的图片，图片大小要一样} 另保存文件到桌面， 文件名为 1.HTML （文件名随意，后缀为html即可）然后桌面出现一个浏览器图标，双击打开它，就是图片滚动效果，然后全部复制，发表新文章时，粘贴即可完成。

24.在其他拦里插入图片

#comm_info{color:#333333;font-family:Georgia;text-align:left;}
#comm_info div.line{margin-top:7px;line-height:37px;border-top:10px dotted #bbb;
background:url(http://hiphotos.baidu.com/%B7%E3%C7%C5%C8%CB%BC%D2/pic/item/85d24bc7021231cad1006000.jpg) no-repeat center bottom;padding-bottom:180px; margin-bottom: 20px}
#m_comm_info img{display:none}
#comm_info a{color:#445F88}

25.显ip图片个性签名

http://hi.baidu.com/dqwz101/blog/item/19359262addd29d8e6113a81.html

‍http://ip.wyangel.com

26.空间背脊

http://www.56.com/flashApp/m2v/v2.1/p4.swf" type="application/x-shockwave-flash" width="1" wmode="transparent">