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
Página 1 de 1
Opacidade nas categorias retráteis
- 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ódigo | Tags: | Opacidade,categorias,retráteis |
Última edição por iHeloaD em 24.05.14 21:47, editado 1 vez(es)
Re: Opacidade nas categorias retráteis
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.
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.
Re: Opacidade nas categorias retráteis
Olá!
Remova o código JS que tem que faz isso... adicione este:
Hancki
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')
}
})
})
});
Hancki
Re: Opacidade nas categorias retráteis
Olá,
Ele só aparece quando passamos o mouse em cima da categoria, eu gostaria que ele foce fixo.
Obrigado.
Ele só aparece quando passamos o mouse em cima da categoria, eu gostaria que ele foce fixo.
Obrigado.
Re: Opacidade nas categorias retráteis
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')
}
})
})
});
Tópicos semelhantes
» Categorias retráteis
» Categorias retrateis no chrome
» Como adicionar função para Categorias retráteis?
» Efeito categorias retrateis
» Imagem em categorias retráteis
» Categorias retrateis no chrome
» Como adicionar função para Categorias retráteis?
» Efeito categorias retrateis
» Imagem em categorias retráteis
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos