以下说明可以随意添加在任何空白内容的CSS模版中
1 如何更改背景图片
有很多开头带#代码的代码
比如#header、#m_blog、#m_pro等,这些其实是网页中栏目被定义的ID
如果要给相关栏目自定义背景的话
那么就只要在CSS代码中加入#栏目ID{background: url("图片地址") repeat}就可以了
在其中repeat的位置上可以换成其他参数no-repeat | repeat-x | repeat-y
意思分别是
repeat 背景图像在纵向和横向上平铺
no-repeat 背景图像不平铺
repeat-x 背景图像在横向上平铺
repeat-y 背景图像在纵向平铺
关于个栏目的ID
#header 标题栏的ID,就是挂着空间名字的那个栏目
#tab 导航兰的ID,就是写着主页 | 博客 | 相册....的那个栏目
#comm_info 其他模版的ID,就是有访问量显示和RSS的那个栏目
#m_blog 文章列表模版的ID
#m_pro 个人档案模版的ID
#m_album 照片自动播放模块的ID,一般这个不需要设置,因为设置了背景也看不到,前面有照片显示的
#m_links 友情链接模版的ID
#m_artclg 文章分类模版的ID
#m_comment 最新评论模版的ID
这里就给出这几常用栏目的ID,其他一些ID并不常用到
例:设置标题栏的背景 #header {background: url("图片地址") repeat}
附:如果要给整个网页设置背景或者背景色就需要在第一行的body{}中添加background: url(图片地址)或者background-color:#颜色代码,当
中用";"分隔就可以了
另外,默认的大背景图片是在.stage{}中的,所以如果有适当图片的话,也可以在这里修改图片地址.
2 如何在Blog的标题上添加图片
#m_blog div.tit{font-size:14px;font-weight:bold;
line-height:80px;
text-indent:100px;
background:url(图片地址) no-repeat;}
大家只要把url后面()中的地址换成自己要换的图片地址,然后把line-height和text-indent后面的数值换成自己换上去的图片的高和宽就可以了。
3 背景色的半透明设置
filter : alpha(opacity=80)
就可以达到所有模版的背景都是半透明的效果了,其中OPACITY是判断透明度的 数越高透明度就越高。
4 给文字加上发光效果
大家只要在想要设置字体发光的模块ID的{}内加上
FILTER: glow(color=#6CABE7,direction=2)
各模块ID请参看链接:百度空间CSS说明,详解
color=后面加上想要发光的颜色
direction=后面加上想要发光的强度,一般不要过大,不然会很难看的,1-3像素就差不多了
color=后面加上想要发光的颜色
direction=后面加上想要发光的强度,一般不要过大,不然会很难看的,1-3像素就差不多了
还是提示一下,属性之间要用";"间隔开来,不然无效的
5 给超链接添加按钮效果
关于这个效果大家应该在我的空间能够看到了,只要把鼠标移动到超链接上,它会自动往右下角下陷,呵呵,感觉不错吧
下面的是代码:
a:hover {position:relative; left:1px; top:1px; clip:rect()}
只要把这个代码添加在第一行body{}的下面就可以了,这样整个页面的超链接都会有这个效果了
6 背景音乐——透明渐变播放器
例1:
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0); WIDTH: 225px; HEIGHT:
32px}
例2:
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) gray; WIDTH: 225px;
HEIGHT: 32px}
例3:
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) invert; WIDTH: 225px;
HEIGHT: 32px}
另外强调下:代码设置的大小写没有关系,都是一样的
还有要设置这个效果的,而且原来设置过隐藏播放器的朋友,请先把设置隐藏的代码删除后再添加这里的代码
7 让博客文章出现滚动条
例:
#m_comment{overflow-y : auto;height:浏览器高度px}
#m_blog{overflow-y : auto;height:浏览器高度px}
1 如何更改背景图片
有很多开头带#代码的代码
比如#header、#m_blog、#m_pro等,这些其实是网页中栏目被定义的ID
如果要给相关栏目自定义背景的话
那么就只要在CSS代码中加入#栏目ID{background: url("图片地址") repeat}就可以了
在其中repeat的位置上可以换成其他参数no-repeat | repeat-x | repeat-y
意思分别是
repeat 背景图像在纵向和横向上平铺
no-repeat 背景图像不平铺
repeat-x 背景图像在横向上平铺
repeat-y 背景图像在纵向平铺
关于个栏目的ID
#header 标题栏的ID,就是挂着空间名字的那个栏目
#tab 导航兰的ID,就是写着主页 | 博客 | 相册....的那个栏目
#comm_info 其他模版的ID,就是有访问量显示和RSS的那个栏目
#m_blog 文章列表模版的ID
#m_pro 个人档案模版的ID
#m_album 照片自动播放模块的ID,一般这个不需要设置,因为设置了背景也看不到,前面有照片显示的
#m_links 友情链接模版的ID
#m_artclg 文章分类模版的ID
#m_comment 最新评论模版的ID
这里就给出这几常用栏目的ID,其他一些ID并不常用到
例:设置标题栏的背景 #header {background: url("图片地址") repeat}
附:如果要给整个网页设置背景或者背景色就需要在第一行的body{}中添加background: url(图片地址)或者background-color:#颜色代码,当
中用";"分隔就可以了
另外,默认的大背景图片是在.stage{}中的,所以如果有适当图片的话,也可以在这里修改图片地址.
2 如何在Blog的标题上添加图片
#m_blog div.tit{font-size:14px;font-weight:bold;
line-height:80px;
text-indent:100px;
background:url(图片地址) no-repeat;}
大家只要把url后面()中的地址换成自己要换的图片地址,然后把line-height和text-indent后面的数值换成自己换上去的图片的高和宽就可以了。
3 背景色的半透明设置
filter : alpha(opacity=80)
就可以达到所有模版的背景都是半透明的效果了,其中OPACITY是判断透明度的 数越高透明度就越高。
4 给文字加上发光效果
大家只要在想要设置字体发光的模块ID的{}内加上
FILTER: glow(color=#6CABE7,direction=2)
各模块ID请参看链接:百度空间CSS说明,详解
color=后面加上想要发光的颜色
direction=后面加上想要发光的强度,一般不要过大,不然会很难看的,1-3像素就差不多了
color=后面加上想要发光的颜色
direction=后面加上想要发光的强度,一般不要过大,不然会很难看的,1-3像素就差不多了
还是提示一下,属性之间要用";"间隔开来,不然无效的
5 给超链接添加按钮效果
关于这个效果大家应该在我的空间能够看到了,只要把鼠标移动到超链接上,它会自动往右下角下陷,呵呵,感觉不错吧
下面的是代码:
a:hover {position:relative; left:1px; top:1px; clip:rect()}
只要把这个代码添加在第一行body{}的下面就可以了,这样整个页面的超链接都会有这个效果了
6 背景音乐——透明渐变播放器
例1:
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0); WIDTH: 225px; HEIGHT:
32px}
例2:
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) gray; WIDTH: 225px;
HEIGHT: 32px}
例3:
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) invert; WIDTH: 225px;
HEIGHT: 32px}
另外强调下:代码设置的大小写没有关系,都是一样的
还有要设置这个效果的,而且原来设置过隐藏播放器的朋友,请先把设置隐藏的代码删除后再添加这里的代码
7 让博客文章出现滚动条
例:
#m_comment{overflow-y : auto;height:浏览器高度px}
#m_blog{overflow-y : auto;height:浏览器高度px}