SHARE
TWEET

Layout - Dúvida do Blog

wbotelhos Apr 2nd, 2011 325 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2.         <head>
  3.                 <title>Layout - Dúvida do Blog</title>
  4.         </head>
  5.         <body>
  6.                 <div id="topo">Topo</div>
  7.                 <div id="menu">Menu</div>
  8.  
  9.                 <div id="slideshow">slideshow</div>
  10.                 <div id="prodnovos">Produtos novos</div>
  11.                 <div id="promocoes">Promoções</div>
  12.  
  13.                 <div id="direita">Direita</div>
  14.                 <div id="rodape">Rodapé</div>
  15.                
  16.                 <style type="text/css">
  17.                         body#corpo {
  18.                                 font: 10px verdana;
  19.                                 background-color: #C4E8FF;
  20.                         }
  21.                        
  22.                         div#geral {
  23.                                 margin: 0 auto;
  24.                                 width: 1000px;
  25.                         }
  26.                        
  27.                         div#topo {
  28.                                 background-color: #060;
  29.                                 height: 164px;
  30.                                 margin-bottom: 5px;
  31.                                 width: 100%;
  32.                         }
  33.                        
  34.                         div#menu {
  35.                                 background-color: #F00;
  36.                                 height: 30px;
  37.                                 margin-bottom: 5px;
  38.                                 width: 100%;
  39.                         }
  40.                        
  41.                         div#conteudo {
  42.                                 height: 100%;
  43.                                 background-color: #FFF;
  44.                                 float: left;
  45.                         }
  46.                        
  47.                         div#slideshow {
  48.                                 background-color: #11afd7;
  49.                                 float: left;
  50.                                 margin-bottom: 5px;
  51.                                 height: 200px;
  52.                                 width: 100%;
  53.                         }
  54.                        
  55.                         div#prodnovos {
  56.                                 background-color: #11d79d;
  57.                                 float: left;
  58.                                 margin-bottom: 5px;
  59.                                 height: 400px;
  60.                                 width: 795px;
  61.                         }
  62.                        
  63.                         div#direita {
  64.                                 background-color: #CCC;
  65.                                 width: 200px;
  66.                                 float: right;
  67.                                 height: 400px;
  68.                         }
  69.                        
  70.                         div#promocoes {
  71.                                 background-color: #FF0;
  72.                                 height: 400px;
  73.                                 float: left;
  74.                                 margin-bottom: 5px;
  75.                                 width: 270px;
  76.                         }
  77.                        
  78.                         div#outros {
  79.                                 background-color: #309;
  80.                                 float: right;
  81.                                 height: 350px;
  82.                                 width: 200px;
  83.                                 margin-bottom: 5px;
  84.                         }
  85.                        
  86.                         div#rodape {
  87.                                 background-color: #000;
  88.                                 clear: both;
  89.                                 height: 25px;
  90.                                 width: 100%;
  91.                         }
  92.                 </style>
  93.         </body>
  94. </html>
RAW Paste Data
Top