segunda-feira, 2 de dezembro de 2013
quarta-feira, 6 de novembro de 2013
Itens da revista do club penguin n 16
Olá galera, Girimu online.
Quando ganhei a revista do CP numero 16 ela veoi com o codigo (não me diga) agora eu destravei os itens e o novo livro aparece mas os itens são os antigos:
De acordo com alguns isso é um Bugs que ocorre na ilha. sexta-feira, 11 de outubro de 2013
Template 1 sidebar
Olá pinguins, Luksthere aqui, com mais um tutorial para vocês, hoje, venho trazendo um tutorial de como fazer um layout com 1 sidebar. Muitos queriam o HTML para um lay assim, mas como não havia sido postado no blog ainda, resolvi posta-lo agora. Primeiramente vamos dividir em 3 etapas.
1-Cabeçalho: Vamos começar criando as imagens, abra seu Fireworks ou seu Photoshop e crie um arquivo de 982px e a altura fica a gosto de vocês. Usem sua criatividade para fazer o cabeçalho, adicione efeitos, pinguins e o que mais desejar.
Exemplo:
3- Rodapé: Para criar o rodapé, crie um arquivo de 982px de largura e a altura novamente fica a gosto do designer. Em alguns casos, o xat fica dentro do rodapé, para isso precisamos de um rodapé maior e com as regras de xat. Use bastante efeitos e sua criatividade. Ele também deve encaixar com a sidebar.
2ª Etapa:
- Criar as imagens.
- Hospedar as imagens.
- Montar elas no HTML.
1ª Etapa.
1-Cabeçalho: Vamos começar criando as imagens, abra seu Fireworks ou seu Photoshop e crie um arquivo de 982px e a altura fica a gosto de vocês. Usem sua criatividade para fazer o cabeçalho, adicione efeitos, pinguins e o que mais desejar.
Exemplo:
(Imagem reduzida) |
2- Sidebar: A sidebar é a barra lateral do blog, como esse lay só tem 1 sidebar, você pode escolher o lado que quer a sidebar, com tanto que encaixe com o cabeçalho. O tamanho do arquivo é 982 px de largura e 200px de altura, já o tamanho da sidebar fica a gosto do designer.
Exemplo:
(Imagem reduzida) Nessa imagem a sidebar tem 275px de largura. |
Exemplo:
(Imagem em tamanho real) Nesse exemplo usei somente 1 pinguim (recomendado) |
5- Fundo: O fundo do blog é o mais simples, você apenas deve procurar uma imagem grande de uma paisagem.
Exemplo:
(Imagem muito reduzida) Fundo simples, bastante usado. |
Para hospedar as imagens, você deve entrar em tinypic.com ou em imgur.com, esses 2 sites são usados para hospedar imagens. Basta escolher o arquivo e clicar em upload, o link que você deve usar é o direct link.
3ª Etapa:
Segue abaixo o link do html que vocês devem usar:
Legenda:
- Link do fundo do blog.
- Altura do cabeçalho.
- Link do cabeçalho.
- Link da sidebar.
- Largura da sidebar.
- Lado da sidebar (right ou left).
- Margem direita da sidebar.
- Margem esquerda da sidebar.
- Largura da area de postagem.
- Lado da area de postagem (oposto ao lado da sidebar).
- Cor de contorno do template.
- Cor clara do template (para fundos).
- Link do title gadget.
- Link do rodapé.
- Altura do rodapé.
Bom, é isso pessoal, espero que tenham gostado e que os ajudem em seus layouts.
Vou ficando por aqui... Até a próxima jovens designers!
Assinar:
Postagens (Atom)