Tema simples - Parte 1



Olá, aqui é o Mex, vou dar agora umas dicas básicas para pessoas que não sabem criar códigos do zero, isso é meio complicado, não é mesmo? Mas existe uma coisa incrível que se chama Google, e muitos perfil que você vê no Chatango são feitos a partir de códigos do Tumblr, mas agora vou mostrar apenas o básico de como usar códigos do orkut, se você aprender o básico vai poder editar os de Tumblr também.

Vamos entender os códigos básicos para criar um perfil simples no Chatango, não considero isso um tutorial e sim apenas uma dica.

Antes de mais nada entre no seu editor html, se você não conhece um use esse
[ jsbin ] [ Editor ]

Pegue esse código ai embaixo e cole no editor.
A parte em vermelho tu coloca o fundo.

Eu sugiro que seja um fundo que repete, por que se não vai ficar os quadros.

Exemplo de fundos [ Link ] [Link ] [ Link ] [ Link ] [ Link ] [ Link ] [ Link ] [ Link ]

Se tu prefere o fundo todo de uma cor apenas, é só por uma imagem preta ou da cor que desejar.

O bom do fundo branco é que você pode usar imagens com fundos brancos, e se tu usar um bg como vou usar só fica bom se por uma render.

Não pegue o link da imagem direto do Google, por que isso? 
por que o Google é muito grande e vários sites ficam offline ai então a imagem que você usou simplesmente fica offline também.

Então minha dica é que você use um site para upar as imagens.
Exemplo de sites para upar imagens [ Imgur ]  [ Tinypic ] [ Imgbox ]

<div id="layer1" style="position:absolute; top:0px; left:0px; width:1400; height:1000; background: url(URL DO FUNDO); background-color:#FF69B4; background-repeat: repeat;">


Vamos lá, em
Width:1400 = Largura.
Height:1000 = Altura
Background-color:#FF69B4 = Cor.

Em width eu deixei assim, width:1349 acho que 1400 ficou grande de mais,
Não sei se é por causa do navegador, por que antigamente eu eu usava 1400 e ficava bom.

Em Height:1000 deixei como está.
Background-color:#FF69B4  Eu deixei #ffffff que é o branco,

Se tu não conhece os códigos das cores aqui tem umas tabela
Algumas cores são chatinhas para mudar. [ Shdo ]

Flextool ] [ Erikasarti ] [ Site112 ] [ Shdo ]

Colocou a imagem lá? Agora vamos para segunda parte.