wbotelhos

Layout - Dúvida do Blog

Apr 2nd, 2011
361
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