3月4

修改侧边链接模块

| |
14:13WEB 应用  From: 本站原创
友情链接有点长了,影响页面 用滚动的那种不是太方便 有时候找个链接不小心让他过去了
就得半天等待 现改为滚动条模式
代码如下:
<script type="text/javascript">
//<![CDATA[
if (document.getElementById('sidebar_link')) {
var linkprimitivehtml=document.getElementById('sidebar_link').innerHTML;
document.getElementById('sidebar_link').innerHTML="<div style='height:300px;overflow:auto;'>"+linkprimitivehtml+"</div>";
}
//]]>
</script>



以下是修改了滚动条配色的代码 可根据自己需要改为适合自己模版的配色
颜色用RGB值和HTML HEX值都可以的
<script type="text/javascript">
//<![CDATA[
if (document.getElementById('sidebar_link')) {
var linkprimitivehtml=document.getElementById('sidebar_link').innerHTML;
document.getElementById('sidebar_link').innerHTML="<div style='height:300px;overflow:auto;SCROLLBAR-FACE-COLOR: rgb(250,253,255);  SCROLLBAR-HIGHLIGHT-COLOR: rgb(90,176,226);SCROLLBAR-SHADOW-COLOR: rgb(90,176,226);  SCROLLBAR-3DLIGHT-COLOR: rgb(90,176,226);SCROLLBAR-ARROW-COLOR: rgb(90,176,226);SCROLLBAR-TRACK-COLOR: white;SCROLLBAR-DARKSHADOW-COLOR: rgb(90,176,226);SCROLLBAR-BASE-COLOR: rgb(250,253,255)'>"+linkprimitivehtml+"</div>";
}
//]]>
</script>code]

这是单独设置链接内的滚动条
暂时不知道怎么让它适应模版的CSS
建个侧边或者底部模块,放入上面代码就可以了。请根据模版配色来设置滚动条颜色,
如果不会改的话请用第一段。

滚动条颜色参数设置:

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 设置或检索滚动条基准颜色 在空白处添加就可以了

[code]SCROLLBAR-FACE-COLOR: rgb(250,253,255);  SCROLLBAR-HIGHLIGHT-COLOR: rgb(90,176,226);SCROLLBAR-SHADOW-COLOR: rgb(90,176,226);  SCROLLBAR-3DLIGHT-COLOR: rgb(90,176,226);SCROLLBAR-ARROW-COLOR: rgb(90,176,226);SCROLLBAR-TRACK-COLOR: white;SCROLLBAR-DARKSHADOW-COLOR: rgb(90,176,226);SCROLLBAR-BASE-COLOR: rgb(250,253,255)

也可把以上放在css中的body中 这样可以设置整页内的所有滚动条

如果修改所用模版的CSS 然后不在链接模块内加如上面一段 也算是能适应模版吧grin

来源:夕阳醉了's Blog
地址:http://www.oznn.com/post/189/
转载时须以链接形式注明作者和原始出处及本声明!
阅读(2460) | 评论(0) | 引用(0)
发表评论
表情
emotemotemotemot
emotemotemotemot
emotemotemotemot
emotemotemotemot
emotemotemotemot
emotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
记住我
昵称   密码   游客无需密码
网址   电邮   [注册]