Sistema de abas

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Sistema de abas

Mensagem por ZombieW 02.05.13 17:47

Qual é minha questão:
Olá todos, 

Gostaria de saber se é possível fazer uma página HTML ou em um tópico, um "Sistema de Abas", ou seja, eu pudesse mostrar diferenças entre vários tópicos.

Exemplo:

http://www.tutorialdoca.com/t414-xk-8-gp#586

Na parte do tópico "Variantes", seria criado um sistema de abas, mostrando as diferenças entre a arma atual e suas variantes (seria feito a mão mesmo para cada arma).

Mas é possível?

Endereço do meu fórum:
http://www.tutorialdoca.com

Versão do fórum:
PHPBB3


Última edição por ZombieW em 03.05.13 14:52, editado 1 vez(es)
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de abas

Mensagem por Convidado 02.05.13 19:32

Saudações!

Queira checar Seta https://ajuda.forumeiros.com/t76837-

Até. Piscada
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de abas

Mensagem por ZombieW 03.05.13 2:56

Ok, obrigado.

Li e entendi, uma dúvida: pode ser feito dentro do corpo de um tópico?
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de abas

Mensagem por seender 03.05.13 5:53

Olá!

Só se estiver marcado a opção sim na caixa de seleção Permitir HTML, em:
Painel...-> Geral -> Mensagens e e-mails -> Configurações

Até mais!
seender

seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de abas

Mensagem por ZombieW 03.05.13 7:31

Vamos testar seender...

Adiciona o CSS no fórum (apenas mudado a fonte para "Algerian");

Adicionado a segunda parte do código no meio do post:

Código:
[center]** TESTE **

<script>
jQuery(document).ready(function(){
jQuery('#sistema_abas').prepend(
'<ul id="navebar">   <li><a class="ativo">ACR (GP)</a></li> <li><a>ACR Sandfire (NX)</a></li> <li><a>ACR Blacksnake (MYST-N)</a></li></ul>')

jQuery('.aba').css({
display: 'none',
marginTop: 0,
borderTopWidth: 0
})

jQuery('#aba1').css('display', 'block');

jQuery('a', jQuery('#navebar')).click(function() {
var i = jQuery('a', jQuery('#navebar')).index(this) + 1;
jQuery(this).parents('#sistema_abas').children('.aba:visible').hide();
jQuery('#aba' + i).show();
jQuery(this).parents('#navebar').find('a').removeClass('ativo');
jQuery(this).addClass('ativo');
})
})
</script><div id="sistema_abas">

<div id="aba1" class="aba">
Dano: 38 / 100
Portabilidade: 62 / 100
Cadência de Tiro: 74 / 100
Precisão: 80 / 100
Recuo: 62 / 100
</div>

<div id="aba2" class="aba">
Dano: 40 / 100
Portabilidade: 66 / 100
Cadência de Tiro: 74 / 100
Precisão: 82 / 100
Recuo: 63 / 100
</div>

<div id="aba3" class="aba">
Dano: 41 / 100
Portabilidade: 66 / 100
Cadência de Tiro: 74 / 100
Precisão: 82 / 100
Recuo: 62 / 100
</div>

</div>

Veja como está ficando:

http://www.tutorialdoca.com/t361-acr-gp#533
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de abas

Mensagem por seender 03.05.13 8:42

Olá!

Pois bem, há alguma limitação no sistema forumeiros que não permite códigos jQuery nas mensagens, lamento, mas não há nada a se fazer.

Até mais!
seender

seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de abas

Mensagem por ZombieW 03.05.13 14:52

Ok, obrigado.

Pode fechar.
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos