May 08
Resolvi fazer novamente um código básico para layout. É básico mesmo, mas está válido em xhtml e css.
Lembrando que, para que o código continue válido depende de você, porque se você insere algo no css sem saber configurar certinho, pode tornar ele inválido e da mesma forma com o xhtml.
Tem algumas dicas de xhtml aqui no blog, na categoria tutoriais.
Esse código foi feito para ser usado em qualquer blog.
Se você tem blog free pode montar o seu layout baseado nele, só terá que adicionar as tags do seu sistema de blog. Também terá que adicionar o css dentro da tag head o invés de usar o link que chama o css.
Quem vai fazer para wordpress é só adicionar as tags necessário também, não esquecendo que no wordpress existe uns códigos entre a tag head que não estão adicionadas aqui nesse código básico.
O código foi inspirado nesse modelo:
Eu não colocarei ele aqui porque é bastante coisa e iria ficar muito grande. Então você pode baixar o arquivo e fazer as suas alterações.
O arquivo contém uma página html e um css. Você pode abrir eles com o bloco de notas ou o editor de sua preferência.
Não adicionei nenhuma imagem para esse código, apenas aquela ali de cima com amostra, mas é só você fazer seu layout de acordo com ela (largura e altura).
Existe várias explicações no código e não tem erro, é só alterar cores de acordo com o seu layout e adicionar as imagens na mesma medida que estão na amostra. Caso você faça um layout diferente da amostra, você terá que alterar os valores (width, height, padding e margin) no css.
Posts Relacionados
Tags: CSS, Html, Tableless, Tutoriais, Xhtml
