Staffer Group BR™

Fórum interativo totalmente gratuito!


 VisualizaçõesPermissão deste fórum:
Não podes responder a tópicos


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

D'Leandro™
Fundador

Menú vertical em CSS/HTML


PunBB PhpBB2 PhpBB3 Invision Blog Site

Este código não é uma aplicação forumeiros, sim uma aplicação HTML para ser utilizasa em páginas com suporte HTML.
--> Código HTML <--
Código:
<!DOCTYPE html>
<html>
<head>
<style>
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:6em;
text-decoration:none;
color:white;
background-color:#1E90FF;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {background-color:#87CEEB;}
li {display:inline;}
</style>
</head>

<body>
<ul>
<li><a href="http://staffergroupbr.stuning.net/"target="_blank">SGBR™️ 01</a></li>
<li><a href="http://staffergroupbr.stuning.net/"target="_blank">SGBR™️ 02</a></li>
<li><a href="http://staffergroupbr.stuning.net/"target="_blank">SGBR™️ 03</a></li>
<li><a href="http://staffergroupbr.stuning.net/"target="_blank">SGBR™️ 04</a></li>
</ul>

</body>
</html>

--> Visualização Final <--

Visualizar: Demonstração


Desenvolvido por w3schools | W3SCHOOLS EXAMS
Editado e Postado por 2012 © Staffer Group BR™

#2
 Narutofake

Narutofake
Membro
Olá ;) Otimo Efeito Aplicando em Meu FOrum Obrigado por Faze-lo.

#3
 Clube da Info

Clube da Info
Membro
vou ver .....

#4
 D'Leandro™

D'Leandro™
Fundador
Clube da Info utilize comentários melhor desenvolvidos por favor!

Flood/Spam;
Dual-Post ou Divulgação irregular são proibidos, veja em nossas Regras Gerais!

#5
 Conteúdo patrocinado