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
Style Drop-Down Menu


PunBB PhpBB2 PhpBB3 Invision
--> Código CSS <--
Código:
/*Menu Droper SGBR Style*/
.navlinks li{position:relative;text-color: #1E90FF; text-decoration: #1E90FF}
.ulhome{left:0px;top:80px;position:absolute !important;display:none;z-index:999; text-align:center!important; background-image: url('http://i31.servimg.com/u/f31/17/71/75/73/sem_ta39.png') !important; background-repeat: repeat !important; list-style:none;position:bottom; z-index:900; background-position: bottom; border: 1px solid #1E90FF !important; border-radius: 6px !important; box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.68) !important;}
.ulhome ul{text-align:center;border: 0px solid #CCCCCC;width:99px;padding:0px 0px 15px 0px;}
.ulhome .limenup an{text-decoration:none;display:block;z-index:999;background-image:none !important}
li:hover .ulhome{left:-25px;display:block;top:30px;!important;}
/*---/ Creditos: 2012 ©️ Staffer Group BR™️ /---*/
/*---/  http://staffergroupbr.stuning.net /---*/

--> Código JavaScript <--
Em todas as paginas
Código:
jQuery(document).ready(function(){jQuery('.navlinks li a[href="/"]').after('<div class="ulhome"><ul>
<li class="limenup">
<a href="#"><i><b><span style="color: #3d85c6;">Menu 01</span></b></i></a><br></li>
<a href="#"><i><b><span style="color: #3d85c6;">Menu 02</span></b></i></a><br></li>
<a href="#"><i><b><span style="color: #3d85c6;">Menu 03</span></b></i></a><br></li>
<a href="#"><i><b><span style="color: #3d85c6;">Menu 04</span></b></i></a><br></li>
<a href="#"><i><b><span style="color: #3d85c6;">Menu 05</span></b></i></a><br></li>
<a href="#"><i><b><span style="color: #3d85c6;">Menu 06</span></b></i></a></li>
<li class="limenup"></ul></div>')});
Para editar, basta adicionar ou apagar a lista <a href="...

--> Resultado Final<--

Clique na imagem para visualizar ▲


Desenvolvido por D'Leandro™ | SGBR™
Editado e Postado por 2012 © Staffer Group BR™

#2
 SmackeD

SmackeD
Membro
Quando eu coloco a seta aparece tudo bem mas depois quando eu vou a selecionar nao funfa me pode ajudar?

#3
 D'Leandro™

D'Leandro™
Fundador
Tente verificar se os seus HTML's estão ativos.

#4
 ~[B]art

~[B]art
Membro
Chato!

Mas interessante

Se é que voce me entende ! 27

#5
 Bookmarlucas654

Bookmarlucas654
Membro
Amei este, mas, este muda o atual, não né? =x
EDIT: Estes sub-menus nn pegam para punBB D;
Coloquei /forum e não funcionou...

#6
 'Fusion

'Fusion
Membro
Gostei perfeito em breve usarei em meu fórum =D

#7
 D'Leandro™

D'Leandro™
Fundador
Bookmarlucas654 Tente colocar um menu extra!
Ele não substitui nenhum menú, apenas adiciona o drop down no menu.

Ps: O menu prescisa ser o original do forum, sem nenhuma modificação por CSS

#8
 'Fusion

'Fusion
Membro
Não Funcionou aqui.

#9
 ®'Martins

®'Martins
Membro
Irei testar ja que a galera diz que nao ta funcionando irei averigua! Aguarde....

#10
 D'Leandro™

D'Leandro™
Fundador
Conteúdo Atualizado;
Este conteúdo foi atualizado pela moderação!


Funcional em todas as versões!
Importante: Só funciona no menú original da forumeiros.

#11
 Conteúdo patrocinado