x
SuperUp, do que estás a espera?
Entra ou Regista-te no fórum para visualizar todo conteúdo.
Top Membros do Mês
Últimos assuntos
Algum administrador?
por poison Seg 26 Jun - 20:30

[Skins] Splat! Skin [IPB] - [PunBB]
por rafusqui Sáb 26 Set - 1:23

Cria a tua Musica
por MIRISHIA Sex 11 Set - 13:41

[Suporte][HTML] Teste titulo
por JUFASA Qua 9 Set - 16:42

[Resolvido] Ajuda com Design de Tema
por JUFASA Ter 1 Set - 4:50

[Naruto] Jogo para Telemóvel
por MIRISHIA Seg 31 Ago - 19:02

[Dicas] Tutorial HTML
por IsmaelS. Qua 26 Ago - 23:01

[Anime] Ansatsu Kyoushitsu
por MIRISHIA Seg 24 Ago - 17:53

[Manga] Naruto Gaiden
por MIRISHIA Seg 24 Ago - 17:31

Boruto- Novo Filme de Naruto
por Je4n Seg 24 Ago - 4:05

[Tutorial] Rank PhotoShop
por StaaL Seg 3 Nov - 23:07

[Noticia] Designer
por StaaL Seg 3 Nov - 22:13

Pack C4D Effect Bubbles
por Francisco Souza Ter 14 Out - 19:56

Pedido - Banner's
por JUFASA Dom 20 Jul - 22:27

Pedido - Logotipo
por IsmaelS. Dom 20 Jul - 18:03

Um jogo bom para PS2?
por JQuery Qui 17 Jul - 21:15

[CSS] CSS Transforms
por JQuery Qui 17 Jul - 21:13

[Youtube] TheKingMoreira
por JQuery Qui 17 Jul - 20:59

[Tutorial] Assault
por JQuery Qui 17 Jul - 20:53

[Suporte] Bug no view topic body
por JQuery Qui 17 Jul - 16:59

Copyright © 2015 - UPFórum

Top Membros do Mês
Últimos assuntos
Algum administrador?
por poison Seg 26 Jun - 20:30

[Skins] Splat! Skin [IPB] - [PunBB]
por rafusqui Sáb 26 Set - 1:23

Cria a tua Musica
por MIRISHIA Sex 11 Set - 13:41

[Suporte][HTML] Teste titulo
por JUFASA Qua 9 Set - 16:42

[Resolvido] Ajuda com Design de Tema
por JUFASA Ter 1 Set - 4:50

[Naruto] Jogo para Telemóvel
por MIRISHIA Seg 31 Ago - 19:02

[Dicas] Tutorial HTML
por IsmaelS. Qua 26 Ago - 23:01

[Anime] Ansatsu Kyoushitsu
por MIRISHIA Seg 24 Ago - 17:53

[Manga] Naruto Gaiden
por MIRISHIA Seg 24 Ago - 17:31

Boruto- Novo Filme de Naruto
por Je4n Seg 24 Ago - 4:05

[Tutorial] Rank PhotoShop
por StaaL Seg 3 Nov - 23:07

[Noticia] Designer
por StaaL Seg 3 Nov - 22:13

Pack C4D Effect Bubbles
por Francisco Souza Ter 14 Out - 19:56

Pedido - Banner's
por JUFASA Dom 20 Jul - 22:27

Pedido - Logotipo
por IsmaelS. Dom 20 Jul - 18:03

Um jogo bom para PS2?
por JQuery Qui 17 Jul - 21:15

[CSS] CSS Transforms
por JQuery Qui 17 Jul - 21:13

[Youtube] TheKingMoreira
por JQuery Qui 17 Jul - 20:59

[Tutorial] Assault
por JQuery Qui 17 Jul - 20:53

[Suporte] Bug no view topic body
por JQuery Qui 17 Jul - 16:59


Ir à página : 1, 2  Seguinte

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

[Suporte] Realizar efeito de aba


IsmaelS.

#1
Desconectado
IsmaelS.
Qua 9 Jul - 17:11

Minha questão:
No meu fórum como podem ver:
http://master-publicitario.forumeiros.com/forum

