Criar uma categoria retrátil

+3
Marciobcv
Evidaaηc
Metin2
7 participantes

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

Tópico resolvido Criar uma categoria retrátil

Mensagem por Metin2 20.02.13 13:16

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.

Criar uma categoria retrátil 8O7h1cP

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 12:56, editado 1 vez(es)
Metin2

Metin2
****

Membro desde : 08/09/2010
Mensagens : 208
Pontos : 321

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Evidaaηc 20.02.13 13:23

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

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

Evidaaηc
Membro

Membro desde : 06/07/2012
Mensagens : 706
Pontos : 966

http://world.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Metin2 20.02.13 13:30

Forum é invision...
Metin2

Metin2
****

Membro desde : 08/09/2010
Mensagens : 208
Pontos : 321

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Evidaaηc 20.02.13 13:36

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 +.
Evidaaηc

Evidaaηc
Membro

Membro desde : 06/07/2012
Mensagens : 706
Pontos : 966

http://world.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Marciobcv 20.02.13 13:37

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
Marciobcv

Marciobcv
***

Membro desde : 25/02/2012
Mensagens : 191
Pontos : 269

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por RoxLindo 20.02.13 13:41

Funciona em PunBB tb?
RoxLindo

RoxLindo
***

Membro desde : 14/01/2013
Mensagens : 161
Pontos : 242

http://familiahotz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Evidaaηc 20.02.13 13:58

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

Evidaaηc

Evidaaηc
Membro

Membro desde : 06/07/2012
Mensagens : 706
Pontos : 966

http://world.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Metin2 20.02.13 16:35

-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:


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

Metin2
****

Membro desde : 08/09/2010
Mensagens : 208
Pontos : 321

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por MateusV. 20.02.13 16:41

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

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Metin2 20.02.13 18:04

Não Resultou Louco
Metin2

Metin2
****

Membro desde : 08/09/2010
Mensagens : 208
Pontos : 321

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por RoxLindo 20.02.13 18:09

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

RoxLindo
***

Membro desde : 14/01/2013
Mensagens : 161
Pontos : 242

http://familiahotz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por RoxLindo 21.02.13 2:54

@UP
RoxLindo

RoxLindo
***

Membro desde : 14/01/2013
Mensagens : 161
Pontos : 242

http://familiahotz.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por seender 21.02.13 17:30

Olá!

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

Melhores cumprimentos,
seender
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Metin2 21.02.13 18:39

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

É muito estranho.
Metin2

Metin2
****

Membro desde : 08/09/2010
Mensagens : 208
Pontos : 321

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Metin2 24.02.13 12:34

Ninguem tem ideia de como arranjar isto?
Metin2

Metin2
****

Membro desde : 08/09/2010
Mensagens : 208
Pontos : 321

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Consolado 24.02.13 12:43

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(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.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar uma categoria retrátil

Mensagem por Metin2 24.02.13 12:53

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

Metin2
****

Membro desde : 08/09/2010
Mensagens : 208
Pontos : 321

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