百度空间 | 百度首页 
 
查看文章
 
在空间里加入滚动条
2006年09月30日 星期六 上午 03:12

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

 

#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 设置或检索滚动条基准颜色

 

 

1:改变人数统计值得大小
找到#comm_info a,在大括号内加font-size:14px;即可,数值表示字体大小,现在是14px
2:自定义背景
百度的左右框架或者多框架模板,背景图片只在右边或者左边显示
找到#layout td.c2t3,#layout td.c3t5这一句,改为#layout td.c2t3,#layout td.c3t5  {background:#0D0D0D;background:url() no-repeat bottom;}
即让左右两个框架用同一个背景
3:显示IP及来源地
找到 #comm_info div.line这个语句,这个语句在百度css的定义为分界线,我们要做的就是让分界线的 背景显示IP图片
将 这个语句修改为#comm_info div.line{margin-top:5px;line-height:8px;border-top:2px solid  #BBC1C6;background:url(ip签名图片) no-repeat bottom;margin-bottom: 123px;vertical-align:  sub;padding-bottom: 123px}即可。
附上IP签名图地址
www.hotik.com/sign.png
5:自定义鼠标样式
在第一行body 整个空间页面{background-color:#FFFFFF}后加上body{CURSOR: url ('http://webme.bokee.com/inc/mouse011.ani');}
更多的鼠标指针见我的blog
6:LOGO显示
这个和显示IP来源地实际上十相同的原理,显示logo就不显示ip图
#comm_info div.line{margin-top:4px;line-height:8px;border-top:2px solid #ff3333;
background:url(图片链接) no-repeat bottom; padding-bottom: 32px; margin-bottom: 10px}
7:屏蔽Rss链接,baidu图片
注意这个语句不仅会屏蔽Rss链接,baidu图片,同时也会屏蔽访问量信息(说明文字还在,动态得访问人 数统计消失)
#comm_info a {display:none;}
8:让你的百度空间里每一个连接都新窗口中打开
在的空间CSS里面最下面加如:
a:active { text:expression(target="_blank");}
9:屏蔽屏蔽空间任何一个版块.
div#+具体版块(CSS里面有)+{display:none;}
比如#mod_bgmusic{display:none}为隐藏音乐播放器
#header div.tit{display:none}为不显示 空间名称
10:自定义blog页眉得图片
在css里找到#header div.lc 左背景图{background:url(图片链接) no-repeat}
#header div.rc 右背景图{background:url(图片链接) no-repeat top right}
将图片链接换成你要显示得图片即可,可以用gif动画。具体效果见我得blog
11:头部时间显示特效”:
在你空间CSS最下面加入:
#tabline{margin-top:22px;right:-431px;line-height:8px; background:url (
http://counter.skywebhosting.com/cgi-bin/Count.cgi? display=clock&tformat=12&timezone=GMT+0800&ft=3&tr=y&negate=y) no-repeat bottom; padding- bottom: 40px; margin-bottom: 10px}
代码中请调节:margin-top:22px;right:-431px;中的数字,根据您的模板调整。
12:修改blog显示得文字颜色大小
在css里找到 文章内容模块#m_blog div.cnt
将color:#后得数值换成你要得颜色即可,FFFFFF为白色
13:模块透明
在mod后加上一句.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz- opacity:0.8;width:auto !important;width:100%}


类别:源码{css.html.asp.vb......} | 添加到搜藏 | 分享到i贴吧 | 浏览() | 评论 (14)
 
最近读者:
 
网友评论:
1
2006年10月01日 星期日 下午 03:41 | 回复
评论栏里的图是怎么弄上的呀 连接一下 和你学习 哈哈 谢谢
 
2
2006年10月01日 星期日 下午 10:42 | 回复
你可打开这看:谢谢! http://hi.baidu.com/tchzx/blog/item/b4abaa4b8ef45ff083025cab.html
 
3
2006年10月04日 星期三 下午 10:43 | 回复
好详细啊。。。
 
4
2006年10月11日 星期三 上午 05:34 | 回复
你这个 欢迎朋友留言 是怎么做的啊?
 
5
2006年10月11日 星期三 下午 03:54 | 回复
这下美多了,谢谢
 
6
2006年10月19日 星期四 下午 11:16 | 回复
是吗!好了!
 
7
2006年10月20日 星期五 下午 11:18 | 回复
格式503*153自己用PS改 PS是什么意思啊 我笨不懂哎!谢谢!
 
8
2006年10月21日 星期六 下午 07:58 | 回复
自己琢磨了好久了还是不会弄啊,谢谢你的资料.请问一下你这个两边留出空白是怎么弄的啊,先谢谢拉
 
9
2006年10月28日 星期六 下午 10:29 | 回复
为什么加了滚动条就不透明啊?
 
10
2006年10月30日 星期一 下午 06:00 | 回复
我的空间都是按你写的做的 还不错 有机会来踩踩!
 
11
2006年10月31日 星期二 下午 12:50 | 回复
往哪里添加呀?都不知道要粘到哪?
 
12
2006年10月31日 星期二 下午 01:47 | 回复
来我的空间 我教你
 
13
2007年01月25日 星期四 上午 01:10 | 回复
一个能行的,还有个就不行了....
 
14
2009年02月14日 星期六 下午 06:14 | 回复
我也想学你在空间里给"留言板”加一个滚动条,使用你的代码后主页上的留言板没变,倒是查看留言时有了滚动条,请问,主页上的“留言板”代码应该如何?
 
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码: 请点击后输入四位验证码,字母不区分大小写
      

     

©2009 Baidu