Tem no menu de navegação "Perfil" de queria se possível criar um aba normal deste género:
http://virteq.com/index (clique em "Services")

Queria que abri-se assim para baixo, e quando clica-se que o fundo de cada aba fica-se desta cor ou seja efeito atrás:

[Suporte] Realizar efeito de aba Sem_ta30

Queria que também quando clica-se em "Perfil" fica-se esse efeito atrás e o resto abria-se para baixo os abas, queria assim os abas:

Editar Perfil
Editar Avatar
Preferências
Assinatura
Meu Conteúdo
Gestão de Amigos

Se possível agradecia imenso!




Endereço do meu fórum:

http://master-publicitario.forumeiros.com/forum

Versão:

PunBB

JQuery

#2
Desconectado
JQuery
Qua 9 Jul - 17:15

Olá,
Crie um novo JavaScript com investimento em todas as páginas:
Código:
var _0x97e0=["\x23\x70\x72\x69\x6D\x61\x72\x79\x5F\x6E\x61\x76\x20\x6C\x69\x2E\x6C\x65\x66\x74","\x23\x66\x69\x78\x65\x64\x5F\x6D\x65\x6E\x75\x5F\x70\x75\x6E\x62\x62\x20\x23\x70\x72\x69\x6D\x61\x72\x79\x5F\x6E\x61\x76\x20\x6C\x69\x2E\x6C\x65\x66\x74","\x70\x75\x6E\x42\x42\x5F\x61\x63\x74\x69\x76\x65\x4D\x65\x6E\x75","\x67\x65\x74\x49\x74\x65\x6D","\x2F\x66\x6F\x72\x75\x6D","\x73\x65\x61\x72\x63\x68","\x68\x72\x65\x66","\x61\x63\x74\x69\x76\x65","\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73","\x6C\x69\x2E\x6C\x65\x66\x74","\x66\x69\x6E\x64","\x23\x63\x6F\x6D\x6D\x75\x6E\x69\x74\x79\x5F\x61\x70\x70\x5F\x6D\x65\x6E\x75","\x61\x64\x64\x43\x6C\x61\x73\x73","\x23\x6E\x61\x76\x5F\x61\x70\x70\x5F\x66\x6F\x72\x75\x6D\x73","\x23\x66\x69\x78\x65\x64\x5F\x6D\x65\x6E\x75\x5F\x70\x75\x6E\x62\x62\x20\x23\x6E\x61\x76\x5F\x61\x70\x70\x5F\x66\x6F\x72\x75\x6D\x73","","\x23\x66\x69\x78\x65\x64\x5F\x6D\x65\x6E\x75\x5F\x70\x75\x6E\x62\x62\x20","\x23","\x69\x64","\x61\x74\x74\x72","\x73\x65\x74\x49\x74\x65\x6D","\x61","\x70\x72\x65\x76\x65\x6E\x74\x44\x65\x66\x61\x75\x6C\x74","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x63\x6C\x69\x63\x6B"];$(function (){var _0x6e0fx1=$(_0x97e0[0]);var _0x6e0fx2=$(_0x97e0[1]);var _0x6e0fx3=sessionStorage[_0x97e0[3]](_0x97e0[2]);if(location[_0x97e0[6]][_0x97e0[5]](_0x97e0[4])>=0){$(_0x97e0[11])[_0x97e0[10]](_0x97e0[9])[_0x97e0[8]](_0x97e0[7]);$(_0x97e0[13])[_0x97e0[12]](_0x97e0[7]);$(_0x97e0[14])[_0x97e0[12]](_0x97e0[7]);} else {if(_0x6e0fx3!=_0x97e0[15]){$(_0x6e0fx3)[_0x97e0[12]](_0x97e0[7]);$(_0x97e0[16]+_0x6e0fx3)[_0x97e0[12]](_0x97e0[7]);} else {$(_0x97e0[13])[_0x97e0[12]](_0x97e0[7]);$(_0x97e0[14])[_0x97e0[12]](_0x97e0[7]);} ;} ;_0x6e0fx1[_0x97e0[24]](function (_0x6e0fx4){_0x6e0fx1[_0x97e0[8]](_0x97e0[7]);$(this)[_0x97e0[12]](_0x97e0[7]);sessionStorage[_0x97e0[20]](_0x97e0[2],_0x97e0[17]+$(this)[_0x97e0[19]](_0x97e0[18]));var _0x6e0fx5=$(this)[_0x97e0[10]](_0x97e0[21])[_0x97e0[19]](_0x97e0[6]);_0x6e0fx4[_0x97e0[22]]();window[_0x97e0[23]][_0x97e0[6]]=_0x6e0fx5;} );} );

