百度空间 | 百度首页 
 
查看文章
  
百度空间CSS说明,详解
2006年07月15日 星期六 12:24

本来自己也想写这么一篇文章的，但是偶然间看到了这篇文章，所以就转载了
呵呵

body 整个空间页面{background-color:#FFFFFF}

空间名称和简介区域
#header 主体部分{height:89px;background:#3399CC}
#header div.lc 左背景图{background:url(temp1/hdl.jpg) no-repeat}
#header div.rc 右背景图{background:url(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 TAB菜单下方的横线{top:89px;background-color:#FFFFFF}
#tab TAB菜单主体{top:67px;background:url(temp1/tabbg.gif) repeat-x}
#tab a.on,#tab a.on:link,#tab a.on:visited TAB选中状态{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 TAB与TAB之间的分割符"|"{color:#FFFFFF;font-size:14px}
#tab a:link TAB未选中状态{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab2 设置TAB菜单主体{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 链接{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(temp1/ptitl.gif) no-repeat top left;line-height:1px}
.modtc 模块中上背景{background:url(temp1/ptitc.gif) repeat-x}
.modtr 模块右上角背景{background:url(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}

文章区域
#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.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{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_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_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_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_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_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.desc 评论内容{color:#333333;font-size:12px}
#in_comment div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#in_send div.tit 发表评论（标题）{margin:10px 0 10px 0;color:#333333;font-size:14px;font-weight:bold}


类别：百度空间 | 添加到搜藏 | 浏览() | 评论 (109)
 
网友评论：
1
2006年07月15日 星期六 22:53 | 回复
高人，学习中！
 
2
2006年07月16日 星期日 15:32 | 回复
受益非浅呀,很谢谢你
 
3
2006年07月16日 星期日 18:01 | 回复
谢谢啊 我收藏了 ~~~~~~~~
 
4
2006年07月17日 星期一 04:36 | 回复
大哥，谢谢哦！ 小弟在学习！
 
5
2006年07月17日 星期一 10:23 | 回复
我想问下怎么在文章列表中加入分隔线,分隔文章,谢谢
 
6
2006年07月17日 星期一 10:55 | 回复
默认的百度风格模版中都有分割线的啊 不许要额外添加的 你要是想修改的话 可以找到#m_blog div.line{}这个 这里面就是对文章分割线作设置的
 
7
2006年07月18日 星期二 17:30 | 回复
厉害～！
 
8
2006年07月18日 星期二 17:44 | 回复
受益非浅啊 收藏喽
 
9
2006年07月19日 星期三 14:30 | 回复
欣水寓言你好,我上你的空间N+N次了,学了不少知识,在这特别感谢
 
10
2006年07月22日 星期六 14:03 | 回复
好想学啊 可怜是超级菜鸟
 
11
2006年07月24日 星期一 15:22 | 回复
谢谢你啊
 
12
2006年07月27日 星期四 20:26 | 回复
我还是不会，惭愧啊
 
13
2006年08月01日 星期二 02:10 | 回复
........
 
14
2006年08月03日 星期四 15:37 | 回复
哈，学到不少哦，我加了你为好友喔，我会向你好好学习的 我会加油的啊
 
15
2006年08月03日 星期四 21:04 | 回复
css的自定义网页在哪里
 
16
2006年08月06日 星期日 23:17 | 回复
学到很多东西，谢谢！ 可是标题栏跟模块的重合了，救救吧~~~~
 
17
2006年08月07日 星期一 14:53 | 回复
强者！！！！！！！！！！！
 
18
2006年08月07日 星期一 17:49 | 回复
能和我做个连接吗? 我的还是按你说的做的 .谢谢 http://hi.baidu.com/%C7%EF%B7%E7%C2%E4%D2%B9
 
19
2006年08月09日 星期三 08:14 | 回复
很不错哦！还很详细！
 
20
2006年08月10日 星期四 21:32 | 回复
很好我羡慕死了
 
21
2006年08月14日 星期一 16:51 | 回复
空间的标题栏　有＂主页＂　＂博客＂　＂个人档案＂　＂相册＂　四个选项，我想把＂个人档案＂这个选项隐藏起来，请问有办法吗？不好意思啊，我已经看了你的关于隐藏的教程，可是还是不太会处理这个问题．
 
22
2006年08月14日 星期一 18:29 | 回复
没有这个办法的
 
23
2006年08月14日 星期一 19:12 | 回复
这个要好好学习。呵呵 欣水，链接你了。
 
24
2006年08月17日 星期四 17:56 | 回复
好难啊
 
25
2006年08月27日 星期日 11:44 | 回复
好麻烦啊, 学问真多,
 
26
2006年08月27日 星期日 16:14 | 回复
厉害！~~果然是高手，就是不一样，还请多帮忙啊！！
 
27
2006年09月01日 星期五 11:14 | 回复
终于有这样的文章可以教我怎么美化自己的空间了,收藏了,谢谢!
 
28
2006年09月03日 星期日 11:37 | 回复
麻烦你帮我写一些删除前面的模版让后边的背景放大置整个面吧．写代码就行，谢谢了
 
29
2006年09月03日 星期日 11:38 | 回复
麻烦你帮我写一些删除前面的模版让后边的背景放大置整个面吧．写代码就行，谢谢了
 
30
2006年09月05日 星期二 16:41 | 回复
照你说的我即时改了滚动条的颜色，谢谢，链你了，按你说的去做也可成一个一般的高手。
 
31
2006年09月05日 星期二 16:44 | 回复
下一步我准备把背景图的改变攻6下来，我不会加背景音乐呀！！而且不知从何入手
 
32
2006年09月08日 星期五 10:21 | 回复
请问有没有办法可以把文章的版块弄小一点？ 也就是说主页显示的时候，文章的内容可以显示少一点……
 
33
2006年09月19日 星期二 16:25 | 回复
有收获，谢谢了，我想弄成透明的怎么弄啊？请指点啊，谢谢了
 
34
2006年09月30日 星期六 17:57 | 回复
为什么我不懂啊,真的,好佩服你啊,我要加你,要向你好好学习.一定要教哦!
 
35
2006年10月03日 星期二 20:54 | 回复
有用的东东,踩你没商量~迟到的感谢。。。。。
 
36
2006年10月04日 星期三 13:18 | 回复
你的文章我决定拷批一下，谢谢先....
 
37
2006年10月05日 星期四 12:44 | 回复
浇一头水啊.雾里看花.水中望月.
 
38
2006年10月07日 星期六 10:53 | 回复
大哥，你的鼠标代码能不能给我发过来啊？
 
39
2006年10月07日 星期六 13:34 | 回复
这么专业啊！看不懂啊！
 
40
2006年10月08日 星期日 22:13 | 回复
真是不错啊，我已向你学习了好些经验了，谢谢啦！请加我为友情链接,互踩吧，拜托了！
 
41
2006年10月15日 星期日 16:19 | 回复
可以问一下么?现在CSS必须用创建新的摸板才可以用 那我现在想用水晶粉的那个可是他要编代码,那水晶粉的代码在哪里可以找到呀???谢谢哦~~~
 
42
2006年10月25日 星期三 02:02 | 回复
哈哈,好多呀,眼睛都看花了,谢谢 赐教
 
43
2006年10月29日 星期日 17:01 | 回复
眼睛都看花了 我还是不会，惭愧啊
 
44
2006年10月29日 星期日 21:50 | 回复
HI朋友，我又来逛逛了。 空间刚改版完，记得回踩哦！！
 
45
2006年11月07日 星期二 22:48 | 回复
这个是百度CSS说明.不是有吗?
 
46
2006年11月19日 星期日 01:00 | 回复
那歌曲是哪个阿？
 
47
2006年11月19日 星期日 16:38 | 回复
你的 空间里有很多好的说明
 
48
2006年11月26日 星期日 01:37 | 回复
很不错,有时间细看
 
49
2006年12月05日 星期二 17:49 | 回复
很不错~~`但是偶看的⒏太懂```嘿嘿```偶在研究研究~~！
 
50
2006年12月08日 星期五 14:43 | 回复
实在是 高人学习啊
 
[首页] 1 [2] [3] [下一页] 
发表评论：
姓　名：
网址或邮箱： (选填)
内　容：
验证码： 请点击后输入四位验证码，字母不区分大小写
      

     

©2009 Baidu