ALTERAR O TAMANHO DO CABEÇALHO

COMENTEM!! INCENTIVEM A EQUIPE TRANSFORMERS NET A CONTINUAR POSTANDO. AO COMPLETAR O DOWNLOAD, DEIXE O ARQUIVO SEMEANDO POR PELO MENOS DUAS VEZES O TAMANHO QUE BAIXOU, ASSIM VOCÊ FAZ COM QUE OUTRAS PESSOAS TAMBÉM APROVEITEM.

NÃO ESQUEÇA DE, ANTES
DE BAIXAR, VOTAR NO TOPINHO!!!

CLIQUE NESSA IMAGEM E SIGA A ORIENTAÇÃO CONTIDA NELA


DEPOIS CLIQUE NESSA IMAGEM ABAIXO E ENTENDA COMO MUDAR O TAMANHO E A IMAGEM DO CABEÇALHO


PARA COLOCAR UMA IMAGEM NO CABEÇALHO (HEADER):

• O tamanho da sua imagem em pixels deve ser o mesmo do header;
• Você deve hospedar sua imagem em algum sevidor (Photobucket, Image Shack, Fotki, Flickr, Picasa, Mediafire, etc...);
• Copie o endereço (URL) do link da imagem;
• Cole entre os parênteses do código: [background: url(URL link) top center no-repeat;] ;
  
• top center no-repeat-> indica que a imagem irá se localizar no topo, centro e não vai se repetir (veja mais sobre códigos CSS-Folhas de Estilo nesse endereço: http://paginas.fe.up.pt/~goii2000/-> Aí clique em Módulos->Folhas de estilo e aprenda muito);
• Se sua imagem for menor que o espaço destinado à ela e você queira colocar uma cor neste espaço, diferente da cor do fundo, coloque o código html da cor como está representado em verde: [background: #FFFFFF url(URL link) top center no-repeat;].

PARA COLOCAR BORDA NA SUA IMAGEM (BORDER):

• Se for colocar em torno de toda imagem (4cantos), use o código: [border: 1px solid #000000;];
• Apenas do lado esquerdo: [border-left: 1px solid #000000;];
• Apenas do lado direito:[border-right: 1px solid #000000;];
• Apenas no topo:[border-top: 1px solid #000000;];
• Apenas no rodapé:[border-bottom: 1px solid #000000;];

• [1px]->Indica a largura da borda-> é aí que entra a alteração da largura ou altura do [#header-wrapper]
• Ex: Se colocar uma borda de 10px em todos os cantos da imagem terá que aumentar 20px na altura [height] e 20px na largura [width] do [#header-wrapper], ou se não der para aumentar o diminuir [#header-wrapper] por causa da largura total do template -> diminua a imagem essas medidas e depois coloque-a;

• [solid]->Indica o tipo de borda:
• solid=linha
• dashed=tracejada
  
• dotted=pontilhada
• ridget=cume
• inset=inserido
• outset=outset
• none=nenhuma
• [#000000]->Indica a cor da borda. Nesse caso preta.

NÃO ESQUEÇA DE, ANTES

DE BAIXAR, VOTAR NO TOPINHO!!!

* Gostou ? Não deixe de comentar !
* Quer colaborar ? Vote no TRANSFORMERS NET no Topinho, o box de votação fica lá em baixo, é rapidinho, não leva nem 5 segundos!!