百度空间 | 百度首页 
 
查看文章
 
怎么在百度空间各个模块里加入滚动条?
2007年01月30日 星期二 下午 02:37

 

比如,想在“友情链接”处添加滚动条只需下面一条代码即可: 

 

#m_links{overflow-y:auto;height:250px} 

不过,加一些参数可以让滚动条更有个性,和页面搭配得更完美。下面就是我的页面各种滚动条的详细代 码,大家可以参照着修改: 

文章列表的滚动条: 

#m_blog{scrollbar-face-color: #E100E1; 
scrollbar-shadow-color: maroon; 
scrollbar-highlight-color: white; 
scrollbar-3dlight-color: #E100E1; 
scrollbar-darkshadow-color:#E100E1; 
scrollbar-arrow-color:#E100E1; 
scrollbar-base-color: #E100E1; 
scrollbar-track-color: #E100E1; 
overflow-y:auto;height:1194px; 
filter: chroma(color=#E100E1);} /*文章列表的滚动条*/ 

友情链接的滚动条: 

#m_links{scrollbar-face-color: #E100E1; 
scrollbar-shadow-color: maroon; 
scrollbar-highlight-color: white; 
scrollbar-3dlight-color: #E100E1; 
scrollbar-darkshadow-color:#E100E1; 
scrollbar-arrow-color:#E100E1; 
scrollbar-base-color: #E100E1; 
scrollbar-track-color: #E100E1; 
overflow-y:auto;height:823px; 
filter: chroma(color=#E100E1);} /*友情链接的滚动条*/ 

文章分类的滚动条: 

#m_artclg{scrollbar-face-color: #E100E1; 
scrollbar-shadow-color: maroon; 
scrollbar-highlight-color: white; 
scrollbar-3dlight-color: #E100E1; 
scrollbar-darkshadow-color:#E100E1; 
scrollbar-arrow-color:#E100E1; 
scrollbar-base-color: #E100E1; 
scrollbar-track-color: #E100E1; 
overflow-y:auto;height:250px; 
filter: chroma(color=#E100E1);} /*文章分类的滚动条*/ 

最新评论的滚动条: 

#m_comment{scrollbar-face-color: #E100E1; 
scrollbar-shadow-color: maroon; 
scrollbar-highlight-color: white; 
scrollbar-3dlight-color: #E100E1; 
scrollbar-darkshadow-color:#E100E1; 
scrollbar-arrow-color:#E100E1; 
scrollbar-base-color: #E100E1; 
scrollbar-track-color: #E100E1; 
overflow-y:auto;height:458px; 
filter: chroma(color=#E100E1);} /*最新评论的滚动条*/ 

参数说明: 

1、overflow-y : 设置当对象的内容超过其指定高度时如何管理内容;overflow-x : 设置当对象的内容 超过其指定宽度时如何管理内容。 

参数: 
visible:扩大面积以显示所有内容 
auto:仅当内容超出限定值时添加滚动条 
hidden:总是隐藏滚动条 
scroll:总是显示滚动条 

2、height : 设置滚动条的高度(修改其后数值即可)。 

3、滚动条颜色参数设置: 

scrollbar-3d-light-color 设置或检索滚动条亮边框颜色 
scrollbar-highlight-color 设置或检索滚动条3D界面的亮边(ThreedHighlight)颜色 
scrollbar-face-color 设置或检索滚动条3D表面(ThreedFace)的颜色 
scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色 
scrollbar-shadow-color 设置或检索滚动条3D界面的暗边(ThreedShadow)颜色 
scrollbar-dark-shadow-color 设置或检索滚动条暗边框(ThreedDarkShadow)颜色 
scrollbar-base-color 设置或检索滚动条基准颜色

注:本文转载自http://hi.baidu.com/moxinxi/blog/item/5d854990e6a46b8da877a448.html

点击转到《百度空间模板制作速成》


类别:模板制作 | 添加到搜藏 | 浏览() | 评论 (0)
 
最近读者:
 
网友评论:
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码: 请点击后输入四位验证码,字母不区分大小写
      

     

©2009 Baidu