文章列表
 
您正在查看 "Css" 分类下的文章

2006/10/05 11:53

1.百度空间代码:http://www.hibaidu.com.cn

2.百度空间资讯: http://www.hibaidu.org

3.百度空间展示: http://www.hibaidu.cn

4.百度空间论坛: http://www.hibaidu.net

5.百度空间互踩: http://www.hibaidu.cn/cai

6.百度空间同城:http://www.hibaidu.cn/city

6.百度空间STAR:http://www.hibaidu.cn/star

7.百度空间助手:http://bbser.cn/baidu/

8.百度空间贴吧:http://post.baidu.com/f?kw=hibaidu

9.百度空间帮助:http://www.baidu.com/search/hi.html

10.百度空间CSS:http://www.baidu.com/search/hi/hi_css.html

 
2006/10/02 21:35
——缘定沧桑居

为方便大家修改新增的“自定义模块”属性,分析一下我的自定义模块代码:

几点注意事项:

1、需要修改颜色的,如“#C43C3C”或“maroon”、“white”可参考百度官方 颜色选择器 修改为想要的16进制颜色代码;
2、需要修改大小的,如“12px”等,改为其他数值即可,如16px;
3、需要修改排布方式的如“TEXT-ALIGN: center”,center(居中)可改为left(左对齐),right(右对齐);

/** 模块 我的相关页面 **/
#m_mylink1{scrollbar-face-color: #C43C3C;  /*scrollbar开头的这几行代表滚动条各部分的颜色,可参照百度
颜色选择器修改*/  ;
 scrollbar-shadow-color: maroon;
 scrollbar-highlight-color: white;
 scrollbar-3dlight-color: #C43C3C;
 scrollbar-darkshadow-color: #C43C3C;
 scrollbar-arrow-color: #C43C3C;
 scrollbar-base-color: #C43C3C;
 scrollbar-track-color: #C43C3C;
 overflow-y:auto;height:300px;  /*300px代表滚动条长度,改为其他数值即可改变*/  ;filter: chroma(color=#C43C3C);}  /*我的相关页面的滚动条*/
#m_mylink1 div.item{color:#666666;font-size:12px;TEXT-ALIGN: center;}  /*模块中文字的颜色、文字大小和排布样式*/ 
#m_mylink1 div.item a{color:#D77B18;font-size:12px}  /*模块中的链接没有被点击过时的颜色,文字大小*/ 
#m_mylink1 div.item a:visited{color:brown}  /*链接被点击过后的颜色*/ 
#m_mylink1 div.item a:hover{color:red;text-decoration:underline}  /*当鼠标移到连接上时链接的颜色*/ 
#m_mylink1 div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5}   /*两个链接间的分隔线的位置、大小和颜色*/ 

 /*下面几个模块和上面的大同小异,可参照上面修改*/ 

/** 模块 兄弟姐妹 **/
#m_mylink2{scrollbar-face-color: #C43C3C;
 scrollbar-shadow-color: maroon;
 scrollbar-highlight-color: white;
 scrollbar-3dlight-color: #C43C3C;
 scrollbar-darkshadow-color: #C43C3C;
 scrollbar-arrow-color: #C43C3C;
 scrollbar-base-color: #C43C3C;
 scrollbar-track-color: #C43C3C;
 overflow-y:auto;height:300px;filter: chroma(color=#C43C3C);}  /*兄弟姐妹的滚动条*/
#m_mylink2 div.item{color:#666666;font-size:12px;TEXT-ALIGN: center;}
#m_mylink2 div.item a{color:#D77B18;font-size:12px}
#m_mylink2 div.item a:visited{color:brown}
#m_mylink2 div.item a:hover{color:red;text-decoration:underline}
#m_mylink2 div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5}

/** 模块 我的收藏 **/
#m_mylink3{scrollbar-face-color: #C43C3C;
 scrollbar-shadow-color: maroon;
 scrollbar-highlight-color: white;
 scrollbar-3dlight-color: #C43C3C;
 scrollbar-darkshadow-color: #C43C3C;
 scrollbar-arrow-color: #C43C3C;
 scrollbar-base-color: #C43C3C;
 scrollbar-track-color: #C43C3C;
 overflow-y:auto;height:300px;filter: chroma(color=#C43C3C);}  /*我的收藏的滚动条*/
#m_mylink3 div.item{color:#666666;font-size:12px;TEXT-ALIGN: center;}
#m_mylink3 div.item a{color:#D77B18;font-size:12px}
#m_mylink3 div.item a:visited{color:brown}
#m_mylink3 div.item a:hover{color:red;text-decoration:underline}
#m_mylink3 div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5}

/** 模块 备用 **/
#m_mylink4 div.item{color:#666666;font-size:12px;TEXT-ALIGN: center;}
#m_mylink4 div.item a{color:#D77B18;font-size:12px}
#m_mylink4 div.item a:visited{color:brown}
#m_mylink4 div.item a:hover{color:red;text-decoration:underline}
#m_mylink4 div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5}

 
2006/10/02 21:26

于扬最近心情不错,整理了一些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}

不显示播放器,但不影响音乐的播放。

 
 
   
 
 
文章存档
 
     
 
最新文章评论
  

能发给我一份吗,谢谢
 

求文。547753994@qq.com
 

为我们喜欢同一部作品顶你一个
 

据最新秘密消息,余秋雨勾结另一些人在挪用国资,其公司若上市,其身价将过亿(全是
 

朱厚照如果真的不理朝政别说当16年皇帝了,就是当16天也不可能!朱厚照实际上是个挺
   
帮助中心 | 空间客服 | 投诉中心 | 空间协议
©2012 Baidu