视频教程 图书教程 网页设计教程 计算机技术 网页素材 免费资源 特效代码 软件下载 网站推广 设计论坛
QQ动态 | QQ空间教程 | QQ空间代码 | QQ应用 | QQ秘籍 | QQ破解 | QQ安全 | QQ音速 | QQ幻想 | QQ堂 | QQ宠物

你的位置:首页>>百度空间代码>>百度空间CSS表较详细注释

百度空间CSS表较详细注释

发表时间:2006-11-19 14:14:28浏览次数:

百度空间CSS表较详细注释:

作出解释的都是主页的相关代码,其他页面的没有测试。希望能给刚接触空间的朋友一些帮助^_^

关于其他空间中原来没有的美化代码请参见我的其他日志:
http://hi.baidu.com/tblc

打开CSS表:
在空间页面上依次点击:设置——高级设置——自定义css

代码解释:
1、关于文字或背景的颜色的16进制代码形式如:#530C0E
可以到如下网页直观查看颜色代码:
http://shirley329.blogchina.com/3501281.html
也可以用颜色的相应英文单词替换,如:Black  Fuchsia  Gray  Gree  Lime  Maroon  Navy  Olive  Purple

 Red  Silver  Teal  White  Yellow  Blue  Aqua

2、相关元素“位置”为“center,left,right”,可直接相互替换;

3、文字等元素的大小格式为“13px”数字越大字号或元素就越大,反之则越小;

4、图片地址可直接用可以引用的地址替换,建议将图片传到空间相册后再引用。

5、代码详细注释:

body{background-color:#530C0E}
——背景颜色

#header{height:89px;background:url() no-repeat}
#header div.rc{background:url() repeat-x}
——页面上方“主页博客|相册……”栏背景图片
#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:3px;line-height:19px;background-


 

color:#BC0304;color:#FFFFFF;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{color:#000000;font-size:12px;font-weight:bold}
#tab2 a{font-size:12px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC}


 

.stage{background:url() no-repeat top left;line-


 

height:1px}
——每个栏目左上角远郊边沿图片
.modtc{background:url() no-repeat top right;line-


 

height:1px}
——每个栏目右上角远郊边沿图片
.modbl{background-color:#FFF6E7;border-left:1px solid #FFF6E7;border-bottom:1px solid


 

#FFF6E7;line-height:1px}
——每个栏目左下角点的设置
.modbc{background-color:#FFF6E7;border-bottom:1px solid #FFF6E7;line-height:1px}
——每个栏目最下端一条的设置
.modbr{background-color:#FFF6E7;border-right:1px solid #FFF6E7;border-bottom:1px solid


 

#FFF6E7;line-height:1px}
——每个栏目右下角点的设置


 

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


 

#m_pro a{color:#D77B18}
——个人档案中“查看详细信息”的颜色,未被点击
#m_pro a:visited{color:#D77B18}
——个人档案中“查看详细信息”的颜色,已被点击
#m_pro div.image{text-align:center}
——个人档案中照片的显示位置,分为“中,左,右——center,left,right”
#m_pro div.act{margin-top:10px}
——个人介绍和照片的间距
#m_pro div.user{margin-top:10px;color:#000000;font-size:12px;font-weight:bold}
——个人用户名的大小颜色
#m_pro div.desc{color:#000000;font-size:12px}
——个人介绍的大小颜色
#m_pro div.line{margin-top:17px;line-height:17px;border-top:1px solid #F4C1B5}
#m_pro td{color:#000000;line-height:24px;font-size:14px}


 

#m_album div.image{text-align:center}
——相册中照片的显示位置,分为“中,左,右——center,left,right”
#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_links div.item{color:#000000;font-size:12px}
——友情链接的连接描述的大小颜色
#m_links div.item a{color:#D77B18;font-size:12px;text-decoration:none}
——友情链接名的大小颜色,未被点击
#m_links div.item a:visited{color:#D77B18}
——友情链接名的大小颜色,已被点击
#m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5}
——友情链接见的分隔符的相关设置


 

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


 

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

#m_albumlist div.note{color:#000000;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:#000000;font-size:14px}
#m_albumlist div.line{margin-top:10px;line-height:16px;border-top:1px solid #F4C1B5}
#m_albumlist div.tit{margin:6px 0 7px 0;color:#000000;font-size:14px}
#m_albumlist div.tit a{color:#D77B18;font-size:14px}
#m_albumlist div.tit a:visited{color:#D77B18}
#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:#D77B18;font-size:12px}
#m_albumlist a.act:visited{color:#D77B18}
#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_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:#000000;font-size:12px}
#m_friend div.user a{color:#D77B18;font-size:12px}
#m_friend div.user a:visited{color:#D77B18}
#m_friend div.line{margin-top:10px;line-height:16px;border-top:1px solid #F4C1B5}


 

#m_setting a{color:#D77B18}
#m_setting a:visited{color:#D77B18}
#m_setting{line-height:22px;color:#000000;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 #F4C1B5}


 

#m_sysinfo a{color:#D77B18}
#m_sysinfo a:visited{color:#D77B18}
#m_sysinfo{line-height:22px;color:#000000;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:#000000;font-size:14px}
#m_setbase td{color:#000000;font-size:14px}
#m_setbase div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5}


 

#in_comment{width:710px}
#in_comment div.tit{margin-bottom:12px;color:#000000;font-size:14px;font-weight:bold}
#in_comment div.user{margin-bottom:6px;color:#000000;font-size:12px}
#in_comment div.user a{color:#D77B18;font-size:12px}
#in_comment div.user a:visited{color:#D77B18}
#in_comment div.user span.date{color:#666666;font-size:12px}
#in_comment div.desc{color:#000000;font-size:12px}
#in_comment div.line{margin-top:17px;line-height:17px;border-top:1px solid #F4C1B5}


 

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


 


代码段结束。

相关评论
暂无回复
姓名:
评论内容:
     
·手把手教大家做个性空间『
·QQ空间打不开解决方法(
·QQ空间经典黑色边框素材
·最新QQ空间免费皮肤
·QQ空间模块--最新劲舞
·QQ空间闪图--6款完美
·QQ空间大图模块添加教程
·QQ空间横幅模块--动感
·QQ空间模板—FOX越狱
·让QQ空间随机播放开场f
·非黄钻用户可以选择任意图
·QQ空间拼一个免费MTV
·视频教您怎样使用Qzon
·只要有登录QQ,就能得到
·利用QQ网吧免费开蓝钻
·空间FLASH模块—DJ
·QQ空间的自动关注和花之
·QQ空间精美情侣图片边框
·Qzone插画模版=>个
·QQ秀超级简单教程:三步
·经典黑白超酷系列---Q
·不是会员和太阳一样换头像
·QQ空间3.1FLASH
·QQ空间最新FLASH模
·一步步教你做自定义QQ音
·一张废手机卡的作用大全
·超酷版★★★经典的我给你
·QQ空间大图模块—另类的
·294款QQ空间经典个人
·QQ空间FLASH模板—

网站建设服务 - 友情链接 - 意见建议 - 联系站长 - 论坛 - 网站导航
Copyright 2006-2007 zznj.com/qq Inc. All Rights Reserved
Emai:skyzznj@126.com 豫ICP备06004911号