加载中…
个人资料
csbeyond
csbeyond
  • 博客等级:
  • 博客积分:0
  • 博客访问:13,395
  • 关注人气:125
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

给你的博客首页文章部分加一个滚动条(sina首发)

(2007-01-23 20:33:13)
分类: *原创文章* -多多支持-
给你的博客首页文章部分加一个滚动条
效果见我的博客:
代码如下:

<style TYPE="text/css">

#box_2
{position:absolute;top:335px;left:295px;width:517px;height:3800px;overflow-y:scroll;
SCROLLBAR-FACE-COLOR:#56565E;
SCROLLBAR-DARKSHADOW-COLOR:#404040;
SCROLLBAR-HIGHLIGHT-COLOR:#2B3034;
SCROLLBAR-3DLIGHT-COLOR:#2B3034;
SCROLLBAR-SHADOW-COLOR:#2B3034;
SCROLLBAR-TRACK-COLOR:#080808;}

</STYLE>

代码说明:

#box_2就是新浪博客首页文章部分的id

先是定位一下

top:335px;据顶端的距离

left:295px;据左侧的距离

然后是设定高宽度

width:517px;宽度

height:3800px;高度

 

SCROLLBAR-FACE-COLOR:#56565E;
SCROLLBAR-DARKSHADOW-COLOR:#404040;
SCROLLBAR-HIGHLIGHT-COLOR:#2B3034;
SCROLLBAR-3DLIGHT-COLOR:#2B3034;
SCROLLBAR-SHADOW-COLOR:#2B3034;
SCROLLBAR-TRACK-COLOR:#080808;}

这些是滚动条的设置,大家可以参照我以前的文章

动条配色器:

这个滚动条调色器我感觉挺不错的,所以把它弄到博客上来与大家分享一下,调色的时候先在Flat那里选择Windows,接着可以根据自己爱好进行调色,调好之后选择“CSS”代码,复制方框里的代码,添加空白面板就行了。

注意:这是CSS代码,不能放在完全没有东西的空白面板里,可以把它放到已有内容的面板中。

 

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有