Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


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

#1
 D'Leandro™

avatar
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™
Ver perfil do usuário

#2
 Narutofake

avatar
Membro
Olá ;) Otimo Efeito Aplicando em Meu FOrum Obrigado por Faze-lo.
Ver perfil do usuário

#3
 Clube da Info

avatar
Membro
vou ver .....
Ver perfil do usuário

#4
 D'Leandro™

avatar
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!
Ver perfil do usuário

#5
 Conteúdo patrocinado