比如,想在“友情链接”处添加滚动条只需下面一条代码即可:
#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;auto !important;100%}
轉自http://hi.baidu.com/tianshixiadao/
百度空间简介竖字代码:
#header DIV.desc{top:305px;left:40px;font-size:15px;Writing-mode:tb-rl ;Color:#FF4444; FONT-FAMILY: 华文行楷;FILTER:glow(color:#FFFFEE,strength=5); LINE-HEIGHT: 25px; HEIGHT: 100px;WIDTH: 100px}
简介区域(TAB导航栏)代码:
(转自股聊斋,里面还有几篇实用的百度空间技巧,所以把链接做上)
http://hi.baidu.com/%B9%C9%C1%C4%D5%AB/blog/item/9d3ebbeefaffc110fcfa3c80.html