1º Passo - Adicionando o Código CSS
Para começar aceda em Painel de Controle > Visualização > Imagens e Cores > Cores >> Folha de Estilo CSS
Copie e cole código abaixo dentro de sua folha:
- Código:
/* Categorias Retráteis */
.main .main-head.collapsed {
border-radius: 4px 4px 4px 4px;
opacity: 0.2;
}
.main-head.collapsed:hover {
opacity: 0.4;
}
.main-head .toggle {
background: url("http://www.ipbforumskins.com/skindemo/public/style_images/master/cat_minimize.png") no-repeat scroll 0 0 transparent;
display: block;
height: 25px;
outline: 0 none;
text-indent: -3000em;
visibility: hidden;
width: 25px;
}
.main-head:hover .toggle {
visibility: visible;
}
.main-head.collapsed .toggle {
background-image: url("http://www.ipbforumskins.com/skindemo/public/style_images/master/cat_maximize.png");
}
/* TUTORIAL = http://staffergroupbr.stuning.net/t1480- */
2º Passo - Adicionando o Código JavaScript
Agora aceda em Painel de Controle > Módulos > HTML & JavaScript > Gestão dos códigos JavaScript >> ( )
Título : Categorias Retráteis SGBR™
Investimento : No índice e Nos sub-fóruns
Código JavaScript * : Copie e cole código abaixo no campo
- Código:
jQuery(document).ready(function () {
/* TUTORIAL = http://staffergroupbr.stuning.net/t1480- */
var Count_Toggle = 0;
jQuery('#main .main .main-head').each(function () {
jQuery(this).attr('id', 'category_' + Count_Toggle);
jQuery(this).next().attr('id', 'category_' + Count_Toggle);
jQuery(this).next().CSS('display', my_getcookie('cat-' + jQuery(this).next().attr('id')));
jQuery(this).prepend('[url=http://bestskins.forumeiros.com/#' + Count_Toggle + ']Maximizar/minimizar[/url]');
var Style = jQuery(this).next();
if (Style.CSS('display') == 'none') {
jQuery(this).addClass('collapsed');
} else {
jQuery(this).removeClass('collapsed');
}
jQuery(this).find('.toggle.right').click(function () {
var Style = jQuery(this).closest('.main-head').next();
if (Style.CSS('display') == 'none') {
Style.slideToggle();
my_setcookie('cat-' + jQuery(this).closest('.main-head').next().attr('id'), 'block', 1, 0);
jQuery(this).parent().removeClass('collapsed');
} else {
Style.slideToggle();
my_setcookie('cat-' + jQuery(this).closest('.main-head').next().attr('id'), 'none', 1, 0);
jQuery(this).parent().addClass('collapsed');
}
});
Count_Toggle++
})
});
- Resultado:
PRECISA DE SUPORTE?
Criador: Daemon Site: www.bestskins.forumeiros.com |