打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
百度空间实用技巧大集合

百度空间实用技巧大集合

1.如何更换空间背景?
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参数,那是透视的播放器面板,这个不错

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
CSS制作网页技巧:单图片按钮实例
html+css如何在图片上添加文字
新浪博客代码集
网页的背景图片代码
解读百度空间CSS
做图书馆首页横向排列链接的代码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服