Efeito categorias retrateis

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

Resolvido Efeito categorias retrateis

Mensagem por #d0C em 25/10/13, 12:12 pm

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
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Efeito categorias retrateis

Mensagem por Shek em 25/10/13, 02:24 pm

Boa tarde!

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
avatar

Shek
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17664
Pontos Ativos : 21855

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Resolvido Re: Efeito categorias retrateis

Mensagem por #d0C em 25/10/13, 06:10 pm

Shek,

Nada aconteceu amigo... Chorando ou muito tr 
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Efeito categorias retrateis

Mensagem por MateusA em 25/10/13, 07:03 pm

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

MateusA
Hiperativo

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

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Efeito categorias retrateis

Mensagem por #d0C em 26/10/13, 11:16 am

Cʀɑzy,

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

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Efeito categorias retrateis

Mensagem por First em 27/10/13, 12:14 pm

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

Mensagem por #d0C em 27/10/13, 12:55 pm

First,

Isso tem de ser um código JS certo?


Cumprimentos, #d0C.
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Efeito categorias retrateis

Mensagem por First em 27/10/13, 01:15 pm

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

Mensagem por #d0C em 27/10/13, 01:21 pm

Obrigado!!!!
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário 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