/*
X-Space Template
Template Name: World Cup
Author: X-Space Team
Url:
http://www.supesite.com
(C) 2001-2006 Comsenz Inc.
*/
/*布局*/
/*Layout_1 左侧导航*/
.xspace-layout1 #sideleft { float:left; width: 190px; }
.xspace-layout1 .mainarea-side { width: 550px; margin-left: 200px !important; margin-left: 197px; }
.xspace-layout1 .mainarea-side { margin-left: 220px; padding-right:2px}
/*Layout_2 右侧导航*/
.xspace-layout2 #sideright { float: right; width: 190px; }
.xspace-layout2 .mainarea-side { float:left; width: 550px; }
/*Layout_3 三列*/
.xspace-layout3 #sideleft { float:left; width: 190px; }
.xspace-layout3 #sideright { float:right; width: 190px; }
.xspace-layout3 .mainarea-side { float:left; width: 400px; w\idth: 390px; padding: 0 5px; }
/*标题样式*/
.xspace-imgstyle { background: #B4BEE2; border-color: #FFF; }
/*标题样式*/
body{background:#E6E3E1; repeat left top;color: #7699BD;font:75%/150% Arial, Helvetica, sans-serif, "宋体";margin:0;padding:0px;text-align:left}
a{color:#B4BEE2;text-decoration:none}
a:hover{color:#FF0202;text-decoration:none}
body { margin: 0; padding: 0; background: #000 url(
http://space.mywallop.cn/attachments/2007/01/6362_200701291259091.jpg) fixed; no-repeat left top; color: #E6E3E1; font: 12px Arial, Helvetica, sans-serif; }
input, textarea, select, button { font: 1em Arial, Helvetica, sans-serif; }
#wrap { width: 820px; margin-left: 15px; overflow: hidden; }
#header * { color: #FFF; }
#spacename { margin: 10px 0 0 20px; }
#menu a{color:#FFF;font-size:12px;text-decoration:none;}
#menu{margin-top:246px;margin-left:15px}
#header{width:1024px;height:373px;background:url(
http://space.mywallop.cn/attachments/2007/01/6362_200701291259092.jpg) no-repeat left top;}
/*导航*/
/********边栏定义*********/
#sideleft{width:187px!important;margin-left:5px;margin-top:45px;overflow:hidden;background:url(../../images/bw5/leftbg.jpg) repeat-y left top}
#xspace-avatar{background:url(../../images/bw5/title.jpg) no-repeat 0 0px;margin:0px;padding-top:20px;}
.xspace-sideblock{border: 1px solid #6D7A9C;overflow:hidden}
.xspace-sideblock h3{text-align:left!important;padding-left:52px;background: url(
http://space.mywallop.cn/attachments/2007/01/6362_200701291259093.gif) no-repeat left top;height:33px;font-size:13px;text-decoration:none;color:#B4BEE2;line-height:2.5em}
#sideleft .xspace-list,#sideleft #xspace-calendar{width:180px!important;overflow:hidden}
/********主体内容定义*********/
#mainarea{padding-left:20px;padding-right:190px;margin-top:20px;}
.mainarea-side { padding-left:0px!important;padding-right:0px!important;}
#newfile,#newimage,#newentries,#newgoods,#newlink,#mythread,#mypost {border: 1px solid #6D7A9C;
margin:0.5em 0 0.5em 0;padding:0px;}
#mainarea .xspace-blocktitle{padding-top:4px;padding-left:5px;font-size:13px;color:#E6E3E1;background: no-repeat left top;height: 23px;margin:0;margin-bottom:4px;overflow:hidden;}
#mainarea .xspace-entrytitle{font-size:13px;color:#E5E8ED;background:#7F87A6}
#announcement{margin-top:25px;border: 1px solid #E6E3E1;}
.xspace-smalltxt{color:#E6E3E1}
.xspace-logo{background:none!important;}#xspace-goodsbaseinfo li { border-bottom: none!important;}
#xspace-ownerinfo{ border: none; }
.xspace-title { background:#7F8EB6!important;border:1px solid #041F81}
/*突出边框*/
#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, #xspace-itemreply dt { border-color: #6D7A9C; }
/*突出背景*/
#xspace-aplist .xspace-ontop td, table.xspace-page td.xspace-current { background: #7F8DBF; }
table.xspace-page a, table.xspace-page td.xspace-totlerecord, table.xspace-page td.xspace-totlepages, .xspace-listtab a { background: #34447F; }
/*Tab选项卡*/
.xspace-listtab li, .xspace-listtab li span { background-image: url(../../images/worldcup/tab.gif); }
#xspace-rates a { background: #7F87A6; color: #E2E6F1; opacity: 0.6; filter: alpha(opacity=60); }
#xspace-guide { margin-top: 1.5em; }
/*页脚*/
#xspace-footer { width: 900px; background: no-repeat left bottom; }
#xspace-footer-ad { text-align: center; }
p#xspace-footer-menu, p#xspace-copyright { text-align: left; margin-left: 260px !important; }
#xspace-copyright strong { color: #FFF; }
#xspace-sitemsg *, #xspace-ajaxdiv * { color: #333 !important; }
/*
X-Space Template
Template Name: Classic Blue
Author: X-Space Team
Url:
www.supesite.com
(C) 2001-2006 Comsenz Inc.
*/
/*布局*/
/*默认布局*/
#content{margin:0px auto;text-align:left;width:795px}
/*Layout_1 左侧导航*/
.xspace-layout1 #sideleft { float:left; width: 188px; }
.xspace-layout1 .mainarea-side { margin-left: 205px; }
/*Layout_2 右侧导航*/
.xspace-layout2 #sideright { float: right; width: 188px;}
.xspace-layout2 .mainarea-side { float: left;}
/*Layout_3 三列*/
.xspace-layout3 #sideleft { float:left; width:188px; }
.xspace-layout3 #sideright { float:right; width: 188px; margin-top:1px;}
.xspace-layout3 .mainarea-side { float: left; width: 410px; }
.xspace-layout3 .mainarea-side-single { margin-left: 27%; }
.xspace-layout3 #xspace-guide {}
/*图片样式*/
.xspace-imgstyle { background: #E2E2E1; border-color: #0C368E; }
/*标题样式*/
h1.xspace-title { color: #0C368E; background: transparent url(
http://space.mywallop.cn/attachments/2007/01/6362_200701291555294.gif)no-repeat left top; padding-left: 10px;}
.xspace-blocktitle { overflow: hidden; font-size: 1em; color: #0C368E; }
.sidearea .xspace-blocktitle { background: url(
http://space.mywallop.cn/attachments/2007/01/6362_200701291555294.gif) no-repeat left top; height: 35px; line-height: 30px; padding-left: 10px; }
#mainarea .xspace-blocktitle { height: 30px;line-height:37px; border-bottom:1px solid #2D53A4; }
li.xspace-loglist h4.xspace-entrytitle { background:no-repeat left top; height: 6px; padding: 5px 0 10px 35px; margin: 0; line-height: 1em; }
li.xspace-loglist p.xspace-smalltxt { border-left: 0px solid #111; padding-left: 5px; margin: 0 0 1em 0; line-height: 1em; }
li.xspace-loglist h4.xspace-entrytitle a { text-decoration: none; color: #111!important; }
body{background:url(
http://space.mywallop.cn/attachments/2007/01/6362_200701291555292.jpg) #2D53A4 repeat-y center
top;color:#111;font:75%/150% Arial,Helvetica,sans-serif,"宋体";margin:0;padding:0;text-align:center}
a{color:#0C368E;text-decoration:none}
a:hover{color:#FF6600;text-decoration:none}
#wrap{background:url(
http://space.mywallop.cn/attachments/2007/01/6362_200701291555291.jpg) no-repeat center top;margin:0
auto;overflow:hidden;text-align:center;}
/********头部 *********/
#header { margin:0px auto;width:780px;height: 400px;color:#FFF; text-align:left}
#spacename{padding:02px 0 0 10px}
#menu a{color:#0C368E;font-size:12px;text-decoration:none;font-weight:bold}
#menu{margin-top:245px;margin-left:10px}
/*导航*/
/********主体内容定义*********/
#mainarea .xspace-blocktitle no-repeat left 1px;color:#111;
font-size:12px;padding-left:20px!important;height: 36px; padding-top:20px;}
#mainarea .xspace-title{background:#E2E2E1!important; no-repeat left 7px;color:#111;font-size:12px;padding-left:6px!important;}
.xspace-sideblock { background: #E2E2E1; color: #111; padding-bottom: 1em;}
#mainarea .xspace-entrytitle{color:#E2E2E1;font-size:12px}
#announcement,#show{margin-top:20px; border:none!important;}
.xspace-smalltxt{color:#0C368E}
.xspace-logo{background:none!important;}#xspace-goodsbaseinfo li { border-bottom: none!important;}
#xspace-ownerinfo{ border: none; }
#xspace-rates a { float: left; background: #E2E2E1; color: #111; opacity: 0.6; filter: alpha(opacity=60); }
.xspace-logo{background:none!important;}
/*项目列表*/
.xspace-itemlist {margin:0;}
/*日志列表*/
li.xspace-loglist h4.xspace-entrytitle { background-color: #E2E2E1;line-height: 1em;padding-left: 0.2em; }
/*提示信息*/
.xspace-noticemsg { border: 1px solid #FC7B45; padding: 2em 1em; text-align: center; }
/*出价记录*/
#xspace-aplist th, #xspace-aplist td {border-bottom: 1px solid #BCBCB9;}
#xspace-aplist .xspace-darkrow { background: #BCBCB9;}
#xspace-aplist .xspace-ontop td { background: #BCBCB9; }
/*商品基本信息*/
#xspace-goodsbaseinfo li { border-bottom: 1px solid #BCBCB9;}
/*图片显示页面*/
.xspace-multipage { margin-top:6px; clear:both;}
#xspace-imgnavbar { border: 1px solid #BCBCB9; text-align: center;}
/*文件显示页面*/
#xspace-filebaseinfo li { float: left; width: 49.9%; border-bottom: 1px solid #BCBCB9; }
/*信息正文中的模块*/
.xspace-msgmodule h5 { margin: 0.3em 0; font-size: 1em; border-bottom: 1px solid #BCBCB9; }
/*Tab选项卡*/
.xspace-listtab a {background:color:#E2E2E1; color:#111}
.xspace-listtab li.xspace-active a { color:#eee; font-size:12px}
.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 #0C368E; }
/* 分页 */
table.xspace-page a {color: #000;}
.xspace-loglist { display:block; overflow:hidden;}
/*突出边框*/
#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: #0C368E; }
/*突出背景*/
#xspace-aplist .xspace-ontop td, #xspace-rates a, table.xspace-page td.xspace-current { background; }
table.xspace-page a, table.xspace-page td.xspace-totlerecord, table.xspace-page td.xspace-totlepages, .xspace-listtab a {
background: #E2E2E1; }
/*页面底部定义*/
#xspace-footer{margin:0px auto;height:200px;color:#799495;text-align:center;background: url(
http://space.mywallop.cn/attachments/2007/01/6362_200701291555293.jpg) no-repeat center top;padding-top: 0px;}
/******文章底部链接******/
.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 #726939; font-style: normal; }
.xspace-rategood { color: #799495; } .xspace-ratebad { color: #799495; }
看到漂亮的模板代码如何运用的方法
附件:
