杨富和您一起分享博客代码

上一篇 / 下一篇 2007-07-05 23:54:05 / 个人分类：日记

　　说明：以下代码不能再次使用，原因是我们在加一些中文说明时它的语言格式和原来就有所变动，当您放在空间里时可能会解析不出来，为此建议分享，而不复制此处的代码；况且此处代码只代码我个人的一些个性设置，如果你使用了以下代码，您的空间色调也会和我的一样，那样就没有什么特点了。
fduf%]0目的：让大家了解一些代码，知道怎么去更改，实现个人空间装饰。
　　前提：要有一个空间存放您的一些东西，否则无法实现。
f&m,[eo-g0h]0　　需求：有一定的代表知识，会做的图片（会使用做图软件），因为色调可以用做图软件来帮助识别，具体的一言难尽，在此不依依介绍。
{ y fcp*SP0　　此文主要以调用图片文件和色彩代码为主，设计到个人图片调用的我不再让代码表现出来，当然对于认识代码的朋友来说无论怎么做是隐藏不了的。
　　下面我们开始来分享代码

/*
blogworld Template
Template Name:blogworld
Author:blogworld Team
n2O*D)Z0m:^ M5x0Url:www.blogworld.com.cn
(C) 2001-2006 Comsenz Inc.
!L5i~2z0`%UIN3`%P3L0*/

/*布局*/
+{Qb9?(IN,[7}#Y0/*默认布局*/
#content{margin:0px auto;width:770px}　Hmoob之声：网页默认宽度为770个象素
/*Layout_1 左侧导航*/
.xspace-layout1 #sideleft { float:left左对齐; width: 200px宽200象素; }Hmoob之声：左侧导航，就是我们博客中的左侧显示的相关信息栏/.
zE ]KF0.xspace-layout1 .mainarea-side { margin-left: 208px; }
/*Layout_2 右侧导航*/
.xspace-layout2 #sideright { float: right右对齐; width: 200px; }
.xspace-layout2 .mainarea-side { float: left;}
B)gpO ZW0/*Layout_3 三列*/
.xspace-layout3 #sideleft { float:left; width:200px; }
Z9m_u`"YB0.xspace-layout3 #sideright { float:right; width: 180px; margin-top设成顶端对齐:36px;}
.xspace-layout3 .mainarea-side { float: left; width: 380px; }
8n/w:qzb z\8VI0 .xspace-layout3 .mainarea-side-single { margin-left: 27%; }

N2]t:o op(d0/********边栏定义*********/
#sideleft{width:200px!important;margin-left:5px}
yW s z0lg)E0#sideleft .xspace-sideblock{padding-right:18px!important;}
$CE~}(H0#sideleft .xspace-list,#sideleft #xspace-calendar{width:160px!important;overflow:hidden}
-Nz^SrO%hL0.xspace-layout1 #avatar {background:url(这里为我们网页空间标题栏的背景图，如“我的音乐”此标题的背景图就是在这里设置的，把您的图片路径放入就可了。) no-repeat -105px -1px;padding-top:25px;}
.xspace-layout3 #avatar {background:url(这里为我们网页空间标题栏的背景图，如“我的音乐”此标题的背景图就是在这里设置的，把您的图片路径放入就可了。) no-repeat -105px -1px;padding-top:25px;}
`|*kl;zi7f }0.xspace-layout2 #avatar {background:none;padding-top:25px;}
4rNd+j)v@g#g{y0.xspace-sideblock .xspace-blocktitle {background:url(这里为我们网页空间标题栏的背景图，此处专设置的是“用户误置、我的好友等栏目的背景图片，如“最新留言”此标题的背景图就是在这里设置的，把您的图片路径放入就可了。) no-repeat center top;height:43px;padding:6px 0 0 0;font-size:14px;text-decoration:none;color:#634400;line-height:2.5em;text-align:center}

