Sistema de abas

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

Resolvido Sistema de abas

Mensagem por ZombieW em 02/05/13, 01:47 pm

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, 10:52 am, editado 1 vez(es)
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1267
Pontos Ativos : 1790

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Sistema de abas

Mensagem por Convidado em 02/05/13, 03:32 pm

Saudações!

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

Até. Piscada

Convidado
Convidado


Resolvido Re: Sistema de abas

Mensagem por ZombieW em 02/05/13, 10:56 pm

Ok, obrigado.

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1267
Pontos Ativos : 1790

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Sistema de abas

Mensagem por seender em 03/05/13, 01:53 am

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!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Sistema de abas

Mensagem por ZombieW em 03/05/13, 03:31 am

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
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1267
Pontos Ativos : 1790

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Sistema de abas

Mensagem por seender em 03/05/13, 04:42 am

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!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Sistema de abas

Mensagem por ZombieW em 03/05/13, 10:52 am

Ok, obrigado.

Pode fechar.
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1267
Pontos Ativos : 1790

Ver perfil do usuário http://www.perfectteam.org

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum