Últimos assuntos
Nosso Banner
Quem está conectado?
Há 1 usuário online :: 0 registrados, 0 invisíveis e 1 visitante Nenhum
[ Ver toda a lista ]
O recorde de usuários online foi de 65 em Ter Mar 09, 2021 1:37 pm
Procurar
Como Criar Layouts
2 participantes
Habbolado! :: Design :: Tutoriais
Página 1 de 1
Como Criar Layouts
Coca Ter Abr 12, 2011 12:43 pm
hoje vou ensinar voces a criar um layout, mas primeiramente você irá precisar de duas coisinhas Ok ?
- Fireworks CS3- = Download Aqui
- Fonte Volter =Download Aqui
- é necessário que você saiba criar o menu, caso não saibam, vou criar um tutorial depois.
1-Abra o fireworks, e crie um novo documento com as dimensões de 900x800 e com o fundo transparente!
2-êcriou seu projeto, crie um novo retângulo com as dimensões 200x25, com a cor #373737 e a borda de 1px preta..
3-Agora crie outro retângulo com as dimensões 200x12 e com a cor branca, e transparência de 7%:
4-Criaremos um retângulo menor com o tamanho de 198x23, com a cor #6e6e6e e posicione dentro do retângulo maior, e depois, com a font Volter, escreva o nome da box, nesse caso, Login. Ficará assim:
5-Agora crie a parte de baixo, onde ficará o conteúdo da box. Para isso crie um retângulo 200x150 com o fundo transparente e com a cor branca:
6-Agora que você criou sua primeira box. Vou mostrar como fiz a parte de cima do meu layout. Primeiro crie um quadrado com as dimensões de 900x200 com a cor #4f4f4f e posicione-a no começo da página. Agora clique com o botão direito no retângulo recém-criado e depois em Arrange -> Send to back. Agora copie a box que você acabou de criar e cole, formando as boxes Destaque, valores...
7-Já criamos a parte de cima do layout, agora vamos terminar, copie a box e vá colando em uma coluna, apenas mudando o nome delas para "Habbo da semana", "Enquetes", "Link-nos", "Parceiros" e etc... E no final crie um retângulo para ser o rodapé do layout. E depois escreve nele, com a font Volter, os créditos do seu site...
8- Pronto, você terminou o layout. Como eu já mencionei acima é necessário você ter feito o tutorial do banner e menu, se não, espere até o proximo tutorial... Agora vamos juntar todas as partes do layout. Vá no fireworks e crie um Novo Documento com as dimensões de 900x1026 com o fundo transparente.
9-Agora, vá na pasta onde você salvou seu banner e arraste para a página, faça o mesmo com o menu e o layout. Após colocar todos no layout maior, posicione-os até que fiquem dessa forma:
10-Está pronto seu layout.
- Fireworks CS3- = Download Aqui
- Fonte Volter =Download Aqui
- é necessário que você saiba criar o menu, caso não saibam, vou criar um tutorial depois.
1-Abra o fireworks, e crie um novo documento com as dimensões de 900x800 e com o fundo transparente!
2-êcriou seu projeto, crie um novo retângulo com as dimensões 200x25, com a cor #373737 e a borda de 1px preta..
3-Agora crie outro retângulo com as dimensões 200x12 e com a cor branca, e transparência de 7%:
4-Criaremos um retângulo menor com o tamanho de 198x23, com a cor #6e6e6e e posicione dentro do retângulo maior, e depois, com a font Volter, escreva o nome da box, nesse caso, Login. Ficará assim:
5-Agora crie a parte de baixo, onde ficará o conteúdo da box. Para isso crie um retângulo 200x150 com o fundo transparente e com a cor branca:
6-Agora que você criou sua primeira box. Vou mostrar como fiz a parte de cima do meu layout. Primeiro crie um quadrado com as dimensões de 900x200 com a cor #4f4f4f e posicione-a no começo da página. Agora clique com o botão direito no retângulo recém-criado e depois em Arrange -> Send to back. Agora copie a box que você acabou de criar e cole, formando as boxes Destaque, valores...
7-Já criamos a parte de cima do layout, agora vamos terminar, copie a box e vá colando em uma coluna, apenas mudando o nome delas para "Habbo da semana", "Enquetes", "Link-nos", "Parceiros" e etc... E no final crie um retângulo para ser o rodapé do layout. E depois escreve nele, com a font Volter, os créditos do seu site...
8- Pronto, você terminou o layout. Como eu já mencionei acima é necessário você ter feito o tutorial do banner e menu, se não, espere até o proximo tutorial... Agora vamos juntar todas as partes do layout. Vá no fireworks e crie um Novo Documento com as dimensões de 900x1026 com o fundo transparente.
9-Agora, vá na pasta onde você salvou seu banner e arraste para a página, faça o mesmo com o menu e o layout. Após colocar todos no layout maior, posicione-os até que fiquem dessa forma:
10-Está pronto seu layout.
Coca- Fundador
Sexo: : 
Posts: : 33
Moedas: : 138
Respeitos : 1
Idade : 26
Humor : Feliz Por Estar na Habbinho.-
Anderson- Fundador
- Sexo: : Posts: : 36 Moedas: : 340 Respeitos : 2 Idade : 26
-
Coca- Fundador
- Sexo: : Posts: : 33 Moedas: : 138 Respeitos : 1 Idade : 26 Humor : Feliz Por Estar na Habbinho.
-
Tópicos semelhantes» Como Criar Habbo v65
» Como Fazer um Grooser
» Como Entrar em habbo via hamachi
» Como Fazer Aqueles Especiais no Habbo
» Como Fazer um Grooser
» Como Entrar em habbo via hamachi
» Como Fazer Aqueles Especiais no Habbo
Habbolado! :: Design :: Tutoriais
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
» Habbisko Hotel
» Como Fazer Aqueles Especiais no Habbo
» a Piada l a Morte Da Sogra
» Por q a Agua Foi Presa ?
» A Chuvinha..
» Shampo , a loira
» Se Vc joga Trasnformice entra !!
» CS 1.6 COM TODOS OS MAPAS TORRENT DOWNLOAD