Baidu Space CSS Code detailed

Source: Internet
Author: User
Tags header

Space Name and introduction area

#header ——主体部分—空间头部的整个标题部分
#header div.lc ——主页左上角背景图片
#header div.rc—— 主页右上角背景图片
#header div.tit ——空间名称,即主标题,名字大小颜色
#header div.tit a.titlink ——空间名称链接,未被点击
#header div.tit a.titlink:visited——已被访问过的链接
#header div.desc ——空间简介,即副标题,位置大小颜色

Navigation bar

#tabline ——菜单下方的横线,即分隔符,用来与空间名称分开
#tab ——导航菜单栏主体—页面上方“主页博客|相册……”栏背景图片
#tab a.on,#tab a.on:link,#tab a.on:visited—— 选中状态,即“导航栏链接”,大小颜色+背景
#tab span ——导航栏项与项之间的分割符“|”
#tab a:link ——TAB“博客|相册……”栏链接颜色,未被点击
#tab a:visited——“博客|相册……”已被访问过的链接
#tab2 ——(基本选项 | 模板设置 | 高级设置 | 访问统计) 这行的菜单主体属性
#tab2 span ——TAB选中状态
#tab2 a ——TAB未选中状态
#tab2 a:link
#tab2 a:visited ——已被访问过的链接

Content Area

. stage--all parts of the body of the page (below the navigation bar)

Other areas (i.e., access volume, etc.)

#comm_info 主体部分——“其它”中“已有 人次访问本空间”颜色、位置
#comm_info div.line ——“已有 人次访问本空间”下面粉红色分割线相关设置
#comm_info a——“其它”中“什么是RSS?”颜色
#comm_info a:hover——悬停效果
#comm_info.mod——区域标题
#m_comm_info.modbox——其它区域模块
#pvshow——访问量数字字体#m_comm_info div a——百度logo

Page area

#page ——主体 高度大小位置
#page span—— 当前页码(不可点击)
#page a.pc—— 上一页和下一页 未被点击
#page a.pc:visited—— 已被点击
#page a.pi ——页码(可点击)
#page a.pi:visited ——已被访问过的链接

Module area

.mod ——模块标题,上下间距
.modhandle{cursor:move}
.modth ——模块标题栏主体和正文之间的距离
.modhead ——模块标题区的位置
.modopt ——模块操作区(如写新文章),间距
.modtit ——模块标题区(如文章列表、个人档案)大小颜色
.modtitlink ——模块标题链接
.modact ——操作文字链接,“修改个人资料”链接,——右上角“编辑”等链接的相关大小颜色设置。
.modbox ——模块内容区主背景颜色等
a.modact:link——“修改个人资料”链接颜色
a.modactlink:visited ——已被访问过的链接
.modtl ——模块左上角远郊边沿图片背景,第一列,空列
.modtc—— 模块中上的背景图片背景,第二、三列,个人档案、修改个人资料
.modtr ——模块右上角背景图片背景,第四列,空列
.modbl ——模块左下角背景图片背景
.modbc—— 模块中下、最下端一条背景图片背景
.modbr ——模块右下角背景图片背景

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.