高考问答叶世荣重组beyond2017:请各位CSS高手帮忙修改完善一下我的百度空间
来源：百度文库 编辑：高考问答 时间：2024/05/04 22:04:04
事情是这样的，因为复制了别人空间的CSS代码，结果出现的并不是我想要的那样，好不容易自己查了不少资料，终于弄得有点像样了，但是颜色搭配看起来很不协调，而且，有些文字都变成透明的，栏目的边框和播放器的位置也不满意，无奈CSS代码我有不懂，因此要请各位懂CSS代码的高手帮忙设计完善一下，原代码已经写在我空间的博客文章上了，要求的项目有以下几点
1空间名 空间介绍 主页 博客 相册 个人档案 好友 设置 等这些版面文字的颜色帮我调配一下，尽量用清淡点的颜色，总之只要是涉及颜色的地方都把颜色给修改一下
2我想把播放器弄小一点放在靠右上角
3背景的那副图片和标题图片以及鼠标方案不用更改
4播放器能播放多首曲目，曲目连接在文章下方已给出
5这个问一下，默认相册这个名字能不能改称自己喜欢的
6把评论的那一栏给放在右下角
7最后一点，总而言之在不改变那两副樱花图片的情况下，尽量要清新淡雅的颜色和风格，依照自己的想法，弄得漂亮就行了，拜托各位高手，也欢迎留言和提出建议，还有采纳后再追加100分
备注：代码修改完后请发到我的邮箱 zhentianjiaxing@126.com 在信的标题写上 百度空间问题 XXX X级（即用户名和级数），有什么问题要商讨的可以加我Q 357753272 注明 百度空间 XXX
最后说的呢，就是我的ID，其实是我一朋友出于对动漫 鬼眼狂刀 的喜爱所以就注册了这样一个名，后来我使用了，那么各位回信的时候就不要问我 是不是什么人拉 这样的问题~~~~
百度空间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}
——每个栏目右上角远郊边沿图片
.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}
——最新评论中各评论之间的分割线的相关设置
有什么不懂的去我空间留言 http://hi.baidu.com/fayewang8
您好这位朋友，虽然我帮不了你，但是你可以研究别人的CSS风格
教一个方法给你
先打开别人的空间，你感觉好看的空间，然后在页面上单击鼠标右键
选择查看原文件。
之后在打开的记事本里搜索css
知道看到这样的话
<link rel="stylesheet" type="text/css" href="/空间名/css/item/xxxxxxxxxxxxxx.css">
那么这个人的空间的CSS风格就是
hi.baidu.com/空间名/css/item/xxxxxxxxxxxxxx.css"
有很多黑客站有这种教程的,建议您去黑客站找找.
找我，我帮你
http://hi.baidu.com/huacn
到我空间给我留言
作出解释的都是主页的相关代码，其他页面的没有测试。希望能给刚接触空间的朋友一些帮助^_^
关于其他空间中原来没有的美化代码请参见我的其他日志：
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
发到我邮箱 完了再附带你要改成什么样的
我帮你改