百度空间 | 百度首页 
               
 
查看文章
 
在空间里加入滚动条
2006年08月26日 星期六 04:15

 

 

比如,想在“友情链接”处添加滚动条只需下面一条代码即可:

 

#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%}


类别:百度空间 | 添加到搜藏 | 浏览() | 评论 (41)
 
最近读者:
 
网友评论:
1
2006年09月21日 星期四 21:50 | 回复
大姐你真牛
 
2
2006年09月27日 星期三 23:14 | 回复
从你这里的确学到了不少东西,谢谢
 
3
2006年10月01日 星期日 20:44 | 回复
怎么用哪个代码,用的地方就是白的了呢》
 
4
2006年10月06日 星期五 15:22 | 回复
用的地方呢呢
 
5
2006年10月21日 星期六 01:06 | 回复
你的空间真实应有尽有I服了YOU
 
6
2006年10月27日 星期五 20:47 | 回复
爱死你了,太好了,I绝对服了YOU
 
7
2006年10月28日 星期六 13:32 | 回复
加在哪个后面啊
 
8
2006年11月01日 星期三 04:02 | 回复
y 有好多的不懂呀`````怎么办```????????????
 
9
2006年11月01日 星期三 18:53 | 回复
牛啊牛
 
10
2006年11月18日 星期六 20:08 | 回复
我先复制下来,慢慢看了 谢谢了,!!!
 
11
2006年11月19日 星期日 05:27 | 回复
厉害,。学这专业的??
 
12
2006年11月22日 星期三 15:30 | 回复
大姐真厉害` 让我学了很多东西呢` 可惜有点乱 呵呵 看的眼睛有点花了
 
13
2006年11月26日 星期日 23:56 | 回复
一个字 服
 
14
2006年12月01日 星期五 12:34 | 回复
 
15
2006年12月04日 星期一 19:08 | 回复
真不错,Good!!!
 
16
2006年12月10日 星期日 22:28 | 回复
我什么都不会怎么学啊 给我看了这么多 就是不懂 哈
 
17
2006年12月11日 星期一 17:24 | 回复
我想给文章加个滚动条可该怎么用这个代码呀?谢谢你尽快答复我哦
 
18
2006年12月15日 星期五 20:33 | 回复
好好好,到此学习了一下。欢迎回访。
 
19
2007年02月04日 星期日 10:44 | 回复
为什么加了滚动条模块就变成不透明的了呢? 教一下我撒 想让它变成半透明的 到我空间里留言好不 谢谢
 
20
2007年02月15日 星期四 13:38 | 回复
 
21
2007年02月16日 星期五 13:25 | 回复
"文章列表的滚动条"这个不行啊,应该加在哪个东西的后面
 
22
2007年02月23日 星期五 00:42 | 回复
滚动条的亮暗背景似乎不对 我设置不出来~ 望指点
 
23
2007年03月03日 星期六 21:44 | 回复
加在哪里呀
 
24
2007年03月04日 星期日 23:42 | 回复
恩。。 会拉! 谢谢挖! 8过只有一个可以|||
 
25
2007年03月13日 星期二 19:11 | 回复
你真厉害~我在这里学会了不少 ~谢谢了。~~~~~~创出那么复杂的代码~那位更厉害~呵呵
 
26
2007年03月23日 星期五 11:12 | 回复
厉害啊`````但是我还不知道往那里面加啊?!~~~~ ∈
 
27
2007年03月23日 星期五 12:55 | 回复
大姐``我也不知道应该加在那一个后面啊`````?!~~
 
28
2007年03月23日 星期五 12:57 | 回复
奥····已经知道咯````` 谢谢````咯```
 
29
2007年04月18日 星期三 16:21 | 回复
看不懂
 
30
2007年05月08日 星期二 22:25 | 回复
问个傻瓜问题 代码是怎么弄的 告诉我OK???
 
31
2007年06月27日 星期三 23:28 | 回复
我想问问代码往什么地方加啊,我一点不懂啊。
 
32
2007年07月17日 星期二 16:43 | 回复
是啊 要加在哪里或你 说名上 要和哪个代码 换~~ 写清楚点哦姐姐 我不是很懂可还是支持滴 说下你QQ一步步教我啊 呵呵哪就最好了 我QQ329088311 谁 会的愿意免费教我的可以加我呵呵~~
 
33
2007年08月26日 星期日 18:54 | 回复
有缘相遇
 
34
2007年08月30日 星期四 18:38 | 回复
支持你~~~嘻嘻
 
35
2007年09月22日 星期六 15:32 | 回复
顶大姐。。怎么大姐的空间不搞下的喔?
 
36
2007年11月21日 星期三 07:14 | 回复
还是不太会用 能不能再详细一点 谢谢拉
 
37
2008年01月21日 星期一 16:17 | 回复
先顶下 再慢慢看 准备去学校学习下这个
 
38
2008年08月05日 星期二 13:55 | 回复
咋那么复杂嘞 好难懂哦 慢慢看
 
39
2008年08月07日 星期四 18:48 | 回复
干脆你帮我弄一下的了
 
40
2008年10月14日 星期二 18:30 | 回复
实在佩服,真的想好好学学,就是觉得好难,大姐,我连模板都不会做,真是郁闷呐,支持大姐!
 
41
2008年10月18日 星期六 23:02 | 回复
膜拜
 
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码: 请点击后输入四位验证码,字母不区分大小写
      

     

©2009 Baidu