于扬最近心情不错,整理了一些css教程,与大家一起分享。适合各种阶段学者参考学习。
转走时请注明出处........于扬祝你学习愉快~!
基本学习内容:昨天已经公布。
改变鼠标:
1)CSS鼠标样式大全(修正)
http://myok.blogchina.com/3429184.html
2)方法
把代码复制在CSS上,任意一行都行,把你喜欢的鼠标地址替换在括号里.
body{background:#000;CURSOR: url('所需鼠标样式')}
a:hover{CURSOR: url('所需鼠标样式')}
CSS 颜色名称:
http://www.netvtm.com/w3/css/css-colornames.htm
让你的空间半透明:
在
#m_blog div.tit{font-size:14px;font-weight:bold}
上面的空白处插入下面这句代码就好了
modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
如何制作个性化的标题栏:
编辑CSS自定义模板,
找到#m_blog div.tit 行,你会看到有三个#m_blog div.tit 行,
把前两个分别替换为
#m_blog div.tit{color:#8A3506;font-size:14px;font-weight:bold;background:url(http://hiphotos.baidu.com/space163/pic/item/accc3dc75b69dddcd100603c.jpg)no-repeat top left;text-indent: 22px;height:70px;line-height:75px}
#m_blog div.tit a{color:#8A3506;font-size:14px;font-weight:bold;background:url(http://hiphotos.baidu.com/space163/pic/item/accc3dc75b69dddcd100603c.jpg)no-repeat top left;text-indent: 22px;height:70px;line-height:75px}
其中http://hiphotos.baidu.com/space163/pic/item/accc3dc75b69dddcd100603c.jpg 是你需要的标题背景,改成你想要的图片地址就好了
点击进入标题栏背景图片素材库:
http://hi.baidu.com/space163/blog/item/e6f03c8795813f2ac65cc3b1.html
专栏分割线的CSS代码修改方法:
/*文章栏目分割线*/
#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}
进入查看分割线资源http://hi.baidu.com/space163/blog/item/561065272802fd03918f9db2.html
如何如何自定义空间背景图片:
(1)随文字滚动的背景
在第一行下面添加
body{background: url(http://mm.xkmm.com/gallery/wallpaper/Yulexiuxian/Katong/Snoopy/b_200491811545913.jpg); background-position:0px -200px}
其中 url()括号中的内容自己找个图片弄上去吧
其中 background-position:0px -200px是定义背景图片位置的,第一个是图片左上角相对前景左边框的位置,第二个是图片左上角相对前景上边框的位置
(2)固定的背景
body{background: url(http://mm.xkmm.com/gallery/wallpaper/Yulexiuxian/Katong/Snoopy/b_200491811545913.jpg); background-repeat:repeat-y; background-attachment:fixed; background-position:0px -200px}
如何在百度空间里面添加自己的LOGO图片:
在百度空间里面添加自己的LOGO等等特效技巧
在你空间CSS最下面加入:
#comm_info div.line{margin-top:4px;line-height:8px;border-top:2px solid #ff3333; background:url(http://caoyee.bokee.com/inc/AAO.gif) no-repeat bottom; padding-bottom: 32px; margin-bottom: 10px}
把"http://caoyee.bokee.com/inc/AAO.gif"换成你上传logo,得到的地址。
如何隐藏空间首页播放器而不影响音乐播放:
在css 文件的空白处添加以下代码:
#mod_bgmusic{display:none}
不显示播放器,但不影响音乐的播放。