Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
*{
margin:0;
padding:0;
}background:url(imagens/site/bg_original.png);
}/ GLOBAL /
#global{
background:url(imagens/site/bg_glob.png) repeat-y;
width:955px;
margin:0 auto;
}/ TOPO /
#topo{
width:917px;
margin:0 auto;
}
#banner{
background:url(imagens/site/banner.png) no-repeat;
width:917px;
height:140px;
margin:0 auto;
}
#logo{
width:197px;
height:73px;
display:block;
float:left;
margin:20px 75px;
}text-decoration:none;
text-indent:-9999px;
color:#333;
}#social_icones{width:175px; height:57px; display:block; float:left; margin:25px 95px 0 185px;}
#social_icones a{background:url(imagens/site/social_icones.png) no-repeat; color:#999; text-indent:-1000em; display:block; float:left; width:57px; height:57px;}
#social_icones a#rss{background-position:0px 0px;}
#social_icones a#twitter{background-position:-58px 0px;}
#social_icones a#facebook{background-position:-113px 0px;}
/ MENU /
#menu{
background:url(imagens/site/bg_menu.png) repeat-x;
width:917px;
height:41px;
margin:1px auto;
}/ MEIO /
#meio{
background:url(imagens/site/bg_top_princip.png) repeat-x;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
width:900px;
height:182px;
margin:5px auto;
margin-bottom:5px;
}/ CENTRO /
#centro{
width:917px;
margin:0 auto;
display:table;
}/ LATERAL /
#lateral{
width:305px;
float:left;
}
.box{
width:302px;
margin:10px 5px;
display:table;
}.box_top_verde{background:url(imagens/site/box_header_verde.png) no-repeat; width:302px; height:37px;}
.box_top_azul{background:url(imagens/site/box_header_azul.png) no-repeat; width:302px; height:37px;}
.box_top_laranja{background:url(imagens/site/box_header_laranja.png) no-repeat; width:302px; height:37px;}
.box_content{
background:#FFF;
width:302px;
float:left;
}
.box_content_centro{
width:292px;
margin:0 5px 5px;
}/ CONTEUDO /
#conteudo{
width:602px;
float:right;
}HTML
<body>
<div id="global">
<div id="topo">
<div id="banner">
<div id="logo">
<a href="#"><img src="define/css/imagens/site/bonnies.png" alt="bonnies habbo" /></a>
</div><!-- FIM #LOGO -->
<div id="social_icones">
<a href="#" id="rss">RSS</a>
<a href="#" id="twitter">TWITTER</a>
<a href="#" id="facebook">FACEBOOK</a>
</div><!-- FIM #SOCIAL -->
</div><!-- FIM #BANNER -->
<div class="clear"></div><!-- CLEAR -->
<div id="menu">
</div><!-- FIM #MENU -->
</div><!-- FIM #TOPO -->
<div id="meio">
</div><!-- FIM #MEIO -->
<div class="clear"></div><!-- CLEAR -->
<div id="centro">
<div id="lateral">
<div class="box">
<div class="box_top_verde"></div>
<div class="box_content">
<div class="box_content_centro">
kk
</div>
</div><!-- CONTENT FIM -->
</div><!-- BOX FIM -->
<div class="box">
<div class="box_top_azul"></div>
<div class="box_content">
<div class="box_content_centro">
kk
</div>
</div><!-- CONTENT FIM -->
</div><!-- BOX FIM -->
<div class="box">
<div class="box_top_laranja"></div>
<div class="box_content">
<div class="box_content_centro">
kk
</div>
</div><!-- CONTENT FIM -->
</div><!-- BOX FIM -->
</div><!-- FIM #LATERAL -->
<div id="conteudo">
</div><!-- FIM #CONTEUDO -->
</div><!-- FIM #CENTRO -->
</div><!-- FIM #GLOBAL -->
</body>Carregando comentários...