Stawer Fórum
Seja bem-vindo ao Stawer Fórum,
Aqui você encontra tudo oque precisa, desde Games à Informática.
Para melho visualização do conteúdo do fórum, Registre-se!

Atenciosamente,
Administração Stawer Fórum.
Stawer Fórum
Últimos assuntos
» Template More Create [Blogger]
Dom Set 14, 2014 4:27 pm por artursk

» Banner Editável !
Dom Set 07, 2014 7:57 pm por raposa

» Template ATR Habbo - Plataforma Blogger
Ter Nov 12, 2013 6:17 pm por -Crash

» Fundo blog
Sex Out 04, 2013 4:40 pm por Universal

» apresentaçao
Qui Jul 18, 2013 6:07 pm por digitalradio

» [TEMPLATE] Cria Habbos [TEMPLATE]
Sab Abr 27, 2013 10:55 am por Abusado

» Template do HabbMenta
Seg Mar 18, 2013 6:35 pm por Lolinaa

» Codigo selecione o fundo para blog 2013
Sab Jan 05, 2013 9:22 am por loko-poko

» Template blog habbo editado pelo the pixelando
Qua Jan 02, 2013 11:05 am por loko-poko

Os membros mais ativos do mês


Você não está conectado. Conecte-se ou registre-se

[CSS] Barras de navegação simples com CSS

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

#1 [CSS] Barras de navegação simples com CSS em Qua Dez 14, 2011 8:03 pm

Supero

avatar
Novato
Novato
Ao desenvolver uma página é necessário na maior parte dos caso do
desenvolvimento de uma área de navegação para que o visitante possa
acessar rapidamente as páginas do site.

Neste código é apresentada uma barras de navegação, na versão vertical e horizontal.
A barra é bem simples e bonita e que pode ser personalizada facilmente conforme o layout.

Código:
<html>
<head>
<title>Barras de Navegação CSS</title>

.::Barras na Horizontal::.

<style type="text/css">
.barNav a {
font: 12px  Arial, Verdana,Helvetica,sans-serif;
color: #FFFFFF;
text-decoration: none;
background:  #6495ED;
text-align: center;
padding: 1px 5px;
margin-right: -1px;
border: 0px solid #000000;
}


.barNav a:hover {
color: #666666;
background: #FCFCFC;
border: 1px solid #666666;
}

-->
</style>

<body>
<p class="barNav">
<a href="seu_link.html" >Home</a>
<a href="seu_link.html">Jogos</a>
<a href="seu_link.html">Mural de Recados</a>
<a href="seu_link.html">Fotos</a>
<a href="seu_link.html">Vídeos</a>
<a href="seu_link.html">Eventos</a>
<a href="seu_link.html">Contato</a>
</p>


.::Barras na Vertical::.

<style type="text/css">
.barNav a {
font: 12px  Arial, Verdana,Helvetica,sans-serif;
color: #FFFFFF;
text-decoration: none;
background:  #6495ED;
text-align: center;
padding: 1px 5px;
margin-right: -1px;
border: 0px solid #000000;
}

</style>


<p class="barNav">
<a href="seu_link.html" >Home</a> <br>
<a href="seu_link.html">Jogos</a> <br>
<a href="seu_link.html">Mural de Recados</a> <br>
<a href="seu_link.html">Fotos</a> <br>
<a href="seu_link.html">Vídeos</a> <br>
<a href="seu_link.html">Eventos</a> <br>
<a href="seu_link.html">Contato</a> <br>
</p>

</body>
</html>

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]


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