Espreita Aqui
Bem-Vindo (a) ao Espreita Aqui.
Regista-te, estaremos aqui para ajudar-te.
Have fun.

Participe do fórum, é rápido e fácil

Espreita Aqui
Bem-Vindo (a) ao Espreita Aqui.
Regista-te, estaremos aqui para ajudar-te.
Have fun.
Espreita Aqui
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

[Tutorial] Como Criar Hi5 com várias páginas

Espreita Aqui :: Hi5 :: Tutoriais e Dicas

Ir para baixo

[Tutorial] Como Criar Hi5 com várias páginas Empty [Tutorial] Como Criar Hi5 com várias páginas

Mensagem  CatarinaMoura Sáb Ago 08, 2009 1:22 pm



Código:
<div id="caixa-externa">

<a name="ancora-pagina-um" > </a>
<div id="caixa-pagina" class="um">
BEM VINDO AO MEU<br>
TUTORIAL SOBRE CRIAR <br>
UM HI5 COM VARIAS <br>
PAGINAS

</div>

<a name="ancora-pagina-dois" > </a>
<div id="caixa-pagina" class="dois">
<br>By: DANFERGO <br><br> TO: TOUTLOUD.com

</div>

</div> <br>

<div id="menu"><center>
<a href="#ancora-pagina-um">| BOTAO 1 |</a>
<a href="#ancora-pagina-dois">| BOTAO 2 |</a>
</center></div>

<style type="text/css">
/*IMPORTANTE*/
#caixa-externa{
border:1px solid #fff;
height:250px;
width:450px;
margin:auto;
overflow:hidden; /*propriedade nao necessaria no hi5, pois as caixas ja a herdam */
}

#caixa-pagina{
height:250px;
width:100%;
}

/*design*/
.um {
background:#d00;
}

.dois{
background:#0cc;
}

#menu a{
color:#F00;
text-decoration:none;
font-family:arial;
font-weight:bold;
}

#menu a:hover{
color:#FFF;
}

#caixa-pagina{
font-size:30px;
font-family:arial;
line-height:35px;
padding:20px;
}

/*fundo*/
body{
background:#000;
}
</style>

Fonte:
Fórum ToutLoud (Danfergo)
CatarinaMoura
CatarinaMoura
Admin
Admin

Feminino Mensagens : 769
Pontos : 1872
Data de inscrição : 04/08/2009
Idade : 33
Localização : Cascais

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Espreita Aqui :: Hi5 :: Tutoriais e Dicas

 
Permissões neste sub-fórum
Não podes responder a tópicos