Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>Layout - Dúvida do Blog</title>
- </head>
- <body>
- <div id="topo">Topo</div>
- <div id="menu">Menu</div>
- <div id="slideshow">slideshow</div>
- <div id="prodnovos">Produtos novos</div>
- <div id="promocoes">Promoções</div>
- <div id="direita">Direita</div>
- <div id="rodape">Rodapé</div>
- <style type="text/css">
- body#corpo {
- font: 10px verdana;
- background-color: #C4E8FF;
- }
- div#geral {
- margin: 0 auto;
- width: 1000px;
- }
- div#topo {
- background-color: #060;
- height: 164px;
- margin-bottom: 5px;
- width: 100%;
- }
- div#menu {
- background-color: #F00;
- height: 30px;
- margin-bottom: 5px;
- width: 100%;
- }
- div#conteudo {
- height: 100%;
- background-color: #FFF;
- float: left;
- }
- div#slideshow {
- background-color: #11afd7;
- float: left;
- margin-bottom: 5px;
- height: 200px;
- width: 100%;
- }
- div#prodnovos {
- background-color: #11d79d;
- float: left;
- margin-bottom: 5px;
- height: 400px;
- width: 795px;
- }
- div#direita {
- background-color: #CCC;
- width: 200px;
- float: right;
- height: 400px;
- }
- div#promocoes {
- background-color: #FF0;
- height: 400px;
- float: left;
- margin-bottom: 5px;
- width: 270px;
- }
- div#outros {
- background-color: #309;
- float: right;
- height: 350px;
- width: 200px;
- margin-bottom: 5px;
- }
- div#rodape {
- background-color: #000;
- clear: both;
- height: 25px;
- width: 100%;
- }
- </style>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement