Tutorial: Como Criar um CSS Parte 2 *-*

Olá!

Já voltei com a segunda parte do Tutorial õ/

 -Clic nas Imagens para Ampliar-

Bom...após ter feito o seu "cimaLogo"

substitua ele pelo da pasta "IMG"

Verifique se o seu "cimaLogo"

está com o nome correto! ele será

necessário ao decorrer do Tutorial!

Agora vá para fora da pasta "IMG"

e abra o arquivo "TXT" "Modelo"

Procure no Modelo esta parte

Marcada de "Vermelho":

Está vendo esta parte?: height: 120px;

No lugar dos números "120" você deverá colocar

a altura do seu "cimaLogo" no meu caso

eu faço "350" então ficará assim: height: 350px;

Entenderam??

Agora salvem o Modelo. se não souberem eu explico ^^

Você clica em "arquivo" lá em cima e depois em salvar

Veja a foto:

ou então os atalhos "Ctrl + S"

Minimize o arquivo "Modelo" e abra o arquivo

"TXT" "Perfil" se você estiver feito tudo correto

aparecerá o seu "cimaLogo" no "Perfil"

Sem nenhuma parte do "cimaLogo" cortada

ou sem a foto.

Próxima parte "fundoDegrade".

Ele é o fundo Total do CSS vou mostrar um exemplo:

Aproveitei e coloquei logo os principais ^^

Ah!

O "fundoBase" é o "Verde Escuro".

Bom...voltando!

Você cria seu fundo com a largura de "1000"

e a altura de "1000" também ^^ eu acho melhor!

Assim que você o fez salve como "fundoDegrade"

certinho! igual como você fez do "cimaLogo"!

mas não coloque esses: " Ok?!

não são necessários...

Agora actualize o Perfil Abrindo ele novamente

e veja se o "fundoDegrade" está do jeito

que você quer.

Se estiver vamos ao próximo passo ^^

o "fundoBase" nele você irá fazer o mesmo

processo! vai definir a largura e a altura

que são as mesmas "1000".

Igual a do "fundoDegrade" e substitua!

O fundoSombra na minha opinião

ele não é importante

e só deixa o "CSS" feio...

Então como quero terminar logo

falo dele depois!

Vamos agora para a parte de hospedagem!

*-* acho que é a melhor parte do "CSS" *0*

Eu uso o "PhotoBucket" o ImagensHack está com

Problemas... apesar de eu nunca mais

ter usado ele eu vi o resultado de muitos

"CSS's" danificados por causa dele...

Bom, irei explicar como vocês podem usar

o "PhotoBucket".

Primeiro crie a sua conta que é muito

fácil, nem precisa de explicações.

Assim que você criar a sua conta

Click em :

Assim que a página carregar click

em :

Assim que aparecer o quadrado

de "Selecionar arquivos" :

Vá na pasta "IMG" e seleccione

Todas as fotos...o "cimaLogo",

o "fundoDegrade" e o "fundoBase"

Assim que carregarem abaixe a página

Como está na foto:

Click em uma das fotos quando a página carregar

na parte direita estará alguns links vá até

a parte do DirectLink click só uma vez sobre o link

e ele estará copiado! fácil não?? ^^

No caso de tiverem outro melhor! assim não

perdem tempo õ/

Continua!

Está pequeno de novo eu sei...mas é

que hoje estive doente e ocupada

e só sobrou pouco tempo

para o Tutorial mil perdões!

Beijos!