Sistema de Abas (Tópicos)
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Sistema de Abas (Tópicos)
Detalhes da questão
Endereço do fórum: https://tutorialdoca.forumeiros.com
Versão do fórum: phpBB3
Descrição
Boa tarde,
Eu montei um JS+CSS para fazer um "sistema de abas", onde já passei para a Staff adicionar nos guias.
Portanto, eu comecei usando esse sistema nos tópicos e posteriormente coloquei também nas páginas HTML.
Porém, de um tempo para cá, somente está funcionando nas páginas HTML, gostaria de uma ajuda para entender isso.
Exemplo de Página HTML com o Sistema de Abas funcional: https://tutorialdoca.forumeiros.com/h17-equipamentos-ausentes-no-br
Exemplo de Tópico com o Sistema de Abas não funcional: https://tutorialdoca.forumeiros.com/t2053-familia-acr#2355
O trecho usado em cada tipo é o mesmo:
- Código:
<div class="container">
<ul class="tabs">
<li class="tab-link current" data-tab="tab-1">ABA 1</li>
<li class="tab-link" data-tab="tab-2">ABA 2</li>
<li class="tab-link" data-tab="tab-3">ABA 3</li>
</ul>
<div id="tab-1" class="tab-content current">
ABA 1
</div>
<div id="tab-2" class="tab-content">
ABA 2
</div>
<div id="tab-3" class="tab-content">
ABA 3
</div>
</div><!-- container -->
Sistema de Abas (CSS)
- Código:
/* Sistema de Abas - Início */
.container{
/*width: 95%;*/
width: auto!important;
margin: 0 auto;
text-align: center;
}
.subcontainer{
/*width: 95%;*/
width: auto!important;
margin: 0 auto;
text-align: center;
}
ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.tabs li{
background: #171717;
color: #C1FA17;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
font-weight: bold;
font-style: italic;
}
ul.tabs li.current{
background: #C1FA17;
color: #000000;
font-style: normal;
}
.tab-content{
display: none;
background: #171717;
color: #FFFFFF;
padding: 15px;
border-style: solid;
border-width: 5px;
border-color: #C1FA17;
}
.tab-content.current{
display: inherit;
}
ul.tabs br, ul.tabs + br, ul.tabs + br + br, .tab-content + br {display:none!important}
/* Sistema de Abas - Fim */
Sistema de Abas (JS)
- Código:
$(document).ready(function(){
$('ul.tabs li').click(function(){
var tab_id = $(this).attr('data-tab');
$('ul.tabs li').removeClass('current');
$('.tab-content').removeClass('current');
$(this).addClass('current');
$("#"+tab_id).addClass('current');
})
})
Última edição por ZombieW em 08.12.19 18:39, editado 1 vez(es)
Re: Sistema de Abas (Tópicos)
Olá,
Desative um JS um por um até encontrar o problema.
Cordialmente,
Roger123
Desative um JS um por um até encontrar o problema.
Cordialmente,
Roger123
Convidado- Convidado
Re: Sistema de Abas (Tópicos)
Não ativei ou desativei nenhum JS recentemente.
Não há outra forma de ver o motivo do não funcionamento? Já que em uma parte do site funciona e outra não, dificilmente deverá ser algum JS.
Não há outra forma de ver o motivo do não funcionamento? Já que em uma parte do site funciona e outra não, dificilmente deverá ser algum JS.
Re: Sistema de Abas (Tópicos)
Os JS podem estar em conflito com esse JS. Recomendo que faça o que lhe pedi para saber de onde vem o problema.
Convidado- Convidado
Re: Sistema de Abas (Tópicos)
Achei dois:
Onde o primeiro, acredito que parou de funcionar, devido ao tópico de redirecionamento não existir mais.
Remoção do Ícone de Cadeado
Porém, o segundo não faz sentido...
Copyright
Onde o primeiro, acredito que parou de funcionar, devido ao tópico de redirecionamento não existir mais.
Remoção do Ícone de Cadeado
- Código:
$(function(){
$('a[href^="https://i.servimg.com/u/f82/17/53/75/18/cadead10.gif"]').addClass('dl.icon').attr('href', '/t1380-').css('display', 'none');
});
Porém, o segundo não faz sentido...
Copyright
- Código:
jQuery(document).ready(function() {
msg = '<center><strong><p style="color:#c1fa17;font-size:12px"> 2012 - 2019 Tutorial do CA - Todos os direitos reservados</p></strong></center>';
jQuery('#page-footer').html(jQuery('#page-footer').html() + msg);
});
Re: Sistema de Abas (Tópicos)
Olá @ZombieW,
O primeiro script não compreendi se o senhor queria que fosse refeito ou irá remover o mesmo, porém o segundo altere para esta atualização:
Atenciosamente,
pedxz.
O primeiro script não compreendi se o senhor queria que fosse refeito ou irá remover o mesmo, porém o segundo altere para esta atualização:
- Código:
(function($) {
$(function() {
var msg = [
'<center>',
' <strong>',
' <p style="color:#c1fa17;font-size:12px">',
' 2012 - 2019 Tutorial do CA - Todos os direitos reservados',
' </p>',
' </strong>',
'</center>'
].join('\n');
$('#page-footer').html(msg);
});
})(jQuery);
Atenciosamente,
pedxz.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Sistema de Abas (Tópicos)
Se for somente para remover o ícone adicione na sua folha de estilo o seguinte código:
Se não funcionar irei precisar de uma conta teste se possível, porque não sei se é uma imagem ou um background
- Código:
img[src="https://i.servimg.com/u/f82/17/53/75/18/cadead10.gif"] { display: none; }
Se não funcionar irei precisar de uma conta teste se possível, porque não sei se é uma imagem ou um background
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Sistema de Abas (Tópicos)
Não resolveu.
Criei um usuário de teste para você, passo as informações via privado?
Criei um usuário de teste para você, passo as informações via privado?
Re: Sistema de Abas (Tópicos)
Sim, por favorZombieW escreveu:Não resolveu.
Criei um usuário de teste para você, passo as informações via privado?
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Sistema de Abas (Tópicos)
Altere o código para:
- Código:
dd.dterm[style="background-image: url(https://i.servimg.com/u/f82/17/53/75/18/cadead10.gif);"] {
background-image: url(https://2img.net/i/fa/empty.gif)!important;
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Sistema de Abas (Tópicos)
Pedxz escreveu:Altere o código para:
- Código:
dd.dterm[style="background-image: url(https://i.servimg.com/u/f82/17/53/75/18/cadead10.gif);"] {
background-image: url(https://2img.net/i/fa/empty.gif)!important;
Colocado na folha de estilo, mas o erro permanece.
Local que pode ser visto o erro: https://tutorialdoca.forumeiros.com/f30-guias-diversos (no anuncio global)
Re: Sistema de Abas (Tópicos)
Altere para:
- Código:
dd.dterm[style*="https://i.servimg.com/u/f82/17/53/75/18/cadead10.gif"] {
background-image: url(https://2img.net/i/fa/empty.gif)!important;
}
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Re: Sistema de Abas (Tópicos)
Pedxz escreveu:Altere para:Porém se o senhor quer remover definitivamente o ícone basta remover pelo Painel de controle > Visualização > Imagens e Cores > Gestão das imagens > Modo Avançado e vá ao separador Ícones de mensagens
- Código:
dd.dterm[style*="https://i.servimg.com/u/f82/17/53/75/18/cadead10.gif"] {
background-image: url(https://2img.net/i/fa/empty.gif)!important;
}
Agora resolveu!
Muito obrigado. Em breve irei abrir mais tópicos...rs
Sobre o acesso que te dei, precisava ser com essas permissões, para você ver aonde o ícone era exibido, pois, estava oculto a área.
Re: Sistema de Abas (Tópicos)
Ficarei do aguardo
Questão resolvidaEsta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área. |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Tópicos semelhantes
» Sistema de abas nos tópicos
» Sistema de Abas
» Sistema de abas
» Sistema de abas em página HTML
» [TUTORIAL] Abas de tópicos
» Sistema de Abas
» Sistema de abas
» Sistema de abas em página HTML
» [TUTORIAL] Abas de tópicos
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos