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

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

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

[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

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

Copyright © 2015 - UPFórum

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

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

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

[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

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


Ir à página : Anterior  1, 2

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

[Suporte] Realizar efeito de aba


avatar

#1
Desconectado
em Qua 9 Jul - 17:11

Relembrando a primeira mensagem :

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:



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

Ver perfil do usuário

avatar

#31
Desconectado
em Sex 11 Jul - 0:52

Olá penso que sim, edite o seu menu no template e no nome Prefil coloque assim:

Código:
<a id="nav_menu_1_trigger" href="/profile?mode=editprofile" title="">Perfil <span class="dropdownIndicator"></span></a>

Ver perfil do usuário
avatar

#32
Desconectado
em Sex 11 Jul - 0:58

Olá,

Perfeito, só mais uma coisa quando clico no aba ele abre tudo bem, mas para fechar tenho que voltar a clicar em "Perfil" dá para colocar por exemplo abrir e clicar na parte do fórum e ele fechar? Experimente o de Buscar como está.

Ver perfil do usuário
avatar

#33
Desconectado
em Sex 11 Jul - 1:49

tente agora 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');});});

Ver perfil do usuário
avatar

#34
Desconectado
em Sex 11 Jul - 1:52

Olá,

Não abre o aba apenas vai directo ao editar perfil.

Ver perfil do usuário
avatar

#35
Desconectado
em Sex 11 Jul - 1:56

eu agora tentei desta maneira veja se agora dá:
Código:
$(function () {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();$('.overlayHancki').show();$(this).next('div').fadeToggle();$('li a[href="/profile?mode=editprofile"]').toggleClass('ativelink');});$('.overlayHancki').click(function () {$(this).hide();$('.ulprofile').fadeToggle();$('li a[href="/profile?mode=editprofile"]').toggleClass('ativelink');});});

att Jufasa'

Ver perfil do usuário
avatar

#36
Desconectado
em Sex 11 Jul - 1:59

Olá,

Continua na mesma amigo, não abre o aba.

Ver perfil do usuário
avatar

#37
Desconectado
em Sex 11 Jul - 2:04

está complicado kkk tente este:
Código:
$(function () {$('body').prepend('<div style="display: none;" class="overlayHancki"></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();$('.overlayHancki').show();$(this).next('div').fadeToggle();$('li a[href="/profile?mode=editprofile"]').toggleClass('ativelink');});$('.overlayHancki').click(function () {$(this).hide();$('.ulprofile').fadeToggle();$('li a[href="/profile?mode=editprofile"]').toggleClass('ativelink');});});

Ver perfil do usuário
avatar

#38
Desconectado
em Sex 11 Jul - 2:07

Olá,

Estava difícil mas resultou perfeitamente, obrigado resolvido amigo! :D

Ver perfil do usuário
avatar

#39
Desconectado
em Sex 11 Jul - 2:09

ainda bem, valeu o esforço xD

Tópico movido para 'Arquivo: Questões Resolvidas'

Ver perfil do usuário

#40
Desconectado
Conteúdo patrocinado

Ir à página : Anterior  1, 2


Mensagem [Página 2 de 2]


Post relacionados