您现在的位置: 点击南开 >> 技术学院 >> 百度空间 >> 文章正文
 加入亚洲交友中心,与心爱的MM聊天  
百度空间新手教程…19.在空间里加入滚动条
作者:admin   文章来源:点击南开   点击数:   更新时间:2006-10-30          ★★★
载入中...

 

 

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

 

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

 

发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
 
  • 上一篇文章:

  • 下一篇文章:
  • 载入中...
    百度空间推荐文章
    固顶文章 [百度空间]百度空间CSS代码精选
    推荐文章 [百度空间]百度空间留言板代码
    推荐文章 [百度空间]百度空间新手教程…61.CSS鼠标
    推荐文章 [百度空间]百度空间新手教程…16.添加多
    推荐文章 [百度空间]百度空间新手教程…14.添加自
    推荐文章 [百度空间]百度空间新手教程…7.更换主体
    推荐文章 [百度空间]百度空间新手教程…4.CSS代码
    推荐文章 [百度空间]百度空间新手教程…2.百度空间
    推荐文章 [百度空间]百度空间新手教程…1.让你看懂
    推荐文章 [百度空间]百度空间最新CSS技巧归纳总结
    推荐文章 [百度空间]百度空间技巧-让你的背景,BAN
    推荐文章 [百度空间]百度空间技巧各模块添加滚动条
    推荐文章 [百度空间]百度空間--空间页面CSS说明
    推荐文章 [百度空间]百度空间里添加自己的LOGO
    推荐文章 [百度空间]百度空间技巧4-css详细说明
    百度空间热门文章
    固顶文章 [百度空间]百度空间CSS代码精选
    普通文章 [百度空间]百度空间新手教程…81.教你怎
    普通文章 [百度空间]百度空间新手教程…80.如何加
    普通文章 [百度空间]百度空间新手教程…78.百度空
    普通文章 [百度空间]百度空间新手教程…73.用CSS进
    普通文章 [百度空间]百度空间新手教程…70.教你10
    普通文章 [百度空间]百度空间新手教程…69.如何在
    普通文章 [百度空间]百度空间新手教程…67.在你的
    普通文章 [百度空间]百度空间新手教程…66.基本颜
    普通文章 [百度空间]百度空间新手教程…65.怎么去
    普通文章 [百度空间]百度空间新手教程…64.空间模
    普通文章 [百度空间]百度空间新手教程…63.为<好友
    推荐文章 [百度空间]百度空间新手教程…61.CSS鼠标
    普通文章 [百度空间]百度空间新手教程…58.背景图
    普通文章 [百度空间]百度空间新手教程…57.Iframe
    加入亚洲交友中心,与心爱的MM聊天
    相关内容
    如何为友情链接增加一个滚动条
    教你如何制作个性化的标题栏
    教你如何把QQ空间里的鼠标弄到百度空间
    百度空间留言板代码
    百度空间增加“留言板”
    百度空间“背景音乐”升级了
    百度空间新手教程…81.教你怎样让背景自
    百度空间新手教程…80.如何加上一个个性
    百度空间新手教程…78.百度空间常见27个
    百度空间新手教程…73.用CSS进行百度空
    论坛新帖
    论坛新帖载入中...
    新 闻 TOP 10
    推荐文章“我的空间我作主”个112
    - 设为首页 - 加入收藏 - 关于我们 - 网站地图 - 版权申明 - 联系我们 -

    Copyright © 2000-2006 Nkcn.Net All Rights Reserve.

    网站关键词:搜索引擎优化,SEO优化,网页特效,QQ空间技巧,QQ空间代码,百度空间技巧百度空间代码百度空间CSS代码装扮百度空间动易2006 sp5破解版动易2007破解版,个性百度空间,动易常见问题,动易采集标签,动易美化,动易模板,wap建站技巧,系统进程,动易新手帮助,网络营销,网络赚钱,QQ快讯,QQ空间模块,QQ空间大图,QQ密码找回,QQ经典贴图,QQ签名,QQ个性情侣网名,国外免费空间,国内免费空间,ASP免费空间,国外虚拟主机评测,国内虚拟主机评测,危险进程,企业信息化解决方案,,google动态,百度动态,Alexa排名,seo教程,seo工具,DMOZ技巧,网站登录,国外SEO,天津搜索引擎优化,应用程序进程,常用特效,QQ图像工具,搜索引擎常识
    津ICP备05015468号