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!
http://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


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

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

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

- Tópicos similares

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