Criar uma categoria retrátil
3 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
Criar uma categoria retrátil
Qual é minha questão:
Gostaria de poder minimizar as categorias, assim como aqui no Fórum dos Fóruns.
Segue meu código JavaScript:
E meu CSS, com a parte em azul destacada para a parte de minimizar que eu testei:
Medidas que eu tomei para corrigir o problema:
Tentei diversos códigos, inclusive o tutorial https://ajuda.forumeiros.com/t23387-tutorial-criar-uma-categoria-retratil
Imagens do meu problema:
Endereço do meu fórum:
http://tutorialdopw.forumbrasil.net
Versão do meu fórum:
PHPBB3
Gostaria de poder minimizar as categorias, assim como aqui no Fórum dos Fóruns.
Segue meu código JavaScript:
- Código:
<script type="text/javascript">function EsconderCategoriaFeitoPorSupero(cid,iflag){var cat=document.getElementById(cid);var button=document.getElementById('b'+cid);if(cat.style.display=='none'){cat.style.display='block';button.className='contract';my_setcookie('_'+cid,'',true)}else{cat.style.display='none';button.className='expand';my_setcookie('_'+cid,'1',true)}}$(function(){x=$('ul.topiclist li.header').get();for(i=0;i<x.length;i++){x[i].style.position='relative';var cid='c'+String(i+1);x[i].parentNode.nextSibling.setAttribute('id',cid);x[i].parentNode.nextSibling.style.display='block';var y='<div id="b'+cid+'" class="contract" onclick="EsconderCategoriaFeitoPorSupero(\''+cid+'\');"></div>';x[i].innerHTML=x[i].innerHTML+y}cookies=document·cookie.split('; ');for(i in cookies){if(cookies[i].charAt(0)=='_'){cookie=cookies[i].split('=');if(cookie[1]=='1'){cid=cookie[0].substring(1);if(document.getElementById(cid)){EsconderCategoriaFeitoPorSupero(cid,'x')}}}}});</script>
E meu CSS, com a parte em azul destacada para a parte de minimizar que eu testei:
.postprofile {
width: 17%;
}
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}
ul.navlinks span.new-message {
color: #ff8a00;
padding-right: 2em;
background: transparent url('https://2img.net/i/fa/email.gif') no-repeat top right;
}
a.mainmenu:hover{border-bottom:3px solid #00A4CD}
a.mainmenu {
color: #000000;
background-color: #CADCEB;
}
.module div.h3{
border:1px solid #000;
margin-top:-10px !important;
margin-right:-11px !important;
margin-left:-11px !important;
padding-top:20px;
padding-left:20px;
text-align: center;
}
.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.contract,.expand{background:url(https://2img.net/i/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}
.contract{background:url(https://2img.net/i/fa/m/tabs_less1.gif)}
Medidas que eu tomei para corrigir o problema:
Tentei diversos códigos, inclusive o tutorial https://ajuda.forumeiros.com/t23387-tutorial-criar-uma-categoria-retratil
Imagens do meu problema:
Endereço do meu fórum:
http://tutorialdopw.forumbrasil.net
Versão do meu fórum:
PHPBB3
Re: Criar uma categoria retrátil
Olá,
Aceda em:
Painel de Controle -> Módulos -> HTML & JAVASCRIPT -> Gestão das páginas Javascript
Marque o investimento em todas as páginas.
E no código, coloque o seguinte código que se encontra no link abaixo. Deves pegá-lo lá na fonte:
https://ajuda.forumeiros.com/12595.js
Depois aceda em:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores / Folha de estilo CSS
E adicione o seguinte código CSS:
Até mais.
Aceda em:
Painel de Controle -> Módulos -> HTML & JAVASCRIPT -> Gestão das páginas Javascript
Marque o investimento em todas as páginas.
E no código, coloque o seguinte código que se encontra no link abaixo. Deves pegá-lo lá na fonte:
https://ajuda.forumeiros.com/12595.js
Depois aceda em:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores / Folha de estilo CSS
E adicione o seguinte código CSS:
- Código:
.contract,.expand{background:url(http://2img.net/i/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}
.contract{background:url(http://2img.net/i/fa/m/tabs_less1.gif)}
Até mais.
Re: Criar uma categoria retrátil
Obrigado, funcionou.
^^
Há como por as opções "Expandir Todos" e "Minimizar Todos"?
^^
Há como por as opções "Expandir Todos" e "Minimizar Todos"?
Tópicos semelhantes
» Criar uma categoria retrátil
» Criar uma categoria retrátil
» Criar uma categoria retrátil
» Criar uma categoria retrátil
» Criar uma categoria retrátil
» Criar uma categoria retrátil
» Criar uma categoria retrátil
» Criar uma categoria retrátil
» Criar uma categoria retrátil
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