8B]-nFPG0/*图片样式*/
c)_Qt2I4kGy0]0.xspace-imgstyle. { background背景颜色为: #E7E5D0为颜色的代码; border-color: #F1CBA6; }

/*标题样式*/以下是设整个网页的两边的背景图代码。
^7Ys{D0body{margin:0;padding:0;background背景颜色为:#E35B5B为颜色的代码 url调用图片代码路径(把您的背景图片网页路径放于此即可) repeat center top;color:#C82B2B;font:12px/150% Arial,Helvetica,sans-serif,"宋体";text-align:left}
a{color:#000;text-decoration:none}
a:hover{color:#f60;text-decoration:none}
#wrap{text-align:left;background:url调用图片代码路径(把您的背景图片网页路径放于此即可) repeat-y center top;overflow:hidden;margin:0 auto}
/********头部 *********/设计博客头部的相关信息（图片，菜单，网站标志）
J%D0bJZ0#header{color颜色为:#FFFFFF为颜色代码;height高:144px144象素;margin:0pxauto;align属性设置为:center居中;background:url(把您预先做好的图片的背景图片网页路径放于此即可) no-repeat center top并高为头顶对齐;text-align:left;width:780px;padding:0 100px}
#spacename{padding-top离头顶:8px8个象素;margin-center设成居中:40px}此处设置个人空间标志
AK:R7?0b#^(JY&| ?7e5U0#menu a{color:#FFFF99;font-size:13px;text-decoration:none}此处设置菜单的文字字体、颜色、大小、
.m@D0w&gq@/Uj0#menu{margin-top:12px;margin-left:50px}此处设置菜单的摆放位置（日志图片收藏影音圈子好友论坛留言）此菜单的设置。

/*导航*/
/********主体内容定义*********/

#mainarea .xspace-blocktitle{background:url(把您的文章主体图片路径放入此处) no-repeat left 7px;color:#FFFFFF;font-size:14px;padding-left:96px!important;padding-top:16px;}
#mainarea .xspace-title{background:url(把您的文章主体图片路径放入此处) no-repeat left 7px;color:#FFFFFF;font-size:14px;padding-left:96px!important;padding-top:16px;}
#mainarea .xspace-entrytitle{color:#333333;font-size:13px}
8_}k }j0#announcement,#show{margin-top:20px; border: none!important;}
5KDW h9x$EWp0.xspace-smalltxt{color:#723F2A}
#xspace-goodsbaseinfo li { border-bottom: none!important;}
#xspace-ownerinfo{ border: none; }
8GaON)T1l:g7{6_v0#xspace-rates a { float: left; background: #EEE; color: #990000; opacity: 0.6; }
.xspace-logo{background:none!important;}
xr@ K-wW0/*以下信息类似地方特多，相应的改成自己要的即可。
7bT pg'^ v0/*项目列表*/
.xspace-itemlist {margin:0;}
.xspace-itemlist li { border-bottom: 1px solid #723F2A!important; }
(m-@G\P&fW#hn0/*信息正文中的模块*/
.xspace-msgmodule h5 { border-bottom: 1px solid #723F2A; }
/*自定义字段*/
.ITr.[cL0.xspace-addoninfo { border: 1px solid #723F2A}
0?/Zq L-m#Q_;@@@0/*出价记录*/
#xspace-aplist th, #xspace-aplist td { border-bottom: 1px solid #723F2A }
d y*Wz/dL6aJ-?5w!X0#xspace-aplist .xspace-darkrow { background: #ccc; }
#xspace-aplist .xspace-ontop td { background: #ddd; }
#xspace-ownerinfo { border: 1px solid #723F2A;}
/*商品基本信息*/
0~ H?/ayhB,i0#xspace-goodsbaseinfo li { border-bottom: 1px solid #723F2A }
/*图片显示页面*/
"z8k3W|Rtq(A"g h"Q0.xspace-imagebox { border: 1px solid #723F2A }
.xspace-multipage {margin-top:6px; clear:both;}
~zC-n*A0#xspace-imgnavbar { border-bottom: 1px solid #723F2A }
CU}r6SQ?0/*文件显示页面*/
#xspace-filebaseinfo li { border-bottom: 1px solid #723F2A }
/*信息正文中的模块*/
t3K5D1~.P6t0.xspace-msgmodule h5 { border-bottom: 1px solid #723F2A }
C1wIG|N5l(Rd0/*Tab选项卡*/
.xspace-listtab { border-top: none; border-bottom-color: #BE9B41; }
2N@(R|f5r"N.B0 .xspace-listtab li { border-color: #BE9B41; }
?NFVY)MU I0 .xspace-listtab li.xspace-active { border-bottom: none; }
D q+vj:bL0/* 分页 */
table.xspace-page a { color: #CC3300;}
/*卖家信息*/
#xspace-ownerinfo {border: 1px solid #723F2A;padding: 10px;float: left;margin-top: 205px;margin-left: -200px;width: 200px;w\idth: 178px;}
/*自定义字段*/
.xspace-addoninfo { border: 1px solid #723F2A; padding: 10px; margin: 1em 0; }
/*信息正文中的模块*/
}xUVX`6r5`~Ge0.xspace-msgmodule { margin: 2em 0; }
.xspace-msgmodule h5 { margin: 0.3em 0; font-size: 1em; border-bottom: 1px solid #723F2A; }
p;UwZY2ilm0/*TAG*/
.xspace-itemtag { margin: 1em 0; padding: 0.4em 7em 0.4em 3.5em; line-height: 1.5em; font-weight: bold; text-indent: -2.4em; border: 1px solid #723F2A; }
.xspace-itemtag a { font-weight: normal; padding-left: 0.5em; }

8Ib:?LDg-dx0
q'r-|;|7FbBS)X0/*日志列表*/
li.xspace-loglist h4.xspace-entrytitle { background: #FF8080; line-height: 2em; padding-left: 0.2em; }
?`5ib%O0/*文章底部链接*/
W*J#P!E-F\-]0.xspace-itemlinks { margin: 0; padding: 0.3em 0; }
.xspace-itemlinks a, .xspace-itemlinks em { padding-right:0.4em; margin-right: 0.2em; border-right: 1px solid #723F2A; font-style. normal; }
B\N;iO(eth-p'`0.xspace-rategood { color: #F90; } .xspace-ratebad { color: #999; }
0n6yX S8heyZ,VL0.xspace-loglist { display:block; overflow:hidden;}
M/t*^G7r7@M/QY:NA0/*提示信息*/
%B,j$F o1WJ6F[;abe0.xspace-noticemsg { border: 1px solid #FF0000; padding: 2em 1em; text-align: center; }此处设计提示信息，也就是当我们打开网页是会跳出来的信息，不过我试过好像删除不了，删除的办法就是把此段代码删除，进行保存即可，可是再次刷新时也会有，说明这点是改不了。

/*突出边框*/
#xspace-imgnavbar, .xspace-noticemsg, #announcement, .xspace-itemlist li, .xspace-imagebox, #xspace-filebaseinfo li, #xspace-goodsbaseinfo li,
#xspace-aplist th, #xspace-aplist td, .xspace-msgmodule h5, .xspace-addoninfo, .xspace-itemlinks, .xspace-itemtag,
$@)V{w _mm*ne0 #xspace-itemreply dt, #xspace-itemform. fieldset, table.xspace-page a, #xspace-ownerinfo { border-color: #A27404; }

/*突出背景*/
L%V"Wcfj U0#xspace-aplist .xspace-ontop td, #xspace-rates a, table.xspace-page td.xspace-current { background: #FE7889; }

table.xspace-page a, table.xspace-page td.xspace-totlerecord, table.xspace-page td.xspace-totlepages { background: #FE7889; }

Cj3Ei5bDD0/*页面底部定义*/
!R@c f5K @'[0#xspace-footer{background:url(此处调用的是底部图片路径，把您的图片网页路径放入即可。) no-repeat center top;color:#333333;height:160px;margin:0px auto;padding-top:40px;text-align:center;}

G ~X'A'l1v%Rq0个人能力有限，不能为大家依依解释深感抱歉。抛砖不怕众人笑，引玉难得一字师。

!pPmsbj2V0