Efeito categorias retrateis

4 participantes

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

Tópico resolvido Efeito categorias retrateis

Mensagem por #d0C 25.10.13 15:12

Qual é minha questão:
Olá a todos,

É o seguinte, eu seguinte este tutorial e está aplicado de momento em meu fórum!
https://ajuda.forumeiros.com/t23387-tutorial-criar-uma-categoria-retratil

Ele funciona, só que eu queria que quando as categorias estivessem fechadas ficassem com um efeito de opacidade, mais precisamente quando tiverem fechadas as opacidade diminui!


Espero obter ajuda.
Cumprimentos & Abraços, #d0C.

Endereço do meu fórum:
http://corrente-grafica.forumeiro.com

Versão do fórum:
PUNBB
#d0C

#d0C
Super Membro

Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536

http://vortextips.wix.com/vortex

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Efeito categorias retrateis

Mensagem por Shek 25.10.13 17:24

Boa tarde!

Use este 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);
opacity:0.65;
-moz-opacity: 0.65;
filter: alpha(opacity=65);}
Atenciosamente,
Shek
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito categorias retrateis

Mensagem por #d0C 25.10.13 21:10

Shek,

Nada aconteceu amigo... Chorando ou muito tr 
#d0C

#d0C
Super Membro

Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536

http://vortextips.wix.com/vortex

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito categorias retrateis

Mensagem por MateusA 25.10.13 22:03

Olá,

Crie um novo código javascript:

Código:
$(function(){
 $('.main .main-head').click(function(){
 $('.main .main-head).css("opacity", "0.65");
});
});

Seta Não modifique nada por gentileza.

Até.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito categorias retrateis

Mensagem por #d0C 26.10.13 14:16

Cʀɑzy,

Sem efeito amigo! Chorando ou muito tr
Espero outra tentativa Piscada
#d0C

#d0C
Super Membro

Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536

http://vortextips.wix.com/vortex

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito categorias retrateis

Mensagem por First 27.10.13 14:14

Olá,

Senhor, peço que retire todos os códigos passado a cima e substitua por 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++;});});
IMAGEM_FECHAR -> Insira uma URL de uma imagem para fechar a categoria.
IMAGEM_ABRIR -> Insira uma URL de uma imagem para abrir a categoria.


Até mais,
Passar bem. Piscada 



Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
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: Efeito categorias retrateis

Mensagem por #d0C 27.10.13 14:55

First,

Isso tem de ser um código JS certo?


Cumprimentos, #d0C.
#d0C

#d0C
Super Membro

Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536

http://vortextips.wix.com/vortex

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito categorias retrateis

Mensagem por First 27.10.13 15:15

Olá,

Senhor, sim isso é um código javascript, peço que crie um novo javascript com o investimento onde você quer que a categoria retrátil funciona com o código passado a cima por 'First'. Peço desculpas por não ter te explicado melhor antes.


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: Efeito categorias retrateis

Mensagem por #d0C 27.10.13 15:21

Obrigado!!!!
#d0C

#d0C
Super Membro

Membro desde : 13/09/2013
Mensagens : 1118
Pontos : 1536

http://vortextips.wix.com/vortex

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