• 百度空间加滚动条/及一些应用


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

    #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;auto !important;100%}

    轉自http://hi.baidu.com/tianshixiadao/  

     

    百度空间简介竖字代码:

    #header DIV.desc{top:305px;left:40px;font-size:15px;Writing-mode:tb-rl ;Color:#FF4444; FONT-FAMILY: 华文行楷;FILTER:glow(color:#FFFFEE,strength=5); LINE-HEIGHT: 25px; HEIGHT: 100px;WIDTH: 100px}

    简介区域(TAB导航栏)代码:

    (转自股聊斋,里面还有几篇实用的百度空间技巧,所以把链接做上)

    http://hi.baidu.com/%B9%C9%C1%C4%D5%AB/blog/item/9d3ebbeefaffc110fcfa3c80.html 

  • 相关阅读:
    略少面试题 项目中用到的技术详解 有用
    python在VM+centos7 下面的安装
    shell基础09 归档数据
    shell基础10 sed,gawk和shell的对比
    shell练习03 mysql在脚本中的使用
    shell练习03 安装mysql
    shell基础09 gawk程序(上)
    shell练习02 归档数据文件
    shell基础08 sed命令行编辑器(上)
    shell基础07 函数
  • 原文地址:https://www.cnblogs.com/y232995558/p/1491959.html
Copyright © 2020-2023  润新知