Mini botão de minimizar nas categorias

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

Resolvido Mini botão de minimizar nas categorias

Mensagem por Diogo Ferreira em 13/11/13, 05:16 pm

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

imagem: http://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, 10:31 am, editado 1 vez(es)
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Mini botão de minimizar nas categorias

Mensagem por First em 13/11/13, 10:05 pm

Olá,

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


Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Mini botão de minimizar nas categorias

Mensagem por Diogo Ferreira em 14/11/13, 11:14 am

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

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Mini botão de minimizar nas categorias

Mensagem por First em 14/11/13, 12:15 pm

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 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Mini botão de minimizar nas categorias

Mensagem por Diogo Ferreira em 14/11/13, 04:44 pm

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."
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Mini botão de minimizar nas categorias

Mensagem por First em 14/11/13, 07:33 pm

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 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Mini botão de minimizar nas categorias

Mensagem por Diogo Ferreira em 15/11/13, 09:27 am

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

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Mini botão de minimizar nas categorias

Mensagem por First em 15/11/13, 09:40 am

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 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Mini botão de minimizar nas categorias

Mensagem por adrian em 15/11/13, 09:45 am

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++})});
avatar

adrian
Nível 9

Masculino
Inscrito dia : 28/07/2013
Mensagens : 213
Pontos Ativos : 497

Ver perfil do usuário http://helpdesign.maisforum.com/

Resolvido Re: Mini botão de minimizar nas categorias

Mensagem por Diogo Ferreira em 15/11/13, 10:08 am

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.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Mini botão de minimizar nas categorias

Mensagem por First em 15/11/13, 10:17 am

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 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Mini botão de minimizar nas categorias

Mensagem por Diogo Ferreira em 15/11/13, 10:31 am

É pena.
Já valeu pela ajuda, muito otbigado.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

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