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

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

Ir em baixo

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

Mensagem  CatarinaMoura em Sab 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)
avatar
CatarinaMoura
Admin
Admin

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

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum