Heikki的CSS模版,谁会做?
科瓦莱宁吧
全部回复
仅看楼主
level 6
葡萄郁紫 楼主
百度空间的版面,没一个喜欢的我去做Heikki的实在外行谁会做呢?贡献一下吧!
2007年10月03日 07点10分 1
level 7
#header div.tit a.titlink:visited{color:#......;text-decoration:none}这两行应该是设置空间名称文字的颜色,但是我搞不清楚2行有什么区别,所以索性都设成一样的好了。如果想要把文字设成设成黑体或下划线,就把text-decoration:后边的none相应地改成bold或underline。#header div.desc{top:60px;left:20px;color:#......;font-size:13px}这行是设置空间简介(空间名称下边那行小标题)的位置、大小和字体的,设置方法同空间名称的设置。#tabline{top:415px;background-color:#......}这个是指TAB菜单栏(主页/博客/相册/好友/设置那一行)下边的分隔线的位置和颜色,top后边的数字是指分割线离空间标题栏上边界的距离,这个数字要根据标题栏的高度和菜单的位置(是与图片重叠或位于图片下方)来决定。#tab{top:390px}这个是指TAB菜单栏的位置,top后边的数字是指距空间标题栏上边界的距离。#tab a.on,
#tab a.on:link,#
tab a.on:visited{margin-top:2px;line-height:20px;background-color:
#......;color: #
……;font-size:14px;font-weight:bold;}这一行是指TAB菜单被选中后的状态,文字的位置,文字后边背景的颜色,文字颜色,字号等等。
#tab span{color:#
F93A60;font-size:14px}这个是指TAB菜单中间的分隔符(就是那条竖线)的颜色和大小。
#tab a:link{color:#
......;text-decoration:none;font-size:14px}这一行是指TAB菜单未被选中时的状态,文字颜色,其它定义,字号。#tab2部分是TAB菜单下方的第二TAB菜单栏(比如“设置”下方的“基本选项”“模板设置”这一栏)的设置,设置方法同上。.stage{background-color:#......}这个是空间内容区域(TAB菜单栏以下直到空间底部)的背景颜色/图片设置,不想设置也可以把{ }留空。博客文章标题/文字设置区域#m_blog div.tit{font-size:14px;font-weight:bold;line-height:50px;text-indent:60px}博客文章标题栏的设置,line-height后边的数字是用来定义标题栏高度的,text-indent后边的数字是指标题文字向右缩进的距离,如不需要缩进可设为0。如果想在每篇文章的标题前加上图片,可以在{}内的结尾处加上“background:url(图片链接) no-repeat”,然后按照加入的图片尺寸相应调整标题栏高度和文字缩进处的数值。QQ里的那些可爱的动画表情图标都可以拿来用,另存后上传到百度空间的相册就可以啦。#m_blog div.tit a{color:#......;font-size:14px;font-weight:bold}博客文章标题链接的状态设置。#m_blog div.tit a:visited{color:
#047304}博客文章标题被选中后的状态设置。#
m_blog div.date{margin:5px 0 8px 0;color:#666666;text-align:right}博客文章日期的设置,margin指距标题栏的距离,text-align指日期的位置(居左居右或居中)。#m_blog div.cnt{color:#666666;line-height:20px;font-size:14px}博客文章内容设置:文字颜色,行距,字号。#m_blog div.more a{color:#047304;font-size:14px}“阅读全文”链接状态设置。#m_blog div.more a:visited{color:
#047304}博客文章标题链接被选中后的的状态设置。#
m_blog div.opt{color:#047304;font-size:12px}文章操作区(如编辑、评论等)的设置。#m_blog div.opt a{color:#047304;font-size:12px}文章操作区链接状态设置。#m_blog div.opt a:visited{color:
#047304}文章操作区链接被选中后的状态。#
m_blog div.line{margin-top:10px;line-height:60px;background:url(图片链接) no-repeat center}文章和文章之间的分隔线设置,margin-top指分隔线与上一篇文章之间的距离,line-height指分隔线区域的高度,结尾处可定义分隔线的位置(no-repeat center指不重复,居中,repeat-x指横向重复)。
2007年10月05日 10点10分 4
level 7
这是我从音符乱死的空间里看到的,我是不准备琢磨了,海鸟们谁有瘾谁自己看吧……
2007年10月05日 10点10分 6
level 6
我会做就是很麻烦而且做得不太好
2007年10月05日 12点10分 7
level 7
顶上来,同求......
2008年08月26日 10点08分 9
1