|
比如,想在“友情链接”处添加滚动条只需下面一条代码即可:
#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%}
|