载入中
自定义HTML载入中... loading
和讯门户所有模块添加滚动条代码 [原创 2007-07-21 22:18:33]  删除... 
字体变小 字体变大
 
 
查看更多精彩图片
和讯门户所有模块添加滚动条代码

 查看更多精彩图片

 查看更多精彩图片

返回博客技巧首页

本文介绍和讯门户首页的所有模块添加上下滚动条代码】良曼举个例子来说:和讯的博友们都知道在和讯门户有个可以让自已加入共同话题和兴趣的圈子和留言板,随着自已的加入和博友的邀请圈子的数量也会不断增加,并且还会超过好友的数量,但是随之问题就来了,因为在和讯模块管理后台里并有限制显示圈子的数量,因此模块会变的很长,页面也就加长了,留言板上的留言过多也会变的很长,很影响门户的美观,良曼现将解决方法告诉大家,那就是只需添加个滚动条即可,以拉动滚动条来显示圈子.代码及添加方法如下:

/*我的圈子滚动条*/

#Circle{margin-bottom:12px;}

#CircleDivItem{height:200px;overflow: auto;}

/*滚动条颜色*/

div{

scrollbar-face-color :#00BFFF;

scrollbar-arrow-color :lightgreen;}

 

说明:先进入管理后台进入模板选择→自定义模板→自定义CSS,在最底部加入上面的代码.

1height:200px;更改数字是调整滚动条的高度。

2color : #00BFFF;更改颜色代码是更换滚动条的颜色。 

良曼小贴士:这里良曼提醒和讯博友要学会举一返三的道理,你想让门户的其它模块也添加滚动条

只需将#CircleDivItem{height:200px;overflow: auto;}此代码中的CircleDivItem更换成其它模块的代码就行了,可以不断的添加在/*我的圈子滚动条*/其后面.

比如[友情链接]模块就更换成FriLinkDivItem,这样就变成如下:

#FriLinkDivItem{height:200px;overflow: auto;margin-bottom:12px;}

再比如自定义新的模块[常用网址]模块就更换成SelfList24DivItem,这样就变成如下:

#SelfList24DivItem{height:200px;overflow: auto;margin-bottom:12px;}

再再比如[最新访客]模块就更换成MyVisitUser,这样就变成如下:

#MyVisitUser{height:450px;overflow: auto;margin-bottom:12px;}

剩下的就不必再让良曼再再下去了吧,那么多的模块滚动条,良曼就不一一试范了,良曼只提供方法,自已做博客还是需自已动手,这样才有乐趣和长进,对不!

颜色代码请点击进入请进入查看您所要的相关资料.  

更多相关文章:
博客鼠标特效代码(最新)
鼠标碰上链接不断变色的代码  
和讯门户完全修改头部代码
博客动态头像制作及代码   
和讯门户首页博客文章标题图标代码
和讯门户首页留言里加图片代码
和讯门户顶部状态栏特效代码   
动态日志背景外框(更新)
和讯门户模块边框特效代码
和讯日志幻灯片播放特效代码

博客网各种特效代码检测生成运行工具

(来源:网络 编缉:良曼


对良曼博客有何意见或疑问请进入吧!想给我E-mail就点此吧!返回良曼博客首页看更多文章
欢迎您再来光临!谢谢你的阅读!你在本頁已停留 

分类: 博客技巧
所属版块: 科技
票数:
什么是“我顶”?
点击数:    评论数:
本文章引用通告地址(TrackBack Ping URL)为:
本文章尚未被引用。
发表评论
大 名:
(不填写则显示为匿名者)
网 址:
(您的网址,可以不填)
标 题:
内 容:
请根据下图中的字符输入验证码:
(您的评论将有可能审核后才能发表)
和讯个人门户 v1.0 | 和讯部落 | 客服中心