Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17238
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Montagem de fundo com CSS

09-02-2007 02:12

Neste texto vou mostrar para você como colocar vários wallpaper (papel de parede) em sua página usando css, você também pode usar cores como fundo definindo até mesmo a posição do fundo.

vejamos abaixo o código css responsável pelo efeito acima:
<STYLE TYPE="text/css"> #fundo1 {position:absolute; top:0px; left:0px; width:120px; height:60px; background-color:#f9f9f9;} #fundo2 {position:absolute; top:0px; left:120px; width:120px; height:60px; background-color:d5d5d5;} #fundo3 {position:absolute; top:0px; left:240px; width:120px; height:60px; background-color:#cccccc;} #fundo4 {position:absolute; top:60px; left:0px; width:120px; height:60px; background-color:#c9c9c9;} #fundo5 {position:absolute; top:60px; left:120px; width:120px; height:60px; background-color:#696969;} #fundo6 {position:absolute; top:60px; left:240px; width:120px; height:60px; background-color:#c5c5c5;} #conteudo {position:absolute;} </STYLE>



note que eu usei no exemplo seis tipos de fundos usando cores diferentes acima, puxados pelo css.

para mostrar os fundo é necessários buscar pelo código no css.
veja o código:
<span id=fundo1></span> <span id=fundo2></span> <span id=fundo3></span> <span id=fundo4></span> <span id=fundo5></span> <span id=fundo6></span>

para mostrar seu conteúdo no documento deve colocá-lo em uma div dessa forma:
<div style="position:relative"> todo meu conteúdo aqui </div>

coloque o código do style entre seus tag head, os span logo após a abertura da tag body e seu conteúdo em seguida dentro do div.
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado