TOPO ESTICADO COM CSS

**WebDesing** · Fevereiro 4, 2013

SAUDAÇÕES:

E AÍ GALERA DO L2JBRASIL!!!!!

QUERO PEDIR DESCULPAS EU ESTAVA FAZENDO UMA VIDEO AULA COM AUDIO MAIS O PROGRAMA COMEÇOU A ME DEIXAR NA MÃO,

MAIS NÃO TEM PROBLEMA, PORQUE ESTAREI ENSINANDO A VOCÊS A CRIAR UM TOPO ESTICADO, MUITAS PESSOAS AQUI NÃO SABE COMO FAZER ISSO , POR ISSO VOU ESTAR ENSINANDO ATRAVÉS DO CSS.

1º - PASSO

Você pode ultilizar o Bloco de Notas do windows que você estiver usando ou você ultiliza o DreamWeaver ou qualquer outro editor.

1 - DIGITE O SEGUINTE CODIGO COMO TEM ABAIXO!

<HTML>

<HEAD>

<TITLE>TOPO ESTICADO</TITLE>

</HEAD>

<BODY>

</DIV>

</BODY>

</HTML>

DEPOIS DE TER FEITO O CODIGO SALVE A SUA PÁGINA DÊ O NOME DE INDEX.HTML OU INDEX.PHP - NA HORA DR SALVAR VOCÊ PODE SALVAR DENTRO DA PASTA WWW DO WAMPSERVER SE VOCÊ NÃO TIVER NÃO TEM PROBLEMA, CRIE UMA PASTA CHAMADA DE "SITE" DENTRO DO DISCO LOCAL C: E SALVE A SUA PÁGINA INDEX.HTML DENTRO DESSA PASTA.

AGORA VAMOS PARA O CSS!!!

1º - PASSO

DIGITE O SEGUINTE CODIGO ABAIXO.

BODY {

MARGIN:0;

PADDING:0;

}

#TOPO-BG {

WIDTH:100%;

HEIGHT:250PX;

BACKGROUND:#000;

}

DEPOIS QUE FIZER ESTE CODIGO SALVE COM O NOME ESTILO.CSS DENTRO DA PASTA SITE, E VISUALIZE SUA PÁGINA COM O TOPO ESTICADO..

SE TIVER DUVIDAS COM CSS, POR FAVOR COMENTE ME ADD COMO AMIGO AQUI NO FORUM, E SE GOSTOU COMENTEM COMPARTILHE..

Editado Fevereiro 4, 2013 por WebDesing

**ByBackup** · Fevereiro 4, 2013

Gostei do tuto, mais da uma explicada oque cada linha dessa faz por pessoal não ficar perdido ^^.

**LucasStark** · Fevereiro 4, 2013

width = largura, no caso 100%

height = altura no caso 250px

background = color nesse caso preto.

Entrar

TOPO ESTICADO COM CSS

Posts recomendados

WebDesing

Link para o comentário

Compartilhar em outros sites

ByBackup

Link para o comentário

Compartilhar em outros sites

LucasStark

Link para o comentário

Compartilhar em outros sites

Anúncios

Patrocinadores

Quem Está Navegando

Posts

Navegação

Minhas Pesquisas

Atividades

Important Information