Mini botão de minimizar nas categorias

3 participantes

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

Tópico resolvido Mini botão de minimizar nas categorias

Mensagem por Diogo Ferreira 13.11.13 19:16

Qual é minha questão:
Queria colocar uma espécia deste botão, na barra das categorias, para as poder minimizr.

imagem: https://i.imgur.com/bSpyIWr.png

Endereço do meu fórum:
http://ball2dpt.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Diogo Ferreira em 15.11.13 12:31, editado 1 vez(es)
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mini botão de minimizar nas categorias

Mensagem por First 14.11.13 0:05

Olá,

Senhor, queria chegar por gentileza. [TUTORIAL] Criar uma categoria retrátil


Até mais,
Passar bem. Piscada 
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mini botão de minimizar nas categorias

Mensagem por Diogo Ferreira 14.11.13 13:14

Sempre que clico na categoria ela minimiza, mas não dá para por um botãozinho como esse aí em cima?
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mini botão de minimizar nas categorias

Mensagem por First 14.11.13 14:15

Olá,

Senhor, peço que remova o código do tutorial e altere para este:
jQuery(document).ready(function(){var p=0,u='IMAGEM_FECHAR',v='IMAGEM_ABRIR';jQuery('#main .main .main-head').each(function(){jQuery(this).next().attr('id',p);jQuery(this).next().css('display',my_getcookie('cat-'+jQuery(this).next().attr('id')));jQuery(this).append('<img src="'+u+'" id="abrirf" style="float: right;margin-right: 10px;margin-top: -20px;"/>');jQuery(this).find('#abrirf').click(function(){var i=jQuery(this).closest('.main-head').next();if(i.css('display')=='none'){i.slideToggle();jQuery(this).attr('src',u);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'block',1,0);}else{i.slideToggle();jQuery(this).attr('src',v);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'none',1,0);}});p++;});});
Onde esta em negrito adicione as urls das imagens.


Até mais,
Passar bem. Piscada 
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mini botão de minimizar nas categorias

Mensagem por Diogo Ferreira 14.11.13 18:44

Oi, coloco esse código no Index_box e diz "A baliza foi fechada antes de ter sido aberta ou ela não foi aberta."
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mini botão de minimizar nas categorias

Mensagem por First 14.11.13 21:33

Senhor, peço desculpas. Irritado
Como dito remova os códigos dos tutoriais e o código passado aqui adicione ele em um javascript com o investimento onde você desejar aplicar o efeito.


Até mais,
Passar bem. Piscada 
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mini botão de minimizar nas categorias

Mensagem por Diogo Ferreira 15.11.13 11:27

Está muito bom, mas tem jeito de as imagens (minimizar e maximizar) aparecerem apenas qnd o rato passa em cima da categoria?
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mini botão de minimizar nas categorias

Mensagem por First 15.11.13 11:40

Olá,

Peço que acede à 'Folha de estilo CSS':
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Folha de estilo CSS
Código:
#abrirf {
opacity: 0;
}
#abrirf:hover {
opacity: 1;
}
Valide.


Até mais,
Passar bem. Piscada 
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mini botão de minimizar nas categorias

Mensagem por adrian 15.11.13 11:45

caso não resulto tente este codigo
adicione em seu css:
Código:
/* #region ----- Expand/Contrai Categorias ----- */
.main .main-head.collapsed {
    border-radius: 4px 4px 4px 4px;
    opacity: 0.2;
}
.main-head.collapsed:hover {
    opacity: 0.4;
}
.main-head .toggle {
    background: url("http://i.imgur.com/7FfkdZX.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 25px;
    outline: 0 none;
    text-indent: -3000em;
    visibility: hidden;
    width: 25px;
}
.main-head:hover .toggle {
    visibility: visible;
}
.main-head.collapsed .toggle {
    background-image: url("http://i.imgur.com/OyX0cSi.png");
}
/* #endregion ----- Expand/Contrai Categorias ----- */

Crie um JS
com investimento no Index
Código:
jQuery(document).ready(function(){var p=0,u='http://i.imgur.com/7FfkdZX.png',v='http://i.imgur.com/OyX0cSi.png';jQuery('#main .main .main-head').each(function(){jQuery(this).next().attr('id',p);jQuery(this).next().css('display',my_getcookie('cat-'+jQuery(this).next().attr('id')));jQuery(this).append('<img src="'+u+'" id="abrirf" style="float: right;margin-right: -1px;margin-top: -17px;"/>');jQuery(this).find('#abrirf').click(function(){var i=jQuery(this).closest('.main-head').next();if(i.css('display')=='none'){i.slideToggle();jQuery(this).attr('src',u);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'block',1,0)}else{i.slideToggle();jQuery(this).attr('src',v);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'none',1,0)}});p++})});
adrian

adrian
****

Membro desde : 28/07/2013
Mensagens : 213
Pontos : 502

http://helpdesign.maisforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mini botão de minimizar nas categorias

Mensagem por Diogo Ferreira 15.11.13 12:08

First, agr aparece so a imagem qnd meto o rato perto do local, eu queria q aparecesse em toda a categoria, bastava por o rato em cimaa, em qualquer parte da categoria.

Adrian: O problema é o mesmo de cima, queria q aperecsse apenas qnd o rato ta em cima de qlqr parte da categoria.
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mini botão de minimizar nas categorias

Mensagem por First 15.11.13 12:17

Olá,

Senhor, lamento mais não vai da. Pois para isso precisaremos de criar outro JavaScript ao qual não damos suporte, podemos encerrar este tópico aqui?


Até mais,
Passar bem. Piscada 
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mini botão de minimizar nas categorias

Mensagem por Diogo Ferreira 15.11.13 12:31

É pena.
Já valeu pela ajuda, muito otbigado.
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos