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

Aero Glass Menu


PunBB PhpBB2  PhpBB3  Invision  Blog  Site

--> Código CSS <--
Código:
/*Menu em Aero Glass*/
#b:hover {text-decoration: none;background:#3d99db;color: f000;}
#b{display: block;font-weight: bold;width: 100%;text-align: center;text-decoration: none;padding: 0.2em 0;color: #000;}
#back {float: center;width: 400px;height: 300px;overflow: hidden;background: url("http://i15.servimg.com/u/f15/17/71/75/73/cssaer11.jpg") 0 0 no-repeat;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 6px;-webkit-border-bottom-right-radius: 50px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 6px;-moz-border-radius-bottomright: 50px;-moz-border-radius-bottomleft: 6px;border-top-left-radius: 20px;border-top-right-radius: 6px;border-bottom-right-radius: 50px;border-bottom-left-radius: 6px;}
ol {float: right;width: 8em;height: 100%;list-style-type: none;background: url("http://i15.servimg.com/u/f15/17/71/75/73/cssaer10.jpg") 100% 0 no-repeat;-webkit-border-top-left-radius: 20px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-topleft: 20px;-moz-border-radius-bottomleft: 10px;border-top-left-radius: 20px;border-bottom-left-radius: 10px;}

--> Código JS <--
Código:
<div id="back">
  <ol>
    <li><a href="#" id="b">Primeiro Link</a></li>
    <li><a href="#" id="b">Segundo Link</a></li>
    <li><a href="#" id="b">Terceiro Link</a></li>
    <li><a href="#" id="b">Quarto Link</a></li>
    <li><a href="#" id="b">Quinto Link</a></li>
  </ol>
</div>

--> Resultado <--

Demonstração




Desenvolvido por D'Leandro™ | O.W.
Editado e Postado por 2012 © Staffer Group BR™
Ver perfil do usuário

#2
 Jose Hamizaki

avatar
Membro
Muito legal esse efeito.
Ver perfil do usuário

#3
 'Fusion

avatar
Membro
gostei vlw ae

Assinatura:
Ver perfil do usuário samuca_akira@hotmail.com

#4
 D'Leandro™

avatar
Fundador
Conteúdo Atualizado;
Este conteúdo foi atualizado pela moderação!


Apicado para forumeiros e com demonstração!
Ver perfil do usuário

#5
 ®'Martins

avatar
Membro
VAmos Ver se funciona no meu forum

Assinatura:
Atenciosamente:~Rafael~ | arquivospontuais.tk
Ver perfil do usuário

#6
 'Fusion

avatar
Membro
Gostei muito msm (postando pra ver o código dnv)

Assinatura:
Ver perfil do usuário samuca_akira@hotmail.com

#7
 A Fofa

avatar
Membro
Olá,

Gostei muito! Obrigada por partilhar

Até mais!
Ver perfil do usuário

#8
 houdini

avatar
Membro
parece ser interessante, vou ver.
Ver perfil do usuário

#9
 IPlayG

avatar
Membro
Legal e bonito :P
Ver perfil do usuário

#10
 fascicularia

avatar
Membro
para ver
Ver perfil do usuário

#11
 Conteúdo patrocinado