Sistema de abas
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Sistema de abas
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
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)
Re: Sistema de abas
Ok, obrigado.
Li e entendi, uma dúvida: pode ser feito dentro do corpo de um tópico?
Li e entendi, uma dúvida: pode ser feito dentro do corpo de um tópico?
Re: Sistema de abas
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!
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!
Re: Sistema de abas
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:
Veja como está ficando:
http://www.tutorialdoca.com/t361-acr-gp#533
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
Re: Sistema de abas
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!
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!
Tópicos semelhantes
» Sistema de Abas
» Sistema de Abas (Tópicos)
» Menu em abas
» Sistema de abas em página HTML
» Nova Atualização: sistema anti-flood, multi citação e sistema de reputação!
» Sistema de Abas (Tópicos)
» Menu em abas
» Sistema de abas em página HTML
» Nova Atualização: sistema anti-flood, multi citação e sistema de reputação!
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos