1. Aula 04
Sistemas Corporativos Web
Tersis Zonato
2011

2. header.php
index.php
footer.php
Até o momento...

3. style.css
body {
background:
#1a1a1a;
color:
#aaa;
font-family:
Arial, sans-serif;
margin:
0;
padding:
0;
}
.clear {
clear:
both;
}

4. #corpo
#topo
#conteudo
#rodape
Criar as DIVs

5. style.css
#corpo {
margin: 0 auto;
padding:
0;
width: 780px;
}
#topo {
height: 250px;
}

6. style.css
#conteudo {
float: left;
width: 460px;
}
#rodape {
height: 100px;
}

7. Colocar CLEAR antes do rodapé

8. style.css
• Definir a imagem de fundo:
body {
background:
#1a1a1a url("images/
main_bg.gif") repeat-x;
}

9. E a barra lateral?

10. index.php
<?php get_sidebar(); ?>

11. header.php
index.php sidebar.php
footer.php
Até o momento...

12. codex.wordpress.org

13. codex.wordpress.org
procure pela função bloginfo

14. Muito obrigado!
@tersis