Início arrow Tutoriais arrow Criação de temas: Tutorial Ilustrado Passo à Passo
Criação de temas: Tutorial Ilustrado Passo à Passo PDF Imprimir E-mail
Por fabio   

Amigos, percebendo a dificuldade de algumas pessoas para desenvolverem temas, criamos um tutorial básico, passo à passo e ilustrado. Acredito que dessa forma seja mais fácil para nossa comunidade desenvolver trabalhos nessa área.

Antes de mais nada lembramos que se trata de um tutorial básico. Se você é um desenvolvedor de temas avançado  não aconselhamos a sua leitura.

 

Você pode criar um tema desenvolvendo todo o seu layout, criando imagens e arquivo CSS mas por uma questão de didática e para tornar esse trabalho mais objetivo, utilizaremos um layout de um tema em HTML já pronto que será adaptado para o Mambo.

Vamos usar o tema em HTML gs002 que pode ser baixado no site Myfreetemplates.com



Faça uma cópia do arquivo gs002.html e renomeie para index.htm

 

Abra no Dreamweaver o arquivo index.htm

 

O tema em HTML usado como exemplo possui conteúdo no meio , que deve ser deletado

Deixe somente a parte superior com o logo e os botões. O Espaço em baixo deve ficar vazio tendo como alinhamento vertical = Top e alinhamento horizontal = Left

Veja como deve ficar o código:



Insira uma tabela com 1 linha e 3 colunas como descreve a imagem abaixo:

Veja o Resultado

O código na criação das 3 colunas ficará assim:

Nessa fase em cada coluna vamos acrescentar 1 tabela com várias linhas

 

No nosso exemplo a tabela criada na coluna Esquerda criamos uma tabela com 6 linha , já  na coluna do meio criamos uma tabela com 8 linhas e na coluna da direita possui 6 linhas , como pode ser visto observando a imagem abaixo :