topo

[Liriu 0]

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif Eae pessoal boa noite tudo bom? espero que sim.. sou iniciante em CSS e estou com uma grande duvida ao criar o topo do meu site.

Observe este topo: http://www.ps2advanced.com/

Ele ocupa toda a tela, do navegador, parecendo mais um plano de fundo, e em degrade. Ele vai desaparecendo ate ficar completamente preto. O Mesmo ocorre no rodapé do site. Alguem poderia me ensinar a fazer algo semelhante?

[RafaelNMNM 0]

Aqui não ocupa toda tela, é uma imagem de fundo centralizada.

 

Para o topo faz assim:

 

body {
background:#151515 url(http://www.ps2advanced.com/wp-content/themes/ps2advanced/images/header.jpg) no-repeat top center;
}

Para o rodapé é só criar uma div para ele.

 

;)

[Arte Css 0]

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif Eae pessoal boa noite tudo bom? espero que sim.. sou iniciante em CSS e estou com uma grande duvida ao criar o topo do meu site.

Observe este topo: http://www.ps2advanced.com/

Ele ocupa toda a tela, do navegador, parecendo mais um plano de fundo, e em degrade. Ele vai desaparecendo ate ficar completamente preto. O Mesmo ocorre no rodapé do site. Alguem poderia me ensinar a fazer algo semelhante?

 

 

 

div#home {
    background:transparent url(images/header.jpg) no-repeat scroll 50% 0;
}

Liriu essa é a parte em que ele coloca aquela imagem de fundo,a imagem é de 1200x598, fazer isso não é muito recomendado pois seu site pode ficar "pesado" dependendo do tamanho do arquivo. Tenta criar uma imagem semelhante no photoshop, coloca como background e coloca p/ uma cor se repetir, no caso desse site de exemplo ae seria o preto.