Вёрстка шаблона! - Joomla 1.5: Шаблоны, разметка и макеты вывода

</head>


<div id="top"></div>
<!--/*Левый постоянный рисунок*/-->
<div id="pic_left">
                   <div id="pic_left_up"></div>
                   <div id="pic_left_bottom"></div>
</div>


<!--/*правый постоянный рисунок*/-->
<div id="pic_reight">
                     <div id="pic_reight_up"></div>
                     <div id="pic_reight_bottom"></div>
</div>


<div id="general">
                 <div id="general_left"></div>
                 <div id="general_reight"><?php if ($this->getBuffer('message')) : ?>
				<div class="message"><jdoc:include type="message" /></div>	
				<?php endif; ?><jdoc:include type="component" /></div>
</div>
                     
<div id="bottom"></div>



</body>
</html>

html, body{
	height:100%;
}
body{
	margin:0 auto;
	background: #ffffff;
	
}

img {border: 1;}
td,tr,p,div {font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333; line-height: 140%;}
h1 {margin: 5px 0 10px 0;font: 21px 'Trebuchet MS', Arial, Helvetica, sans-serif;color: #558201;}
h2 {margin: 5px 0 10px 0;font: bold 16px 'Trebuchet MS', Arial, Helvetica, sans-serif;}
h3 {margin: 5px 0 10px 0;font: bold 13px 'Trebuchet MS', Arial, Helvetica, sans-serif;}
a:link, a:visited {color: #000000;	text-decoration: none;}
a:hover {text-decoration: none;border-bottom: 1px dashed #000000;}
ul {margin: 0px 5px;padding: 0px;list-style: none;}
li {background: url(../images/list.gif) 0px 8px no-repeat;padding-left: 16px;font-size: 11px;}
li p {font-size: 11px;}
ol li {background: none;padding-left: 0;}
form {margin: 0;}
fieldset {margin: 10px 0 0 0;background: #F4F4F7;border: 1px solid #D6D9DC;}
hr {width: 100%;}


#top {
margin: 0 auto;
width: 1024px;
height: 200px;
background: #B22222;
}

/*Левый постоянный рисунок*/
#pic_left{
margin-top:-270px;
margin-left:1px;
float:left;
width:150px;
height: 110%;
background: #0000FF;
position: fixed;
}
#pic_left_up{
top:0px;
position: fixed;
width:150px;
height: 200px;
background: #FFFF00;
}
#pic_left_bottom{
bottom:0px;
position: fixed;
width:150px;
height: 200px;
background: #FFFF00;
}



/*Правый  постоянный рисунок*/
#pic_reight{
margin-top:-270px;
margin-right:1px;
right:0px;
float:right;
width:150px;
height: 110%;
background: #0000FF;
position: fixed;
}
#pic_reight_up{
top:0px;
position: fixed;
width:150px;
height: 200px;
background: #FFFF00;
}
#pic_reight_bottom{
bottom:0px;
position: fixed;
width:150px;
height: 200px;
background: #FFFF00;
}
/*Главное поле*/
#general{
margin: 0 auto;
width: 1024px;
height: 70%;
background: #0000FF;
}
#general_left{
float: left;
width:200px;
height: 100%;
border-right: 2px solid black;
background: #8A2BE2;
}
#general_reight{
float: right;
width:822px;
height: 100%;
background: #FF4500;
}

#bottom{
margin: 0 auto;
width: 1024px;
height: 150px;
background: #32CD32;
} 




.tool-text {font-size:11px;margin:0;}