Opacidade nas categorias retráteis

3 participantes

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

Tópico resolvido Opacidade nas categorias retráteis

Mensagem por iHeloaD 22.05.14 22: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 24.05.14 21: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

Membro Entusiasta

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

Mensagem por Roevs 22.05.14 22:39

Olá,

Você deseja colocar o sistema de + e - ?

Até
Roevs

Roevs
Membro Entusiasta
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 22.05.14 23: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

Membro Entusiasta

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

Mensagem por Hancki 23.05.14 9: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 Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por iHeloaD 23.05.14 15: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

Membro Entusiasta

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

Mensagem por Hancki 23.05.14 18: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 Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por iHeloaD 24.05.14 21: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

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