ocultar categorias na versão phpbb 3

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

Resolvido ocultar categorias na versão phpbb 3

Mensagem por ruan_santana em 13/10/11, 10:51 am

Qual é minha questão:
Ola
Gostaria de saber se tem como colocar um botão de "ocultar"
nas categorias do meu fórum, quando a pessoa clicar no botao a categoria sera "oculta", é pke meu fórum esta muito comprido pois tenho muitas categorias e fórum.
Fico no aguardo abraços

Medidas que eu tomei para corrigir o problema:
nn

Imagens do meu problema:
nn

Endereço do meu fórum:
www.l2jkill.com

Versão do meu fórum:
PHPBB3


Última edição por ruan_santana em 15/10/11, 08:25 am, editado 1 vez(es)
avatar

ruan_santana
Nível 7

Masculino
Inscrito dia : 30/07/2010
Mensagens : 80
Pontos Ativos : 138

Ver perfil do usuário

Resolvido Re: ocultar categorias na versão phpbb 3

Mensagem por Cream em 13/10/11, 11:59 am

Olá,

Painel de controle ->> Módulos ->> HTML e Javascripts ->> Gestão dos códigos Javascripts ->>
Crie um novo Javascript, e em "investimento" marque a opção "Todas as páginas". Colque o código abaixo no campo código javascript:
Código:
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')}}}}});

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Coloque o seguinte CSS na folha de estilo:
Código:
.contract,.expand{background:url(http://illiweb.com/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:10px;top:6px;width:9px}.contract{background:url(http://illiweb.com/fa/m/tabs_less1.gif)}

Obs.: Caso o código .js não funcione, pegue-o diretamente desta página:
Seta http://ajuda.forumeiros.com/12944.js

Até mais!
Piscada
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: ocultar categorias na versão phpbb 3

Mensagem por ruan_santana em 13/10/11, 08:49 pm

Funcionou perfeitamente amigo
Peço desculpas pois não havia utilizado a busca desculpa mesmo.
Agora tenho mais uma Dúvida seria possivel alterar o Icone do "+" e do "-" tentei pela gestão de imagens salvei e não deu certo :S
Aguardando
avatar

ruan_santana
Nível 7

Masculino
Inscrito dia : 30/07/2010
Mensagens : 80
Pontos Ativos : 138

Ver perfil do usuário

Resolvido Re: ocultar categorias na versão phpbb 3

Mensagem por Cream em 13/10/11, 08:55 pm

Olá,

Veja se o conteúdo do spoiler abaixo lhe ajuda:
Spoiler:
Tutorial relacionado:
Personalizar os sinais de reputação


Vários membros já fizeram questões acerca da mudança de aparência do " + " e " - " de reputação nos tópicos. Sendo assim foi elaborado este tutorial de forma a esclarecer mais rapidamente os nossos membros. Assim sendo iremos aprender como personalizar os sinais negativo e positivo da reputação.


--> Tutoriais dicas, e astúcias <--
Alterar os sinais de Reputação




Conhecimentos gerais
Antes de personalizarmos temos que ter um grau de conhecimento sobre o assunto. Por isso é aconselhável que tenha conhecimento neste tópico: [FAQ] Gestão do sistema de reputação / botão obrigado.


- Ativação e noções básicas:
Para termos uma noção básica o CSS permite que o membro edite o tema do fórum conforme ele deseja. Frequentemente os usuários estão sempre com dúvidas, questionando como modificar o botão de reputação, mas para modificarmos como dito acima usaremos um código em CSS e assim estaremos chegando ao ponto principal do Tutorial.
Painel de controle ->> Módulos ->> Pontos e Reputação ->> Reputação ->>

(carregue na imagem para aumentar)

Seta Ativar o sistema de reputação - Para activar o sistema, terá de marcar "Sim", para efeito contrário "Não". A activação é necessária para que sejam contabilizados os pontos de reputação.

Com a função Reputação ativa, pode-se notar que você não conseguirá ver os símbolos " + " e " - ", sendo impossível votar em si próprio.


- Estrutura do código e como adicionar ao fórum:
Não há muito o que comentar, o código é extenso mais valerá a pena. Aceda em:

Painel de controle ->> Visualização ->> Imagens e cores ->> Cores ->> (Aba) Folha de estilo CSS ->>

(carregue na imagem para aumentar)

Antes de adicioná-lo na foolha de estilos, preste atenção na parte destacada em verde;
.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.vote .vote-no-bar {
display: none;
}

.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}

.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}

.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}

.vote .vote-button a[href $="plus"] {
background:url('URL_DA_IMAGEM');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href $="minus"] {
background-image:url('URL_DA_IMAGEM');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
Os campos em "verde" refere-se às URLs das imagens. Caso queira modificá-la você estará disposto.


--> Tutoriais dicas, e astúcias <--
Alterar os sinais de Reputação



  • Não gostei das imagens padrões do código, onde posso encontrar mais?
    Deverá ir até a seção de criações gráficas e pedir novos tipos de botões para esta função, pois dificilmente vai encontrar botões para a mesma.


  • Como ficará quando eu modificar?
    Com base nas imagens padrões já colocadas no código cima, é bem provável que tenhamos estes resultados;


Resultado final

Resulta?
Até mais.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: ocultar categorias na versão phpbb 3

Mensagem por ruan_santana em 14/10/11, 08:22 pm

Sim sim resolvido podem fechar o tópico
avatar

ruan_santana
Nível 7

Masculino
Inscrito dia : 30/07/2010
Mensagens : 80
Pontos Ativos : 138

Ver perfil do usuário

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