Criar uma categoria retrátil

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

Resolvido Criar uma categoria retrátil

Mensagem por Metin2 em 20/02/13, 10:16 am

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


Última edição por Metin2 em 24/02/13, 09:56 am, editado 1 vez(es)
avatar

Metin2
Nível 9

Masculino
Inscrito dia : 08/09/2010
Mensagens : 208
Pontos Ativos : 321

Ver perfil do usuário

Resolvido Re: Criar uma categoria retrátil

Mensagem por Evidaaηc em 20/02/13, 10:23 am

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

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

Evidaaηc
Usuário destaque

Masculino
Inscrito dia : 06/07/2012
Mensagens : 706
Pontos Ativos : 966

Ver perfil do usuário http://world.forumbrasil.net/

Resolvido Re: Criar uma categoria retrátil

Mensagem por Metin2 em 20/02/13, 10:30 am

Forum é invision...
avatar

Metin2
Nível 9

Masculino
Inscrito dia : 08/09/2010
Mensagens : 208
Pontos Ativos : 321

Ver perfil do usuário

Resolvido Re: Criar uma categoria retrátil

Mensagem por Evidaaηc em 20/02/13, 10:36 am

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 http://img36.imageshack.us/img36/6092/crossy.png

pela imagem desejada.

carregue no +.
avatar

Evidaaηc
Usuário destaque

Masculino
Inscrito dia : 06/07/2012
Mensagens : 706
Pontos Ativos : 966

Ver perfil do usuário http://world.forumbrasil.net/

Resolvido Re: Criar uma categoria retrátil

Mensagem por Marciobcv em 20/02/13, 10:37 am

Em seu CSS, procure por:


e


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

abs
avatar

Marciobcv
Nível 9

Masculino
Inscrito dia : 25/02/2012
Mensagens : 191
Pontos Ativos : 269

Ver perfil do usuário

Resolvido Re: Criar uma categoria retrátil

Mensagem por RoxLindo em 20/02/13, 10:41 am

Funciona em PunBB tb?
avatar

RoxLindo
Nível 9

Masculino
Inscrito dia : 14/01/2013
Mensagens : 161
Pontos Ativos : 242

Ver perfil do usuário http://familiahotz.forumeiros.com

Resolvido Re: Criar uma categoria retrátil

Mensagem por Evidaaηc em 20/02/13, 10:58 am

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

avatar

Evidaaηc
Usuário destaque

Masculino
Inscrito dia : 06/07/2012
Mensagens : 706
Pontos Ativos : 966

Ver perfil do usuário http://world.forumbrasil.net/

Resolvido Re: Criar uma categoria retrátil

Mensagem por Metin2 em 20/02/13, 01:35 pm

-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 http://img36.imageshack.us/img36/6092/crossy.png

pela imagem desejada.

carregue no +.


Não funcionou =/



@Marciobcv escreveu:Em seu CSS, procure por:


e


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...
avatar

Metin2
Nível 9

Masculino
Inscrito dia : 08/09/2010
Mensagens : 208
Pontos Ativos : 321

Ver perfil do usuário

Resolvido Re: Criar uma categoria retrátil

Mensagem por MateusV. em 20/02/13, 01:41 pm

Boa tarde,

Adicione em seu CSS:
Código:
div.maintitle .contract, div.maintitle .expand {
    background: url('http://illiweb.com/fa/m/tabs_less1.gif');
    background-repeat: no-repeat;
    background-position: 40px 0px;
}
div.maintitle .expand {
    background-image: url('http://illiweb.com/fa/m/tabs_more1.gif')!important;
}

Abraços.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Criar uma categoria retrátil

Mensagem por Metin2 em 20/02/13, 03:04 pm

Não Resultou Louco
avatar

Metin2
Nível 9

Masculino
Inscrito dia : 08/09/2010
Mensagens : 208
Pontos Ativos : 321

Ver perfil do usuário

Resolvido Re: Criar uma categoria retrátil

Mensagem por RoxLindo em 20/02/13, 03:09 pm

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

RoxLindo
Nível 9

Masculino
Inscrito dia : 14/01/2013
Mensagens : 161
Pontos Ativos : 242

Ver perfil do usuário http://familiahotz.forumeiros.com

Resolvido Re: Criar uma categoria retrátil

Mensagem por RoxLindo em 20/02/13, 11:54 pm

@UP
avatar

RoxLindo
Nível 9

Masculino
Inscrito dia : 14/01/2013
Mensagens : 161
Pontos Ativos : 242

Ver perfil do usuário http://familiahotz.forumeiros.com

Resolvido Re: Criar uma categoria retrátil

Mensagem por seender em 21/02/13, 02:30 pm

Olá!

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

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Criar uma categoria retrátil

Mensagem por Metin2 em 21/02/13, 03:39 pm

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

É muito estranho.
avatar

Metin2
Nível 9

Masculino
Inscrito dia : 08/09/2010
Mensagens : 208
Pontos Ativos : 321

Ver perfil do usuário

Resolvido Re: Criar uma categoria retrátil

Mensagem por Metin2 em 24/02/13, 09:34 am

Ninguem tem ideia de como arranjar isto?
avatar

Metin2
Nível 9

Masculino
Inscrito dia : 08/09/2010
Mensagens : 208
Pontos Ativos : 321

Ver perfil do usuário

Resolvido Re: Criar uma categoria retrátil

Mensagem por Consolado em 24/02/13, 09:43 am

Olá!

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

Código:

.main .main-head.maximize .page-title h2 #hidecat{background:url(http://imageshack.us/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(http://imageshack.us/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.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Criar uma categoria retrátil

Mensagem por Metin2 em 24/02/13, 09:53 am

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...
avatar

Metin2
Nível 9

Masculino
Inscrito dia : 08/09/2010
Mensagens : 208
Pontos Ativos : 321

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum