Criar uma categoria retrátil

Qual é minha questão:
Houve decidi voltar ao trabalho no forum que tentei criar ah algum tempo.

Ja existem muitas coisas esquecidas. Precisava de ajuda numa coisa que supostamente era simples.

O maximizar e minimizar das categorias aparece como imagem removida.



Onde aplico novas imagens? Creio que seja na folha CSS, mas nao sei :/




Obrigado desde já. Até mais.

Endereço do meu fórum:
http://jabateste.umforum.net

Versão do fórum:
INVISION

Olá, va nesse forum http://shdesign.ativoforum.com/

e clique sobre o titulo das categorias veja se gosta do efeito.

Forum é invision...

Procure por isso na sua css

Código:

div.maintitle .expand,div.maintitle .contract {
float: right;
width: 80px;
height: 20px;
background: url('http://img36.imageshack.us/img36/6092/crossy.png') no-repeat 50% 50%;
cursor: pointer;
}

Subistitua o https://2img.net/r/ihimizer/img36/6092/crossy.png

pela imagem desejada.

carregue no +.

Em seu CSS, procure por:

https://2img.net/r/ihimizer/img36/6092/crossy.png

e

https://2img.net/r/ihimizer/img36/4156/addzox.png

Mude os links para as imagens desejadas. O primeiro é referente à contração, o segundo à expansão da categoria.

abs

Funciona em PunBB tb?

iTunnez_Live creio eu que precise de um JS para essa função '-' e no caso teriamos que adaptar para a sua versão.

-Sasuke Uchiha escreveu:Procure por isso na sua css

Código:

div.maintitle .expand,div.maintitle .contract {
float: right;
width: 80px;
height: 20px;
background: url('http://img36.imageshack.us/img36/6092/crossy.png') no-repeat 50% 50%;
cursor: pointer;
}

Subistitua o https://2img.net/r/ihimizer/img36/6092/crossy.png

pela imagem desejada.

carregue no +.

Não funcionou =/

Marciobcv escreveu:Em seu CSS, procure por:

https://2img.net/r/ihimizer/img36/6092/crossy.png

e

https://2img.net/r/ihimizer/img36/4156/addzox.png

Mude os links para as imagens desejadas. O primeiro é referente à contração, o segundo à expansão da categoria.

abs

Ja tinha tentado isso, não aparece na folha css...

Boa tarde,

Adicione em seu CSS:

Código:

div.maintitle .contract, div.maintitle .expand {
    background: url('http://2img.net/i/fa/m/tabs_less1.gif');
    background-repeat: no-repeat;
    background-position: 40px 0px;
}
div.maintitle .expand {
    background-image: url('http://2img.net/i/fa/m/tabs_more1.gif')!important;
}

Abraços.

Não Resultou

Bom, após ajudarem ele, se for possível me ajudem também, minha versão é Punbb!

@UP

Olá!

Veja este tópico: https://ajuda.forumeiros.com/t23387-

Melhores cumprimentos,
seender

É que nem encontro nenhum código CSS, relativo a essa parte.

É muito estranho.

Ninguem tem ideia de como arranjar isto?

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS

Código:

.main .main-head.maximize .page-title h2 #hidecat{background:url(https://2img.net/r/ihimg/scaled/landing/716/catmaximize.png) top left no-repeat;display:inline-block;float:right;height:22px;margin-top:-4px;width:32px}.main .main-head.minimize .page-title h2 #hidecat{background:url(https://2img.net/r/ihimg/scaled/landing/96/catminimize.png) top left no-repeat;display:inline-block;float:right;height:22px;margin-top:-4px;width:32px}

Valide.

Utilize esse código Javascript com o Investimento no índice:

Código:

function hidecat(t){if(jQuery(t).closest('.main-head').next('.main-content').css('display')=='none'){jQuery(t).closest('.main-head').removeClass('maximize').addClass('minimize')}else{jQuery(t).closest('.main-head').removeClass('minimize').addClass('maximize')};jQuery(t).closest('.main-head').next('.main-content').stop().slideToggle(200,function(){h='';jQuery('.main .main-content').each(function(n){if(jQuery(this).css('display')=='none'){h+=n+'-'}});my_setcookie('hidecat',h,0,0)})};jQuery(document).ready(function(){if(my_getcookie('hidecat')!=null){for(i=0;my_getcookie('hidecat').split('-').length>i;i++){jQuery('.main .main-content:eq('+my_getcookie('hidecat').split('-')[i]+')').hide()}};jQuery('.main .main-head .page-title h2').each(function(){if(jQuery(this).closest('.main-head').next('.main-content').css('display')=='none'){jQuery(this).closest('.main-head').removeClass('minimize').addClass('maximize')}else{jQuery(this).closest('.main-head').removeClass('maximize').addClass('minimize')};jQuery(this).append('<a href="#" id=hidecat onclick="hidecat(this);return false"></a>')})});

Melhores cumprimentos.

Peço desculpa, perdi um bocado de tempo a rever o css e resolvi...

Sinceramente, que coisa tão simples -.-. Tinha 2 códigos iguais na folha css, e alterei 1º, mas estava a assumir o 2º, por isso continuava na mesma.


Obrigado a todos...