Efeito categorias retrateis

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

Atendido / Resolvido Efeito categorias retrateis

Mensagem por #d0C em 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
Artmeiro
Artmeiro

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1114
Pontos Ativos : 1535

http://vortextips.wix.com/vortex

Atendido / Resolvido Re: Efeito categorias retrateis

Mensagem por Shek em 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
Membro profissional
Membro profissional

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18513
Pontos Ativos : 22287

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

Atendido / Resolvido Re: Efeito categorias retrateis

Mensagem por #d0C em 25.10.13 21:10

Shek,

Nada aconteceu amigo... Chorando ou muito tr 





Efeito categorias retrateis NcatB9F
Seta Respeite as Regras do fórum e conheça o nosso staff!
:seta2: Respeite as Regras da seção de "Criações gráficas".
seta1 Se deseja que eu atenda seu pedido apenas escreva @#d0C
Admineiros Seu tópico foi resolvido ? Não se esqueça do seu Efeito categorias retrateis GExWm5S

#d0C

#d0C
Artmeiro
Artmeiro

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1114
Pontos Ativos : 1535

http://vortextips.wix.com/vortex

Atendido / Resolvido Re: Efeito categorias retrateis

Mensagem por MateusA em 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
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

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

Atendido / Resolvido Re: Efeito categorias retrateis

Mensagem por #d0C em 26.10.13 14:16

Cʀɑzy,

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





Efeito categorias retrateis NcatB9F
Seta Respeite as Regras do fórum e conheça o nosso staff!
:seta2: Respeite as Regras da seção de "Criações gráficas".
seta1 Se deseja que eu atenda seu pedido apenas escreva @#d0C
Admineiros Seu tópico foi resolvido ? Não se esqueça do seu Efeito categorias retrateis GExWm5S

#d0C

#d0C
Artmeiro
Artmeiro

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1114
Pontos Ativos : 1535

http://vortextips.wix.com/vortex

Atendido / Resolvido Re: Efeito categorias retrateis

Mensagem por First em 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
Membro do Fórum

Masculino
Inscrito dia : 13/07/2013
Mensagens : 1292
Pontos Ativos : 1848

http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Atendido / Resolvido Re: Efeito categorias retrateis

Mensagem por #d0C em 27.10.13 14:55

First,

Isso tem de ser um código JS certo?


Cumprimentos, #d0C.





Efeito categorias retrateis NcatB9F
Seta Respeite as Regras do fórum e conheça o nosso staff!
:seta2: Respeite as Regras da seção de "Criações gráficas".
seta1 Se deseja que eu atenda seu pedido apenas escreva @#d0C
Admineiros Seu tópico foi resolvido ? Não se esqueça do seu Efeito categorias retrateis GExWm5S

#d0C

#d0C
Artmeiro
Artmeiro

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1114
Pontos Ativos : 1535

http://vortextips.wix.com/vortex

Atendido / Resolvido Re: Efeito categorias retrateis

Mensagem por First em 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
Membro do Fórum

Masculino
Inscrito dia : 13/07/2013
Mensagens : 1292
Pontos Ativos : 1848

http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Atendido / Resolvido Re: Efeito categorias retrateis

Mensagem por #d0C em 27.10.13 15:21

Obrigado!!!!
#d0C

#d0C
Artmeiro
Artmeiro

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1114
Pontos Ativos : 1535

http://vortextips.wix.com/vortex

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum