Opacidade nas categorias retráteis Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema

Fórum dos Fóruns

Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Opacidade nas categorias retráteis

3 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery

Ir para baixo

Tópico resolvido Opacidade nas categorias retráteis

Mensagem por iHeloaD Qui 22 maio 2014 - 17:26

  • Descrição:
Olá,

Como posso deixar um efeito de opacidade, quando ocultamos uma categoria em meu fórum? http://prntscr.com/3ln9p3.

Obrigado.
  • Informações:
Fórum:http://cidadesocial.forumeiros.com/Versão:PUNBB
Tipo:Pedido de códigoTags:Opacidade,categorias,retráteis


Última edição por iHeloaD em Sáb 24 maio 2014 - 16:47, editado 1 vez(es)
iHeloaD
iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: Opacidade nas categorias retráteis

Mensagem por Roevs Qui 22 maio 2014 - 17:39

Olá,

Você deseja colocar o sistema de + e - ?

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Opacidade nas categorias retráteis

Mensagem por iHeloaD Qui 22 maio 2014 - 18:28

Olá,

Os botões de + e - já tenho, desejo que quando algum usuário oculte alguma categoria, a mesma tenha um efeito de opacidade nela, como neste fórum www.fmservices.forumeiros.com.

Até mais.
iHeloaD
iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: Opacidade nas categorias retráteis

Mensagem por Hancki Sex 23 maio 2014 - 4:38

Olá!

Remova o código JS que tem que faz isso... adicione este:
Código:
$(function () {
    $('.main-head:has(.page-title)').prepend('<style>.main .main-head.collapsed { opacity: .2; }</style><a class="collapse tcatCollapse" id="collapse_c_cat1" href="#top" style="visibility:hidden;float: right;margin-top: -3px;"><img src="http://i.imgur.com/d7jXnmJ.png" alt=""></a>');
    $('.main-head:has(.page-title)').mouseover(function () {
        $(this).find('a.collapse[id]').css('visibility', 'visible')
    });
    $('.main-head:has(.page-title)').mouseout(function () {
        $(this).find('a.collapse[id]').css('visibility', 'hidden')
    });
    $('.main-head a.collapse[id]').click(function (e) {
        e.preventDefault()
    });
    $('.main-head a.collapse[id]').attr('onclick', " if($(this).closest('.main-head').next('.main-content:first').css('display')=='none') {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','0',10,0); $(this).closest('.main-head').next('.main-content:first').slideDown(500);$(this).find('img').attr('src','http://i.imgur.com/I5HCAxH.png');$(this).closest('.main-head');$(this).closest('.main-head').removeClass('collapsed')} else {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','1',10,0); $(this).closest('.main-head').next('.main-content:first').slideUp(500);$(this).find('img').attr('src','http://i.imgur.com/LBFBNlE.png'); $(this).closest('.main-head').addClass('collapsed');}");
    $(document).ready(function () {
        $('.main-head a.collapse[id]').closest('.main-head').each(function () {
            if (my_getcookie($(this).find('.page-title').text() + '_ct') == '1') {
                $(this).next('.main-content:first').css('display', 'none');
                $(this).find('a.collapse[id] img').attr('src', 'http://i.imgur.com/LBFBNlE.png');
                $(this).closest('.main-head').addClass('collapsed')
            } else {
                $(this).next('.main-content:first').css('display', 'block');
                $(this).find('a.collapse[id] img').attr('src', 'http://i.imgur.com/I5HCAxH.png');
                $(this).closest('.main-head').removeClass('collapsed')
            }
        })
    })
});
Este já faz isso tudo!

Hancki
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Opacidade nas categorias retráteis

Mensagem por iHeloaD Sex 23 maio 2014 - 10:59

Olá,

Ele só aparece quando passamos o mouse em cima da categoria, eu gostaria que ele foce fixo.

Obrigado.
iHeloaD
iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: Opacidade nas categorias retráteis

Mensagem por Hancki Sex 23 maio 2014 - 13:19

Este:
Código:
$(function () {
    $('.main-head:has(.page-title)').prepend('<style>.main .main-head.collapsede { opacity: .2; }</style><a class="collapsee tcatCollapse" id="collapse_c_cat1" href="#top" style="float: right;margin-top: -3px;"><img src="http://i.imgur.com/d7jXnmJ.png" alt=""></a>');
    $('.main-head a.collapsee[id]').click(function (e) {
        e.preventDefault()
    });
    $('.main-head a.collapsee[id]').attr('onclick', " if($(this).closest('.main-head').next('.main-content:first').css('display')=='none') {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','0',10,0); $(this).closest('.main-head').next('.main-content:first').slideDown(500);$(this).find('img').attr('src','http://i.imgur.com/I5HCAxH.png');$(this).closest('.main-head');$(this).closest('.main-head').removeClass('collapsede')} else {my_setcookie($(this).closest('.main-head').find('.page-title').text()+'_ct','1',10,0); $(this).closest('.main-head').next('.main-content:first').slideUp(500);$(this).find('img').attr('src','http://i.imgur.com/LBFBNlE.png'); $(this).closest('.main-head').addClass('collapsede');}");
    $(document).ready(function () {
        $('.main-head a.collapsee[id]').closest('.main-head').each(function () {
            if (my_getcookie($(this).find('.page-title').text() + '_ct') == '1') {
                $(this).next('.main-content:first').css('display', 'none');
                $(this).find('a.collapsee[id] img').attr('src', 'http://i.imgur.com/LBFBNlE.png');
                $(this).closest('.main-head').addClass('collapsede')
            } else {
                $(this).next('.main-content:first').css('display', 'block');
                $(this).find('a.collapsee[id] img').attr('src', 'http://i.imgur.com/I5HCAxH.png');
                $(this).closest('.main-head').removeClass('collapsede')
            }
        })
    })
});
Hancki
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Opacidade nas categorias retráteis

Mensagem por iHeloaD Sáb 24 maio 2014 - 16:47

Perfeito, muito obrigado!

Até mais.
iHeloaD
iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery

 
Permissões neste sub-fórum
Não podes responder a tópicos