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

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

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

do1vus+FD q7c0/*
blogworld Template
Template Name:blogworld
Author:blogworld Team
Url:www.blogworld.com.cn
(C) 2001-2006 Comsenz Inc.
*/

7|^*CC!\h2W0/*布局*/
/*默认布局*/
lN+Dk8f8r*_x0#content{margin:0px auto;width:770px}　Hmoob之声：网页默认宽度为770个象素
/*Layout_1 左侧导航*/
.xspace-layout1 #sideleft { float:left左对齐; width: 200px宽200象素; }Hmoob之声：左侧导航，就是我们博客中的左侧显示的相关信息栏/.
s$nLw+W2@+W0.xspace-layout1 .mainarea-side { margin-left: 208px; }
*S-F~6Nha-m0/*Layout_2 右侧导航*/
A;T3Q*UY.Qm:CX0.xspace-layout2 #sideright { float: right右对齐; width: 200px; }
.xspace-layout2 .mainarea-side { float: left;}
S h?%B^B({[e4\`0/*Layout_3 三列*/
M'\.Ip _\Y Fc0.xspace-layout3 #sideleft { float:left; width:200px; }
{%m|7[-w-D6r3t7?0.xspace-layout3 #sideright { float:right; width: 180px; margin-top设成顶端对齐:36px;}
.xspace-layout3 .mainarea-side { float: left; width: 380px; }
.xspace-layout3 .mainarea-side-single { margin-left: 27%; }

s3p:Q4l"\'p })@I0/********边栏定义*********/
6w3XY!uyD0#sideleft{width:200px!important;margin-left:5px}
#sideleft .xspace-sideblock{padding-right:18px!important;}
`*vbW ^z)c6D J0F0#sideleft .xspace-list,#sideleft #xspace-calendar{width:160px!important;overflow:hidden}
_p8Li&XT7\,Uk0.xspace-layout1 #avatar {background:url(这里为我们网页空间标题栏的背景图，如“我的音乐”此标题的背景图就是在这里设置的，把您的图片路径放入就可了。) no-repeat -105px -1px;padding-top:25px;}
.xspace-layout3 #avatar {background:url(这里为我们网页空间标题栏的背景图，如“我的音乐”此标题的背景图就是在这里设置的，把您的图片路径放入就可了。) no-repeat -105px -1px;padding-top:25px;}
{)c/[.JFZ_3R#Q0.xspace-layout2 #avatar {background:none;padding-top:25px;}
.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}

/*图片样式*/
(u0hq5kCDC|zNg0.xspace-imgstyle. { background背景颜色为: #E7E5D0为颜色的代码; border-color: #F1CBA6; }

/*标题样式*/以下是设整个网页的两边的背景图代码。
body{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}
9D _ qi%im |$Y'C7n0a:hover{color:#f60;text-decoration:none}
#wrap{text-align:left;background:url调用图片代码路径(把您的背景图片网页路径放于此即可) repeat-y center top;overflow:hidden;margin:0 auto}
/********头部 *********/设计博客头部的相关信息（图片，菜单，网站标志）
#header{color颜色为:#FFFFFF为颜色代码;height高:144px144象素;margin:0pxauto;align属性设置为:center居中;background:url(把您预先做好的图片的背景图片网页路径放于此即可) no-repeat center top并高为头顶对齐;text-align:left;width:780px;padding:0 100px}
1u(C:RoZ@0#spacename{padding-top离头顶:8px8个象素;margin-center设成居中:40px}此处设置个人空间标志
#menu a{color:#FFFF99;font-size:13px;text-decoration:none}此处设置菜单的文字字体、颜色、大小、
"uy1n:P f c0#menu{margin-top:12px;margin-left:50px}此处设置菜单的摆放位置（日志图片收藏影音圈子好友论坛留言）此菜单的设置。

/*导航*/
aN yl*h3Fi-\/~0/********主体内容定义*********/

#mainarea .xspace-blocktitle{background:url(把您的文章主体图片路径放入此处) no-repeat left 7px;color:#FFFFFF;font-size:14px;padding-left:96px!important;padding-top:16px;}
OU3\f"bI+]$L6\Y0#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}
8dsSDrbygx}0#announcement,#show{margin-top:20px; border: none!important;}
.xspace-smalltxt{color:#723F2A}
#xspace-goodsbaseinfo li { border-bottom: none!important;}
D8t7b'u$rB0#xspace-ownerinfo{ border: none; }
#xspace-rates a { float: left; background: #EEE; color: #990000; opacity: 0.6; }
.xspace-logo{background:none!important;}
y n!?C(u&CR0/*以下信息类似地方特多，相应的改成自己要的即可。
/*项目列表*/
.xspace-itemlist {margin:0;}
{Kt P-amH7m+l0.xspace-itemlist li { border-bottom: 1px solid #723F2A!important; }
/*信息正文中的模块*/
)E+I,x u u/O0.xspace-msgmodule h5 { border-bottom: 1px solid #723F2A; }
w"v I-s,a5\@)O7a0/*自定义字段*/
.xspace-addoninfo { border: 1px solid #723F2A}
1Lo-a9a I,p9J(V5m r{0/*出价记录*/
s#?t6X!Q)oZ"|8R#|0#xspace-aplist th, #xspace-aplist td { border-bottom: 1px solid #723F2A }
]7Z9M2RncDPL_%p0#xspace-aplist .xspace-darkrow { background: #ccc; }
|3l D` T'A9m%o0#xspace-aplist .xspace-ontop td { background: #ddd; }
#xspace-ownerinfo { border: 1px solid #723F2A;}
Ab'H)Ql.`0/*商品基本信息*/
#xspace-goodsbaseinfo li { border-bottom: 1px solid #723F2A }
/*图片显示页面*/
.xspace-imagebox { border: 1px solid #723F2A }
tOBwXj~0.xspace-multipage {margin-top:6px; clear:both;}
#xspace-imgnavbar { border-bottom: 1px solid #723F2A }
U"^['Cx*b0/*文件显示页面*/
N G2b5x.b}?B4DA0#xspace-filebaseinfo li { border-bottom: 1px solid #723F2A }
7[7X'e te[|&q0/*信息正文中的模块*/
.xspace-msgmodule h5 { border-bottom: 1px solid #723F2A }
/*Tab选项卡*/
.xspace-listtab { border-top: none; border-bottom-color: #BE9B41; }
.xspace-listtab li { border-color: #BE9B41; }
[ Jr U&z(P(a0 .xspace-listtab li.xspace-active { border-bottom: none; }
#w`tf f0/* 分页 */
4`!Ax|@0table.xspace-page a { color: #CC3300;}
G(d};E"nz:Z@:ob0/*卖家信息*/
g/[*sDh,s[%Ob0#xspace-ownerinfo {border: 1px solid #723F2A;padding: 10px;float: left;margin-top: 205px;margin-left: -200px;width: 200px;w\idth: 178px;}
|'[;KC/E9i7}$j.l0/*自定义字段*/
.xspace-addoninfo { border: 1px solid #723F2A; padding: 10px; margin: 1em 0; }
/*信息正文中的模块*/
RvU-ok V1`%F4IY^1H0.xspace-msgmodule { margin: 2em 0; }
jWqS mG0.xspace-msgmodule h5 { margin: 0.3em 0; font-size: 1em; border-bottom: 1px solid #723F2A; }
/*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; }
6a7Cnf-T&qE?#g0.xspace-itemtag a { font-weight: normal; padding-left: 0.5em; }

WM\Un%h`x0/*日志列表*/
0_9H0Q|M:RN0li.xspace-loglist h4.xspace-entrytitle { background: #FF8080; line-height: 2em; padding-left: 0.2em; }
/*文章底部链接*/
.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; }
.xspace-rategood { color: #F90; } .xspace-ratebad { color: #999; }
z*Khi{ f0.xspace-loglist { display:block; overflow:hidden;}
/*提示信息*/
.xspace-noticemsg { border: 1px solid #FF0000; padding: 2em 1em; text-align: center; }此处设计提示信息，也就是当我们打开网页是会跳出来的信息，不过我试过好像删除不了，删除的办法就是把此段代码删除，进行保存即可，可是再次刷新时也会有，说明这点是改不了。

)e4YhhP!_0
/*突出边框*/
#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,
#xspace-itemreply dt, #xspace-itemform. fieldset, table.xspace-page a, #xspace-ownerinfo { border-color: #A27404; }

4{rE9{@ U!}0/*突出背景*/
\"HtP4k?c0#xspace-aplist .xspace-ontop td, #xspace-rates a, table.xspace-page td.xspace-current { background: #FE7889; }

lXwj&L p}4al0table.xspace-page a, table.xspace-page td.xspace-totlerecord, table.xspace-page td.xspace-totlepages { background: #FE7889; }

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

9b [O1q1X:_0个人能力有限，不能为大家依依解释深感抱歉。抛砖不怕众人笑，引玉难得一字师。

导入论坛收藏分享给好友推荐到圈子管理举报

TAG: 解读代码