body {margin: 0px;
background:#666666 url(../images/bg.jpg) repeat-y scroll center;
color:#cccc99;
font-size:12px;
font-family: Arial, PMingLiU, Sans-Serif;
}
a:link, a:visited {
color:#cccc33;
text-decoration: none;
font-weight: normal;
}
a:hover{color:#ff6600;text-decoration: underline;}
#wrap{
margin:0 auto;
}
#header{
min-height:90px;
}
#headercnt{
position: relactive;
top:10px;
height:70px;
overflow:hidden;
}
#mainbox{
margin:0 auto;
width:700px;
}
#logo {
position: relactive;
left: 0;
top: 0;
float: left;
width: 200px;
height: 75px;
background: url(../images/jeek-logo.gif) 0 0 no-repeat;
margin-left: 15px;
margin-top: 5px;
}
#tabarea{
margin:0 auto;
width:100%;
min-height:24px;
background:url(../images/heading.gif);
background-repeat:repeat-x;
text-align: center;
}
#tabarea ul {
margin: 0;
padding: 0;
list-style:none;
}#tabarea li {
float: left;
padding:0;
margin: 4px 0px 0px 15px;
font-size:14px;
}
#tabarea li a{
color:#ffff00;
font-weight:bold;
}
#patharea{
margin:0 auto;
width:100%;
min-height:22px;
background-color:#333300;
text-align: left;
}
#patharea .breadcrumbs{
float:left;
width:72%;
margin-left:15px;
}
#pathRight{
margin:0 auto;
float:left;
width:25%;
background-color:#333300;
text-align: left;
}
#pathRight #mod_search_searchword{
font-size:12px;
padding:0;
margin:2px;
color:#999999;
background:#333300;
width:140px;
height:14px;
border-top:solid 1px #666666;
border-left:solid 1px #666666;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
}
#pathRight .button{
font-size:12px;
padding:0;
height:16px;
margin:0px;
color:#999999;
background:#333300;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
border-right:solid 1px #666666;
border-bottom:solid 1px #666666;
}
#bodybox{
clear:both;
}
#leftcol{
float:left;
text-align:left;
margin:0px;
width:25%;
}
#leftcol table{
margin:0 0 10px 10px;
width:100%;
text-align:left;
}
#mod_login_username,#mod_login_password{
width:85%;
height:14px;
color:gray;
border:dotted 1px;
background:#663333;
}
#leftcol .poll{
margin:0 0 10px 5px;
width:100%;
text-align:left;
}
#leftcol ul{
margin:0;
padding:0 0 10px 10px;
list-style-position:inside;
}
#leftcol li{
width:90%;
height:14px;
overflow:hidden;
}
#maincol{
float:left;
margin:0px;
width:73%;
min-height:600px;
text-align:left;
border-left:dashed 1px #999999;
}
#system-message{
border:solid 4px #660000;
background:yellow;
color:red;
font-weight:bold;
padding-left:10px;
}
#bigbox{
width:98%;
margin-left:3px;
float:left;
}
#boxtop{
border-bottom:dashed 1px #999999;
float:left;
width:100%;
}
#boxtop ul{
list-style-position:inside;
margin:5px 0 5px 5px;
padding:0 0 0 5px;
}
#boxtop li{
width:90%;
height:14px;
overflow:hidden;
}
#boxtop_l{
width:50%;
padding-top:5px;
float:left;
}
#boxtop_r{
width:49%;
padding-top:5px;
float:left;
border-left:dashed 1px #999999;
}
#boxmiddle{
float:left;
}
.pagination span{
margin-left:4px;
}
.pagination a{
margin-left:4px;
}
#footer{
color:gray;
clear:both;
border-top:solid 1px black;
}
#footer #line{
width:100%;
clear:both;
height:15px;
border-top:solid 1px #999999;
}
<?php
/**
* @copyright Copyright (C) 2005 – 2007 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/
?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”<?php echo $this->language; ?>” lang=”<?php echo $this->language; ?>” >
<head>
<jdoc:include type=”head” />
<link href=”templates/<?php echo $this->template ?>//static.hessian.cn/css/test.css” rel=”stylesheet” type=”text/css” />
</head>
<body>
<div id=”top”></div> <!– 页面边框头部 –>
<div id=”wrap” align=”center”>
<div id=”mainbox”>
<div id=”header”>
<div id=”logo”></div>
<div id=”headcnt”>
<jdoc:include type=”modules” name=”headerContent” />
</div>
</div>
<div id=”tabarea” align=”center”>
<div id=”navbar”>
<jdoc:include type=”modules” name=”tabArea” />
</div>
</div>
<div id=”patharea”>
<jdoc:include type=”modules” name=”pathArea” />
<div id=”pathRight”>
<jdoc:include type=”modules” name=”pathRight” />
</div>
</div>
<div id=”bodybox”>
<div id=”framehead”></div> <!– 正文部分边框头 –>
<div id=”leftcol”>
<jdoc:include type=”modules” name=”leftColum” />
</div>
<div id=”maincol”>
<div id=”bigbox”>
<jdoc:include type=”message” />
<?php if($this->countModules(‘boxTopLeft or boxTopRight’)): ?>
<div id=”boxtop”>
<?php if($this->countModules(‘boxTopLeft’)): ?>
<div id=”boxtop_l”><jdoc:include type=”modules” name=”boxTopLeft” /></div>
<?php endif; ?>
<?php if($this->countModules(‘boxTopRight’)): ?>
<div id=”boxtop_r”><jdoc:include type=”modules” name=”boxTopRight” /></div>
<?php endif; ?>
</div>
<?php endif; ?>
<div id=”boxmiddle”>
<jdoc:include type=”modules” name=”boxMiddle” />
<jdoc:include type=”component” />
</div>
<div id=”boxbottom”><jdoc:include type=”modules” name=”boxBottom” /></div>
</div>
</div>
<div id=”framefoot”></div> <!– 正文部分边框底部 –>
</div>
<div id=”footer”>
<div id=”line”></div>
<jdoc:include type=”modules” name=”footer” />
</div><!– 底部 通常放版权信息的位置 –>
</div>
</div>
<div id=”bottom”></div> <!– 页面边框底部 –>
</body>
</html>
Read: 799