Question

〖百度空间最新css代码说明〗

http://www.baidu.com/search/hi/hi_css.html

官方提供的“个人档案区域”和“相册列表”css说明不全,且“自定义模块”、“最近访客”、“百度搜索模块”没有css说明。

Answer 1

百度空间教程一，CSS代码-完全，精确，实用，注释，解析，CSS不再遥远

说明

只要你是新手，包你迅速上手，要是你的CSS代码没有被修改过,可直接复制，替换那些看不懂的English就行了,包你一劳永逸。

注意：写注释一定要在/**/中间写，/**/可插入任何代码里，但不要打断一个完整的单词。

我的空间还在创建中，如果发现以下注释有错误的话，我会及时更改的，更改的颜色是红色！

body/*整个空间页面背景颜色*/{background-color:#FFFFFF}
/*空间名称和简介区域*/
#header/*主页左上角背景图片*/{height:89px;background:#3399CC}
#header div.lc/*左背景图*/{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp1/hdl.jpg) no-repeat}
#header div.rc/*右背景图*/{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp1/hdr.jpg) no-repeat top right}
#header div.tit/*空间名字大小颜色*/{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体}
#header div.tit a.titlink/*空间名字链接颜色，未被点击*/{color:#FFFFFF;text-decoration:none}
#header div.tit a.titlink:visited/*空间名字链接颜色，已被点击*/{color:#FFFFFF;text-decoration:none}
#header div.desc/*空间介绍位置大小颜色 */{top:33px;left:20px;color:#FFFFFF;font-size:13px}
#tabline/*“主页博客|相册”菜单下方的横线*/{top:89px;background-color:#FFFFFF}
#tab/*“主页博客|相册”栏背景图*/{top:67px;background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp1/tabbg.gif) repeat-x}
#tab a.on,#tab a.on:link,#tab a.on:visited/*"主页"大小颜色＋背景*/{margin-top:3px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:19px;background-color:#F3F1F1;color:#197CAE;font-size:14px}
#tab span/*“博客|相册……”之间的分割符“|”{*/{color:#FFFFFF;font-size:14px}
#tab a:link/*页面上方“博客|相册……”栏链接颜色，未被点击*/{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab a:visited/*页面上方“博客|相册……”栏链接颜色，已被点击*/{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab2/* “设置”菜单主体在“博客/相册……设置”中的“设置”里不能预览*/{background:#DAE9F5}
#tab2 span/*TAB选中状态*/{color:#000000;font-size:12px;font-weight:bold}
#tab2 a/*TAB未选中状态*/{font-size:12px}
#tab2 a:link/*未被点击*/{color:#0000CC}
#tab2 a:visited/*已被点击*/{color:#0000CC}

/*内容区域*/
.stage/*TAB菜单与版权信息之间的区域*/{background:#F3F1F1}

/*其它区域（即访问量等信息）*/
#comm_info/*其他中“已有 人次访问本空间”颜色位置*/{color:#333333;font-family:Arial;text-align:left}
#comm_info div.line/*下面粉红色分割线相关设置*/{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
#comm_info a/*其它中“什么是RSS？”颜色*/{color:#3399CC}

/*页码区域*/
#page/*主体*/{height:30px;font-size:14px;font-family:Arial;text-align:center}
#page span/*当前页码（不可点击）*/{padding:3px;color:#000000;font-size:14px;font-weight:bold}
#page a.pc/*"上一页和下一页"未被点击*/{color:#3399CC;font-size:14px;font-weight:bold}
#page a.pc:visited/*"上一页和下一页"已被点击*/{color:#3399CC}
#page a.pi/* 页码（可点击）未被点击*/{padding:3px;color:#3399CC;font-size:14px}
#page a.pi:visited/* 页码（可点击）已被点击*/{color:#3399CC}

/*模块*/
.mod/*栏目间的上下间距*/{margin-bottom:10px}
.modhandle/*各栏目标题的位置*/{cursor:move}
.modth/*各栏目标题和正文之间的间距*/{height:24px}
.modhead/*各栏目标题的位置*/{padding:4px 4px 0 4px}
.modopt/*各栏目间的上下间距*/{padding:4px 4px 0 0}
.modtit/*各栏目标题大小颜色*/{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtit{color:#FFFFFF}
a.modtit:visited/*各栏目标题大小颜色已被点击*/{color:#FFFFFF}
.modtitlink/*每个栏目右上角“编辑”等链接的相关大小颜色设置未被点击*/{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-decoration:none}a.modtitlink:visited/*各栏目标题大小颜色已被点击*/{color:#FFFFFF;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline}
.modact/*每个栏目右上角“编辑”等链接的相关大小颜色设置 */{color:#FFFFFF;font-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}
.modbox/*每个栏目的主背景颜色等*/{padding:10px 10px 0 10px;background-color:#FFFFFF}
.modtl/*每个栏目左上角远郊边沿图片*/{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp1/ptitl.gif) no-repeat top left;line-height:1px}
.modtc/*每个栏目标题中间的背景图片 */{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp1/ptitc.gif) repeat-x}
.modtr/*每个栏目右上角远郊边沿图片 */{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp1/ptitr.gif) no-repeat top right;line-height:1px}
.modbl/*每个栏目左下角点的设置*/{background-color:#FFFFFF;line-height:1px}
.modbc/*每个栏目最下端一条的设置*/{background-color:#FFFFFF;line-height:1px}
.modbr/*每个栏目右下角点的设置*/{background-color:#FFFFFF;line-height:1px}
.modlabel/**/{color:#000;font-size:14px;font-weight:bold}

/*文章区域*/
#m_blog div.tit/*文章标题*/{font-size:14px;font-weight:bold}
#m_blog div.tit a/*日志标题大小颜色，未被点击*/{color:#333333;font-size:14px;font-weight:bold}
#m_blog div.tit a:visited/*日志标题大小颜色，已被点击*/{color:#333333}
#m_blog div.date/*日志日期文字大小颜色*/{margin:5px 0 8px 0;color:#666666}
#m_blog div.cnt/*日志内容大小颜色*/{color:#333333;line-height:20px;font-size:14px}
#m_blog div.cnt div/*日志内容大小颜色*/{font-size:14px}
#m_blog div.more/*日志“阅读全文>>”*/{margin:14px 0 16px 0}
#m_blog div.more a/*日志“阅读全文>>”链接大小颜色，未被点击*/{color:#3399CC;font-size:14px}
#m_blog div.more a:visited/*日志“阅读全文>>”的大小颜色，已被点击*/{color:#3399CC}
#m_blog div.opt/*类别：技术专区 | 编辑……”中的“|”的颜色大小*/{color:#666666;font-size:12px}
#m_blog div.opt a/*“类别：技术专区”的大小颜色*/{color:#3399CC;font-size:12px}
#m_blog div.opt a:visited/*编辑 删除 评论(4) 浏览(21)”的大小颜色*/{color:#3399CC}
#m_blog div.line/*日之间的分割线的相关设置*/{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_blog div.none/*隐形设置，不需要改变*/{padding:100px 0 100px 0;color:#333333;font-size:14px}

/*个人档案区域*/
#m_pro a/*个人档案中“查看详细信息”的颜色，未被点击*/{color:#3399CC}
#m_pro a:visited/*个人档案中“查看详细信息”的颜色，已被点击*/{color:#3399CC}
#m_pro div.image/*个人档案中照片的显示位置，分为“中，左，右*/{text-align:center}
#m_pro div.act/*个人介绍和照片的间距*/{margin-top:10px}
#m_pro div.user/*个人用户名的大小颜色*/{margin-top:10px;color:#333333;font-size:12px;font-weight:bold}
#m_pro div.desc/*个人介绍的大小颜色*/{color:#333333;font-size:12px}
#m_pro div.line/*分界线*/{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_pro td/**/{color:#333333;line-height:24px;font-size:14px}
#m_pro .photo/*照片的背景(此项以下不能预览)*/{background:#FFF;border:1px solid #DDD}
#m_pro .photo td/*"加为好友"|"发送消息”中的“|”*/{font-size:12px}
#m_pro .photo .image/**/{padding:20px 0 10px 0}
#m_pro .photo .line/*“加为好友”上的线*/{width:90%;line-height:0;border-top:1px dashed #DDD;font-size:1px}
#m_pro .ref/**/{margin-top:10px;border:1px solid #DDD}
#m_pro .ref .tit/*从“用户名到”“圈子”*/{padding-left:10px;background:#EEE;border-bottom:1px solid #DDD}
#m_pro .ref .cnt/**/{padding:10px;background:#FFF}
#m_pro .basic td/**/{color:#666;font-size:14px}
#m_pro .basic .tit/**/{font-weight:bold}
#m_pro .basic a:hover/*“男”等的背景*/{padding:1px;background:#261CDC;color:#FFF;text-decoration:none}
#m_pro .basic a.nlk:hover/*"贴吧发言""知道回答"*/{padding:0px;color:#196CCA;background-color:#FFF;text-decoration:underline}
#m_pro .pline/*圈子下的分割线*/{margin-left:5px;margin-top:10px;line-height:10px;border-top:1px dashed #A6A6A6}
#m_pro .pitem/*“我曾就读”*/{margin-left:5px;line-height:22px;font-size:14px}
#m_pro .pitem .tit/**/{color:#666}
#m_pro .pitem a:hover/*超链接的咚咚*/{padding:1px;background:#261CDC;color:#FFF;text-decoration:none}

/*相册区域*/
#m_album div.image/*相册中照片的显示位置，分为“中，左，右*/{text-align:center}
#m_album div.page/*相册下无法点击换个意思就是照片太少还没达到“上一页”的“下一页”*/{color:#666666;font-size:12px;text-align:center}
#m_album div.page a/*相册中下“上一页”的“下一页”*/{color:#0000CC;font-size:12px}
#m_album div.page a:visited/*相册中下“上一页”的“下一页”已被点击*/{color:#0000CC}
#m_album .phpage/**/{margin-top:10px;padding-bottom:5px;text-align:center}

/*友情链接区域*/
#m_links div.item/*友情链接的连接描述的大小颜色 */{color:#333333;font-size:12px}
#m_links div.item a/*友情链接名的大小颜色，未被点击 */{color:#3399CC;font-size:12px;text-decoration:none}
#m_links div.item a:visited/*友情链接名的大小颜色，已被点击*/{color:#3399CC}
#m_links div.line/*友情链接见的分隔符的相关设置 */{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

/*自定义模块*/
#m_mylink1 div.item/*“描述”的内容*/{color:#333333;font-size:12px}
#m_mylink1 div.item a/*标题链接名称*/{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink1 div.item a:visited/*标题链接名称已点击*/{color:#3399CC}
#m_mylink1 div.line/*分割线*/{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

#m_mylink2 div.item{color:#333333;font-size:12px}
#m_mylink2 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink2 div.item a:visited{color:#3399CC}
#m_mylink2 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

#m_mylink3 div.item{color:#333333;font-size:12px}
#m_mylink3 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink3 div.item a:visited{color:#3399CC}
#m_mylink3 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

#m_mylink4 div.item{color:#333333;font-size:12px}
#m_mylink4 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink4 div.item a:visited{color:#3399CC}
#m_mylink4 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

/*文章分类*/
#m_artclg div.item/*文章分类中各分类后面主题数及括号的大小颜色*/{color:#666666;font-size:12px}
#m_artclg div.item a/*文章分类中各分类的大小颜色，未被点击 */{color:#3399CC;font-size:12px}
#m_artclg div.item a:visited/*文章分类中各分类的大小颜色，已点击 */{color:#3399CC}
#m_artclg div.line/*文章分类中各分类之间的分割线的相关设置 */{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

/*文章存档*/
#m_filed div.item/*文章存档中各分类后面主题数及括号的大小颜色*/{color:#66666;font-size:12px}
#m_filed div.item a/*文章存档中各分类的大小颜色*/{color:#3399CC;font-size:12px}
#m_filed div.item a:visited/*文章存档中各分类的大小颜色，已点击*/{color:#3399CC}
#m_filed div.line/*分界线*/{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

/*最新评论区域*/
#m_comment div.item/*最新评论中用户名*/{color:#333333;font-size:12px}
#m_comment div.item a/*最新评论中用户名的大小颜色，未被点击 */{color:#3399CC;font-size:12px}
#m_comment div.item a:visited/*最新评论中用户名的大小颜色，已被点击*/{color:#3399CC}
#m_comment div.item a.cnt/*最新评论中评论文字的大小颜色，未被点击 */{color:#333333;font-size:12px;text-decoration:none}
#m_comment div.item a.cnt:visited/*最新评论中评论文字的大小颜色，已被点击*/{color:#333333;text-decoration:none}
#m_comment div.item a.cnt:hover/*最新评论中评论文字当鼠标移上去时的颜色 */{color:#333333;text-decoration:underline}
#m_comment div.line/*最新评论中各评论之间的分割线的相关设置*/{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

/*相册列表*/
#m_albumlist div.note/**/{color:#333333;font-size:14px}
#m_albumlist div.desc/*简介*/{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}
#m_albumlist div.none/*无照片提示信息*/{padding:100px 0 100px 0;color:#333333;font-size:14px}
#m_albumlist div.line/*分界线*/{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
#m_albumlist div.tit/*照片标题*/{margin:6px 0 7px 0;color:#333333;font-size:14px}
#m_albumlist div.tit a/*照片标题链接*/{color:#3399CC;font-size:14px}
#m_albumlist div.tit a:visited/**/{color:#3399CC}
#m_albumlist span.count/*照片数量*/{color:#666666;font-size:12px;font-weight:bold}
#m_albumlist span.size/*照片尺寸*/{color:#999999;font-size:12px;font-family:Arial}
#m_albumlist a.act/*操作区链接（如编辑、删除)未点击*/{color:#3399CC;font-size:12px}
#m_albumlist a.act:visited/*操作区链接（如编辑、删除)已点击*/{color:#3399CC}
#m_albumlist a.page/*页码链接未点击*/{color:#0000CC;font-size:14px}
#m_albumlist a.page:visited/*页码链接已点击*/{color:#0000CC}
#m_albumlist td.image/**/{padding:5px;border:1px solid #999999;background:#FFFFFF}
#m_albumlist .phbox/**/{margin-top:15px;margin-left:15px}
#m_albumlist .phbox .phpage/**/{color:#636363;font-size:14px}
#m_albumlist .phbox .phinfo/**/{margin:6px 0 2px 0;color:#636363;font-size:12px}
#m_albumlist .phbox .phimg/**/{margin-bottom:10px}

/*好友列表*/
#m_friend div.filter/**/{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}
#m_friend div.catalog/**/{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}
#m_friend div.user/*名称*/{margin-top:4px;color:#333333;font-size:12px}
#m_friend div.user a/*好友名称（链接）*/{color:#3399CC;font-size:12px}
#m_friend div.user a:visited/*好友名称（链接）以点击*/{color:#3399CC}
#m_friend div.line/*分界线*/{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}

/*设置访问统计、模板设置*/
#m_setting a/* 链接*/{color:#3399CC}
#m_setting a:visited/* 链接已点击*/{color:#3399CC}
#m_setting/*主体*/{line-height:22px;color:#333333;font-size:14px}
#m_setting img.sel/*模板预览图（选中状态）*/{border:4px solid #FFDB7B}
#m_setting img.unsel/* 模板预览图（未选中状态）*/{border:1px solid #D2D2D2}
#m_setting span.tit/*模板标题名称*/{font-size:14px}
#m_setting span.usr/* 作者名*/{color:#666666}
#m_setting div.sel/* "当前模板"文字*/{padding-top:6px;font-size:14px;font-weight:bold}
#m_setting div.line/* 分界线*/{margin-top:20px;line-height:16px;border-top:1px solid #D2E9F4}

/*系统公告*/
#m_sysinfo a/*链接*/{color:#3399CC}
#m_sysinfo a:visited/*链接已点击*/{color:#3399CC}
#m_sysinfo/*主体*/{line-height:22px;color:#333333;font-size:14px}
#m_sysinfo span.new/*最新*/{color:#FF0000;font-size:10px;font-family:Arial}
#m_sysinfo span.date/* 发布时间*/{color:#666666;font-size:14px}

/*基本选项*/
#m_setbase/*主体*/{color:#333333;font-size:14px}
#m_setbase td/**/{color:#333333;font-size:14px}
#m_setbase div.line/* 分界线*/{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

/*网友评论*/
#in_comment/*主体*/{width:710px}
#in_comment div.tit/*标题*/{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}
#in_comment div.user/*发表人名*/{margin-bottom:6px;color:#333333;font-size:12px}
#in_comment div.user a/*发表人名（链接）*/{color:#3399CC;font-size:12px}
#in_comment div.user a:visited/*发表人名（链接）已点击*/{color:#3399CC}
#in_comment div.user span.date/*发表时间*/{color:#666666;font-size:12px}
#in_comment div.descv/*评论内容*/{color:#333333;font-size:12px}
#in_comment div.line/*分界线*/{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
/*最近访客*/
#m_track /**/{color:##333333;font-size:12px}
#m_track a/*访客名称链节*/{color:##3399CC;font-size:12px}
#m_track a:visited/*访客名称链节 已点击*/{color:#3399CC}

#in_send div.tit/**/{margin:10px 0 10px 0;color:#333333;font-size:14px;font-weight:bold}

Answer 2

百度空间新出的"最新访客"的css #m_track a {color:#AAAAAA;font-size:12px;text-decoration:none} #m_track a:hover{ color: #CCCCCC;} #m_track a img{filter:gray(enabled=1);} #m_track a:hover img{filter:gray(enabled=0);} -------------------------------------说明: #m_track 就是"最近访客"模块在css中的ID. #m_track a {color:#AAAAAA;font-size:12px;text-decoration:none} 访客ID的颜色 ;访客ID的字体大小;去掉访客ID的下划线 #m_track a:hover{ color: #CCCCCC;} 鼠标在访客ID上时的颜色 #m_track a img{filter:gray(enabled=1);} 访客头像的滤镜效果 (Gray滤镜是把一张图片变成灰度图) 其他滤镜效果 {filter:invert} , {filter:xray } #m_track a:hover img{filter:gray(enabled=0);} 鼠标在访客头像上的悬停效果. 百度搜索模块 #mod_search div.modhead span{display:none;}/*去除百度搜搜字样*/ #mod_search div.modbox label{display:none;}/*去除radio选项*/ #mod_search div.modbox div{display:block!important;text-align:left!important;} /*输入框样式*/ #mod_search div.modbox .text{ border:solid 1px transparent; font-family: "Times New Roman"; font-size: 12px; width:213px!important; height:43px; padding-top:15px; padding-bottom:15px; padding-left:20px; background:url(

) no-repeat left; } /*提交按钮样式*/ #mod_search div.modbox .submit{ background:url(

) no-repeat center center; width:120px; height:35px; color:transparent; border:1px transparent solid; padding-top:35px; margin-top: 5px;} 其他的请参考图解说明

Answer 3

http://hi.baidu.com/xinxiangchina/blog/item/7402e9dea99e065494ee3701.html
2007-01-05 00:061.百度空间文章列表滚动条的代码.
将下面代码加入你的css代码空白处就ok.
#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:150px;
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:200px;
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:200px;
filter: chroma(color=#E100E1);} /*最新评论的滚动条*/
_________________________________________________________________________

http://www.bitscn.com/school/HTMLCSS/200609/61138.html

Answer 4

唉，沙发又没抢到

Answer 5

不明白

Answer 6

深思