O código foi ofuscado para que ninguém altere ele nem retire os créditos.

Até Mais....

IsmaelS.

#3
Desconectado
IsmaelS.
Qua 9 Jul - 17:19

Olá,

Não é nada disso que quero, leia a minha dúvida.

JQuery

#4
Desconectado
JQuery
Qua 9 Jul - 17:23

Olá,
Tem como me passar o seu overall_head para que possamos fazer as devidas alterações?

Até Mais...

IsmaelS.

#5
Desconectado
IsmaelS.
Qua 9 Jul - 17:27

JQuery

#6
Desconectado
JQuery
Qua 9 Jul - 17:49

Olá,
Troque seu overall_head por este:
http://pastebin.com/hC5NMyi1

Crie um javaScript com investimento em todas as páginas:
Código:
/*Sub-Menu do perfil by; JQuery*/
jQuery(document).ready(function(){jQuery('.navlinks li a[href="/profile?mode=editprofile"]').after('<div class="ulhome"><ul>

<li class="limenup"><a href="#">Editar Perfil</a></li><br>
<li class="limenup"><a href="#">Editar Avatar</a></li><br>
<li class="limenup"><a href="#">Preferências</a></li><br>
<li class="limenup"><a href="#">Assinatura</a></li><br>
<li class="limenup"><a href="#">Meu Conteúdo</a></li><br>
<li class="limenup"><a href="#">Gestão de Amigos</a></li><br>
</ul></div>')});

Adicione à sua Folha de Estilo CSS:
Código:
/*Sub-Menu do perfil by; JQuery*/
.navlinks li{position:relative;}
.ulhome {
-moz-box-shadow: 1px 1px 5px #DDD;
-webkit-box-shadow: 1px 1px 5px #DDD;
background: #617e9c !important;
border: 1px solid rgba(221, 221, 221, 0)!important;
border-radius: 6px!important;
box-shadow: 1px 1px 5px rgba(221, 221, 221, 0);
display: none;
list-style: none;
min-width: 200px;
position: absolute!important;
text-align: left!important;
z-index: 990;
}
.ulhome ul{text-align:left;padding:0px 12px 0px 3px;}
.ulhome .limenup an{text-decoration:block;z-index:900;background-image:none !important;}
li:hover .ulhome{left:0px;display:block;top:10px !important;}

Resultado em meu fórum de testes:
[Suporte] Realizar efeito de aba ZRkp6RT


Até Mais...

IsmaelS.

#7
Desconectado
IsmaelS.
Qua 9 Jul - 17:55

Olá,

Não abriu aba nenhuma ao clicar em Perfil.

JQuery

#8
Desconectado
JQuery
Qua 9 Jul - 17:59

Olá,
Troque seu overall_head por este:
http://pastebin.com/dekEsDy8

Até Mais...

IsmaelS.

#9
Desconectado
IsmaelS.
Qua 9 Jul - 18:02

Olá,

Não realizou nenhum aba.

JQuery

#10
Desconectado
JQuery
Qua 9 Jul - 18:06

Olá,
Tente desativar algum javaScript aí adicionado, pois eu testei aqui e é totalmente funcional.

Até Mais....

IsmaelS.

#11
Desconectado
IsmaelS.
Qua 9 Jul - 18:09

Olá,

Continua na mesma.

JQuery

#12
Desconectado
JQuery
Qua 9 Jul - 18:10

Olá,
Troque seu JavaScript por este:
Código:
/*Sub-Menu do perfil by; JQuery*/
jQuery(document).ready(function(){jQuery('.navlinks li a[href="/profile?mode=editprofile"]').after('<div class="ulhome"><ul>

<li class="limenup"><a href="/profile?mode=editprofile">Editar Perfil</a></li><br>
<li class="limenup"><a href="/profile?mode=editprofile&page_profil=avatars">Editar Avatar</a></li><br>
<li class="limenup"><a href="/profile?mode=editprofile&page_profil=preferences">Preferências</a></li><br>
<li class="limenup"><a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a></li><br>
<li class="limenup"><a href="/sta/">Meu Conteúdo</a></li><br>
<li class="limenup"><a href="/profile?mode=editprofile&page_profil=friendsfoes">Gestão de Amigos</a></li><br>
</ul></div>')});

Até Mais....

IsmaelS.

#13
Desconectado
IsmaelS.
Qua 9 Jul - 18:11

Olá,

Não resultou em nada.

Duel

#14
Desconectado
Duel
Qua 9 Jul - 22:30

Olá!

Crie um novo JS:
Código:
/* Por: Duel;
UPFÓRUM! Todos os direitos a DUEL!
Todos os direitos reservados;
Use e abuse, só mantenha os créditos!
view-moreing: http://superup.wikiforum.net
*/


$function(){
$('.profile-drop').after('<div class="profile"><ul>

<li class="limenup"><a href="#">Editar Perfil</a></li><br>
<li class="limenup"><a href="#">Editar Avatar</a></li><br>
<li class="limenup"><a href="#">Preferências</a></li><br>
<li class="limenup"><a href="#">Assinatura</a></li><br>
<li class="limenup"><a href="#">Meu Conteúdo</a></li><br>
<li class="limenup"><a href="#">Gestão de Amigos</a></li><br>
</ul></div>');
$('.profile-drop').click(function(){
$('.profile').toggle();
});
});

Procure por isso em seu overal_header:
Código:
<a id="nav_menu_1_trigger" href="" title="">Perfil </a>
Troque por:
Código:
<a id="nav_menu_1_trigger" href="" title="" class="profile-drop">Perfil </a>

Adiciona na CSS:
Código:

/* Por: Duel;
UPFÓRUM! Todos os direitos a DUEL!
Todos os direitos reservados;
Use e abuse, só mantenha os créditos!
view-moreing: http://superup.wikiforum.net
*/

.profile {
-moz-box-shadow: 1px 1px 5px #DDD;
-webkit-box-shadow: 1px 1px 5px #DDD;
background: #617e9c !important;
border: 1px solid rgba(221, 221, 221, 0)!important;
border-radius: 6px!important;
box-shadow: 1px 1px 5px rgba(221, 221, 221, 0);
display: none;
list-style: none;
min-width: 200px;
position: absolute!important;
text-align: left!important;
z-index: 990;
}

/* FIM PÓR DUEL */

@jQuery:
Esse seu código, nunca iria resultar amigo. Falta o script de clicar, o senhor adicionou no modo hover. Não trocou as classes, etc...

IsmaelS.

#15
Desconectado
IsmaelS.
Qua 9 Jul - 22:49

Olá,

Amigo como pode ver não resultou em nada:
http://testarnada.forumeiros.com/forum

Duel

#16
Desconectado
Duel
Qua 9 Jul - 23:05

Olá!

Esse código do template que te dei:
Código:
    <a id="nav_menu_1_trigger" href="" title="" class="profile-drop">Perfil </a>
Troque por:
Código:
    <a id="nav_menu_1_trigger" href="#" title="" class="profile-drop">Perfil </a>

Troque isso no template:
Substitua por esse JS:
Código:
    /* Por: Duel;
    UPFÓRUM! Todos os direitos a DUEL!
    Todos os direitos reservados;
    Use e abuse, só mantenha os créditos!
    view-moreing: http://superup.wikiforum.net
    */


    $(function(){
    $('.profile-drop').after('<div class="profile"><ul>

    <li class="limenup"><a href="#">Editar Perfil</a></li><br>
    <li class="limenup"><a href="#">Editar Avatar</a></li><br>
    <li class="limenup"><a href="#">Preferências</a></li><br>
    <li class="limenup"><a href="#">Assinatura</a></li><br>
    <li class="limenup"><a href="#">Meu Conteúdo</a></li><br>
    <li class="limenup"><a href="#">Gestão de Amigos</a></li><br>
    </ul></div>');
    $('.profile-drop').click(function(){
    $('.profile').toggle();
    });
    });

IsmaelS.

#17
Desconectado
IsmaelS.
Qui 10 Jul - 2:36

Olá,

Não resultou em nada.

IsmaelS.

#18
Desconectado
IsmaelS.
Qui 10 Jul - 14:25

UP - AJUDA AQUI!

JUFASA

#19
Desconectado
JUFASA
Qui 10 Jul - 16:07

Olá , eu fui ao seu fórum: http://master-publicitario.forumeiros.com/forum
e reparei que voce não tem links para ir ao perfil, e para este código resultar o link do seu menu tem de ser este "/profile?mode=editprofile" pós colocar o link tente usar o código referido a cima:
http://superup.wikiforum.net/t158-suporte-realizar-efeito-de-aba#560

(pelo menos foi o que me pareceu, diga se estou enganado, obrigado)

att Jufasa'

IsmaelS.

#20
Desconectado
IsmaelS.
Qui 10 Jul - 16:45

Olá,

Veja então, estou a testar aqui e não resulta:
http://testarnada.forumeiros.com/forum

JUFASA

#21
Desconectado
JUFASA
Qui 10 Jul - 17:51

Coloque este JS:
Código:

jQuery(document).ready(function(){jQuery('#primary_nav li a[href="/profile?mode=editprofile"]').after('<div class="ulprofile"><ul><li class="limenup"><a href="/profile?mode=editprofile">Editar Perfil</a></li><br><li class="limenup"><a href="/profile?mode=editprofile&page_profil=avatars">Editar Avatar</a></li><br><li class="limenup"><a href="/profile?mode=editprofile&page_profil=preferences">Preferências</a></li><br><li class="limenup"><a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a></li><br><li class="limenup"><a href="/sta/{USERNAME}">Meu Conteúdo</a></li><br><li class="limenup"><a href="/profile?mode=editprofile&page_profil=friendsfoes">Gestão de Amigos</a</li><br></ul></div>')});

E coloque este CSS:

Código:

.navlinks li{position:relative;}
.ulprofile {
-moz-box-shadow: 1px 1px 5px #DDD;
-webkit-box-shadow: 1px 1px 5px #DDD;
background: #617e9c !important;
border: 1px solid rgba(221, 221, 221, 0)!important;
border-radius: 6px!important;
box-shadow: 1px 1px 5px rgba(221, 221, 221, 0);
display: none;
list-style: none;
min-width: 200px;
position: absolute!important;
text-align: left!important;
z-index: 990;
}
.ulprofile ul{text-align:left;padding:0px 12px 0px 3px;}
.ulprofile .limenup an{text-decoration:block;z-index:900;background-image:none !important;}
li:hover .ulprofile{left:0px;display:block;top:10px !important;}

Att Jufasa'

IsmaelS.

#22
Desconectado
IsmaelS.
Qui 10 Jul - 18:13

Olá,

Já resultou alguma coisa veja:
http://testarnada.forumeiros.com/forum

Queria colocar o aba mais abaixo, e apenas abri-se quando clica-se

JUFASA

#23
Desconectado
JUFASA
Qui 10 Jul - 18:56

Olá amigo eu criei um script agora, veja se esta bom no seu fórum para adaptar algumas coisas:
nota: retire o javascript e o css que lhe passei anteriormente e utilize apenas este javascript

Código:
$(function () {$('body').prepend('<div style="display:none;" class="overlayJUFASA"></div>');var prefilupforum = $('li a[href="/profile?mode=editprofile"]');var pos = prefilupforum.offset();var dropdown = '<div class="ulprofile"><ul><li class="limenup"><a href="/profile?mode=editprofile">Editar Perfil</a></li><br><li class="limenup"><a href="/profile?mode=editprofile&page_profil=avatars">Editar Avatar</a></li><br><li class="limenup"><a href="/profile?mode=editprofile&page_profil=preferences">Preferências</a></li><br><li class="limenup"><a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a></li><br><li class="limenup"><a href="/sta/{USERNAME}">Meu Conteúdo</a></li><br><li class="limenup"><a href="/profile?mode=editprofile&page_profil=friendsfoes">Gestão de Amigos</a</li><br></ul></div><style>.navlinks li{position:relative;}
.ulprofile {
-moz-box-shadow: 1px 1px 5px #DDD;
-webkit-box-shadow: 1px 1px 5px #DDD;
background: #5c7896!important;
border: 1px solid rgba(221,221,221,0)!important;
border-radius: 0 4px 4px 4px!important;
box-shadow: 1px 1px 5px rgba(221,221,221,0);
display: none;
list-style: none;
min-width: 200px;
position: absolute!important;
text-align: left!important;
z-index: 990;
}
.ulprofile ul{text-align:left;padding:0px 12px 0px 3px;}
.ulprofile .limenup an{text-decoration:block;z-index:900;background-image:none !important;}
li:hover .ulprofile {
display: block;
left: 0;
top: 25px!important;
padding: 10px;
}
.ulprofile a {
color: #e4f1ff;
background: transparent;
color: #e4f1ff;
display: block;
padding: 5px 10px 9px;
text-shadow: 0 0 0 rgba(0,0,0,0.5);
}
.ulprofile a:hover {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #617e9c;
border-radius: 4px;
color: #fff;
}</style>';prefilupforum.after(dropdown).click(function (e) {e.preventDefault();$('.overlayJUFASA').show();$(this).next('div').fadeToggle();});$('.overlayJUFASA').click(function () {$(this).hide();$('.ulprofile').fadeToggle();});});

att Jufasa'

IsmaelS.

#24
Desconectado
IsmaelS.
Qui 10 Jul - 19:37

Olá,

Isso mesmo está perfeito, mas quando clica em "Perfil" da para manter aquele efeito à volta de perfil?

JUFASA

#25
Desconectado
JUFASA
Qui 10 Jul - 20:36

Experimente trocar por este:

Código:
$(function () {$('body').prepend('<div style="display:none;" class="overlayJUFASA"></div>');var prefilupforum = $('li a[href="/profile?mode=editprofile"]');var pos = prefilupforum.offset();var dropdown = '<div class="ulprofile"><ul><li class="limenup"><a href="/profile?mode=editprofile">Editar Perfil</a></li><br><li class="limenup"><a href="/profile?mode=editprofile&page_profil=avatars">Editar Avatar</a></li><br><li class="limenup"><a href="/profile?mode=editprofile&page_profil=preferences">Preferências</a></li><br><li class="limenup"><a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a></li><br><li class="limenup"><a href="/sta/{USERNAME}">Meu Conteúdo</a></li><br><li class="limenup"><a href="/profile?mode=editprofile&page_profil=friendsfoes">Gestão de Amigos</a</li><br></ul></div><style>.navlinks li{position:relative;}
.ulprofile {
-moz-box-shadow: 1px 1px 5px #DDD;
-webkit-box-shadow: 1px 1px 5px #DDD;
background: #5c7896!important;
border: 1px solid rgba(221,221,221,0)!important;
border-radius: 0 4px 4px 4px!important;
box-shadow: 1px 1px 5px rgba(221,221,221,0);
display: none;
list-style: none;
min-width: 200px;
position: absolute!important;
text-align: left!important;
z-index: 990;
}
.ulprofile ul{text-align:left;padding:0px 12px 0px 3px;}
.ulprofile .limenup an{text-decoration:block;z-index:900;background-image:none !important;}
li:hover .ulprofile {
display: block;
left: 0;
top: 25px!important;
padding: 10px;
}
.ulprofile a {
color: #e4f1ff;
background: transparent;
color: #e4f1ff;
display: block;
padding: 5px 10px 9px;
text-shadow: 0 0 0 rgba(0,0,0,0.5);
}
.ulprofile a:hover {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #617e9c;
border-radius: 4px;
color: #fff;
}
.ativelink {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #5c7896;
border-radius: 4px;
color: #fff;
}</style>';prefilupforum.after(dropdown).click(function (e) {e.preventDefault();$('.overlayJUFASA').show();$(this).next('div').fadeToggle();$('li a[href="/profile?mode=editprofile"]').toggleClass('ativelink');});$('.overlayJUFASA').click(function () {$(this).hide();$('.ulprofile').fadeToggle();$('li a[href="/profile?mode=editprofile"]').toggleClass('ativelink');});});

IsmaelS.

#26
Desconectado
IsmaelS.
Qui 10 Jul - 22:35

Olá,

Continua na mesma amigo.

JUFASA

#27
Desconectado
JUFASA
Sex 11 Jul - 0:12

Estranho no meu fórum teste resultou com exito, tente trocar por este:

Código:
$(function () {$('body').prepend('<div style="display:none;" class="overlayJUFASA"></div>');var prefilupforum = $('li a[href="/profile?mode=editprofile"]');var pos = prefilupforum.offset();var dropdown = '<div class="ulprofile"><ul><li class="limenup"><a href="/profile?mode=editprofile">Editar Perfil</a></li><br><li class="limenup"><a href="/profile?mode=editprofile&page_profil=avatars">Editar Avatar</a></li><br><li class="limenup"><a href="/profile?mode=editprofile&page_profil=preferences">Preferências</a></li><br><li class="limenup"><a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a></li><br><li class="limenup"><a href="/sta/{USERNAME}">Meu Conteúdo</a></li><br><li class="limenup"><a href="/profile?mode=editprofile&page_profil=friendsfoes">Gestão de Amigos</a</li><br></ul></div><style>.navlinks li{position:relative;}
.ulprofile {
-moz-box-shadow: 1px 1px 5px #DDD;
-webkit-box-shadow: 1px 1px 5px #DDD;
background: #5c7896!important;
border: 1px solid rgba(221,221,221,0)!important;
border-radius: 0 4px 4px 4px!important;
box-shadow: 1px 1px 5px rgba(221,221,221,0);
display: none;
list-style: none;
min-width: 200px;
position: absolute!important;
text-align: left!important;
z-index: 990;
}
.ulprofile ul{text-align:left;padding:0px 12px 0px 3px;}
.ulprofile .limenup an{text-decoration:block;z-index:900;background-image:none !important;}
li:hover .ulprofile {
display: block;
left: 0;
top: 25px!important;
padding: 10px;
}
.ulprofile a {
color: #e4f1ff;
background: transparent;
color: #e4f1ff;
display: block;
padding: 5px 10px 9px;
text-shadow: 0 0 0 rgba(0,0,0,0.5);
}
.ulprofile a:hover {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #617e9c;
border-radius: 4px;
color: #fff;
}
.ativelink {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #5c7896!important;
border-radius: 4px;
color: #fff;
}</style>';prefilupforum.after(dropdown).click(function (e) {e.preventDefault();$('.overlayJUFASA').show();$(this).next('div').fadeToggle();$('li a[href="/profile?mode=editprofile"]').toggleClass('ativelink');});$('.overlayJUFASA').click(function () {$(this).hide();$('.ulprofile').fadeToggle();$('li a[href="/profile?mode=editprofile"]').toggleClass('ativelink');});});

penso que agora ja esta ;)

att Jufasa'

@Edit: Não tinha funcionado porque seu fórum tem um css de background cor transparente no link então tive que colocar a nova cor como importante para ele assumir xD

IsmaelS.

#28
Desconectado
IsmaelS.
Sex 11 Jul - 0:15

Olá,

Resultou perfeitamente, só que no fórum de testes resulta bem, coloquei neste e não resultou:
http://master-publicitario.forumeiros.com/forum

Penso que seja de os outros códigos .jS esteja a entrar em conflito, seria possível adicionar o código através na edição de tempaltes?

JUFASA

#29
Desconectado
JUFASA
Sex 11 Jul - 0:21

olá comparando os fóruns o problema é que no master-publicitario nos menus não há links o problema se encontra ai penso eu...

mas sim pode colocar o codigo no template que certamente ele ira dar certo coloque antes da tag </head> entre as tag <script>CODIGO</script> .

att Jufasa'

IsmaelS.

#30
Desconectado
IsmaelS.
Sex 11 Jul - 0:36

Olá,

Tinha razão faltava os links no menu, só mais uma coisa é possível colocar aquela seta branca para baixo como no Buscar e Mensagens Privadas?


#31
Desconectado
Conteúdo patrocinado

Ir à página : 1, 2  Seguinte


Mensagem [Página 1 de 2]


Post relacionados