эм... ну вот
<?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?>
<!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 rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/vendetta_sait/css/template.css"/>
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/vendetta_sait/css/form.css"/>
<!--[if Ite IE 6]>
<script src="<?php echo $this->baseurl ?>/templates/vendetta_sait/js/DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix("#logo, #telo, #content_ctr_bot, #skrepka, #centr, #ctr_bot, #ctr_right, #ctr_right_top, #avtoriz, #search, #log_inputbox, #log_inputbox .inputbox, #log_inputbox .inputbox1, #item1, #item2, #item3, #item4, #item5");
</script>
<![endif]-->
</head>
<body>
<div id="conteyner">
<div id="fon">
<div id="logo"></div>
<div id="menu">
<ul class="mainlevel">
<li id="item1"><a href="http://apb-vendetta.com/" class="mainlevel" ></a></li>
<li id="item2"><a href="http://apb-vendetta.com/" class="mainlevel" ></a></li>
<li id="item3"><a href="http://apb-vendetta.com/" class="mainlevel" ></a></li>
<li id="item4"><a href="http://apb-vendetta.com/" class="mainlevel" ></a></li>
<li id="item5"><a href="http://apb-vendetta.com/" class="mainlevel" ></a></li>
</ul>
</div>
<div id="content">
<div id="content_centr">
<div id="centr">
<div id="ctr_right">
<div id="search">
<?php if($this->countModules('search')) : ?>
<jdoc:include type="modules" name="search"/>
<?php endif; ?>
</div>
<div id="avtorizaciya">
<?php if($this->countModules('avtorizaciya')) : ?>
<jdoc:include type="modules" name="avtorizaciya"/>
<?php endif; ?>
</div>
</div>
<div id="ctr_bot">
<jdoc:include type="component" />
</div>
<div id="ctr_right_top"></div>
</div>
</div>
<div id="content_ctr_bot"></div>
</div>
</div>
<div id="skrepka"></div>
</div>
</body>
</html>
CSS
html, body{
margin:0px;
padding:0px;
background:#000;
}
p{
font-size:12px;
line-height:13px;
}
h1{
font-size:18px;
line-height:17px;
}
h2{
font-size:17px;
line-height:16px;
}
h3{
font-size:16px;
line-height:15px;
}
h4{
font-size:15px;
line-height:14px;
}
#conteyner{
margin:0px;
padding:0px;
}
a{
font-size:12px;
line-height:13px;
}
#fon{
margin:0px;
padding:0px;
background:url(../images/fon.jpg) 0 0 no-repeat;
}
#content{
margin:0px;
padding:0px;
}
*html #content{
height:2000px;
}
#logo{
margin:0px;
margin-left:450px;
padding:0px;
background:url(../images/logo.png) no-repeat;
width:661px;
height:257px;
}
#content_centr{
margin:0px;
margin-left:450px;
margin-top:70px;
padding:0px;
background:url(../images/telo1.png) no-repeat;
width:938px;
height:1088px;
}
*html #content_center{
margin-left:300px;
margin-top:50px;
}
#content_ctr_bot{
margin:0px;
margin-left:448px;
padding:0px;
background:url(../images/telo_bot1.png) no-repeat;
width:936px;
height:96px;
}
#centr{
margin:0px;
margin-left:15px;
padding:0px;
background:url(../images/center1.png) no-repeat;
width:917px;
height:1072px;
}
#ctr_bot{
margin:0px;
padding:0px;
padding-left:30px;
margin-left:30px;
margin-top:415px;
background:url(../images/ctr_bot1.png) no-repeat;
width:626px;
height:646px;
position:absolute;
z-index:1;
}
#ctr_bot .componentheading{
margin:0px;
padding:0px;
padding-top:30px;
}
#ctr_bot p{
margin:0px;
padding:0px;
padding-right:45px;
}
#ctr_right{
margin:0px;
margin-left:650px;
margin-top:175px;
padding:0px;
background:url(../images/ctr_right1.png) no-repeat;
width:240px;
height:896px;
position:absolute;
z-index:2;
}
#ctr_right_top{
margin:0px;
margin-top:30px;
margin-left:655px;
padding:0px;
background:url(../images/ctr_right_top.png) no-repeat;
width:230px;
height:140px;
position:absolute;
z-index:3;
}
#avtorizaciya{
margin:0px;
padding:0px;
}
#skrepka{
margin:0px;
margin-left:440px;
margin-top:-600px;
padding:0px;
background:url(../images/skrepka.png) no-repeat;
width:133px;
height:51px;
position:absolute;
z-index:5;
}
.contentheading{
font-size:14px;
line-height:14px;
}
.contentpaneopen{
font-size:14px;
line-height:14px;
padding-right:50px;
}
.small{
font-size:11px;
line-height:13px;
}
.createdate{
font-size:11px;
line-height:13px;
}
.modifydate{
font-size:11px;
line-height:13px;
}
.pagenav{
font-size:11px;
line-height:13px;
}
/* search */
#search{
margin:0px;
margin-left:10px;
margin-top:5px;
padding:0px;
}
#search .inputbox{
border:none;
margin:0px;
padding:0px;
padding-top:6px;
padding-left:27px;
padding-right:80px;
background:url(../images/search.png) no-repeat;
width:110px;
height:106px;
font-size:18px;
color:#F00;
}
/*Меню*/
#menu{
margin:0px;
margin-left:445px;
margin-top:-40px;
padding:0px;
}
ul.mainlevel a li{
display:block;
}
li#item1 a {
display:inline;
float:left;
width:175px;
height:52px;
background:url(../images/glavn.png) no-repeat;
margin-bottom: -2px;
margin-left: 2px;
margin-right: 5px;
margin-top: 3px;
}
li#item2 a {
display:inline;
float:left;
width:175px;
height:52px;
background:url(../images/news.png) no-repeat;
}
li#item3 a {
display:inline;
float:left;
width:175px;
height:52px;
background:url(../images/forum.png) no-repeat;
}
li#item4 a {
display:inline;
float:left;
width:175px;
height:52px;
background:url(../images/galer.png) no-repeat;
}
li#item5 a {
display:inline;
float:left;
width:175px;
height:52px;
background:url(../images/ob_igre.png) no-repeat;
}