Alinhamento das Sub-Categorias no fórum.

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

Resolvido Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu em 14/06/14, 12:38 am

  • Descrição:
Gostaria de modificar as sub-categorias do fórum no Invision, deixando-as uma abaixo da outra com uma imagem como mostra o print abaixo.



Se possível, gostaria que a imagem fosse esta: 

  • Informações:
Fórum:http://e-gamesbrasil.forumeiros.comVersão:INVISION
Tipo:Pedido de códigoTags:Alinhamento,Sub-Categorias,fórum.



Última edição por Galileu em 23/06/14, 08:16 pm, editado 1 vez(es)
avatar

Galileu
Nível 9

Masculino
Inscrito dia : 16/12/2012
Mensagens : 189
Pontos Ativos : 291

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

Resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Sennior em 14/06/14, 03:25 am

Saudações! Muito feliz

Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
a.forumtitle.subforum {display: -webkit-box;}
Obs:. Coloque o código acima no inicio de teu CSS.

E sobre as imagens, peço que me mande o código usado pelo senhor em cada categoria. Se o senhor quiser, poderá colocar no inicio de cada link:
Código:
[img]url(http://illiweb.com/fa/fdf3/bg.png)[/img]

Melhores cumprimentos,
Sennior. De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu em 14/06/14, 02:35 pm

Estamos indo bem, com relação as imagens, o código que utilizo é um JavaScript e um código em CSS, sendo estes:

JavaScript com investimento no índice

Código:
$(function() {
  $('.ipbtable td[style="padding-right: 0px; padding-left: 90px;"]').each(function() {
    var self, parent, deliver;
    self = $(this);
    parent = self.parent();
    deliver = parent.prev().find('.forum-desc');
    if (deliver.length) {
      deliver.append(self.find('.forumtitle').addClass('subforum'));
      parent.remove();
    }
  });
});


Código CSS.

Código:
table.ipbtable .forum-name a.subforum {
  font-size: 12px;  
}

table.ipbtable .forum-name a.subforum:after {
  content: ", ";
}

table.ipbtable .forum-name a.subforum:last-child:after {
  content: "";
}


O que eu gostaria era que houvesse também um espaçamento dessas sub-categorias, ficando um pouco afastadas para a direita e não alinhadas, como se fosse uma grade? Consegue compreender? Se visualizar o print no começo do tópico, estará entendendo o que digo.
Aguardo respostas.

@EDIT

Acabo de verificar o fórum pelo Mozilla e acabei vendo que nele a organização nova não está funcionando, poderia me dar alguma luz?
avatar

Galileu
Nível 9

Masculino
Inscrito dia : 16/12/2012
Mensagens : 189
Pontos Ativos : 291

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

Resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Sennior em 14/06/14, 03:40 pm

Saudações! Muito feliz

Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
p.forum-desc {
line-height: 18px;
}
Obs:. Coloque o código acima no inicio de teu CSS.

Qual o código que o senhor esta fazendo para colocar as imagens nas descrições de cada fórum?

Melhores cumprimentos,
Sennior. De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu em 14/06/14, 04:01 pm

@Sennior escreveu:Saudações! Muito feliz

Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
p.forum-desc {
line-height: 18px;
}
Obs:. Coloque o código acima no inicio de teu CSS.

Qual o código que o senhor esta fazendo para colocar as imagens nas descrições de cada fórum?

Melhores cumprimentos,
Sennior. De bem com a vida

Este código que o senhor me passou está aumentando o espaçamento entre cada sub-categoria. Não foi o que eu pedi, camarada. O que eu quero é dar espaço entre a categoria e a sub-categoria. Lhe passo um print de como desejo que seja o espaçamento.



Eu gostaria de empurrar as sub-categorias mais para a direita...

Com relação ao código das imagens, estou procurando algo automático, caso não encontre, tentarei usar o código que me passou.

#EDIT

Fui testar com o código das imagens que me passou e o mesmo não funciona, o código fica escrito.
avatar

Galileu
Nível 9

Masculino
Inscrito dia : 16/12/2012
Mensagens : 189
Pontos Ativos : 291

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

Resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu em 15/06/14, 09:14 pm

Alguém pode me ajudar com as imagens e o espaçamento?
avatar

Galileu
Nível 9

Masculino
Inscrito dia : 16/12/2012
Mensagens : 189
Pontos Ativos : 291

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

Resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu em 19/06/14, 02:03 pm

Ninguém mesmo?
avatar

Galileu
Nível 9

Masculino
Inscrito dia : 16/12/2012
Mensagens : 189
Pontos Ativos : 291

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

Resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Hancki em 19/06/14, 04:01 pm

Olá!

Use este CSS:
Código:
table.ipbtable .forum-name a.subforum {
   margin-left: 20px;
}
É isso?

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu em 20/06/14, 06:11 pm

Obrigado pela ajuda, mas ainda resta a dúvida: Há como colocar imagens antes dessas categorias?
avatar

Galileu
Nível 9

Masculino
Inscrito dia : 16/12/2012
Mensagens : 189
Pontos Ativos : 291

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

Resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Hancki em 20/06/14, 06:42 pm

Acho que sim! Diga qual a imagem que deseja colocar.
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu em 20/06/14, 07:57 pm



Esta imagem.
avatar

Galileu
Nível 9

Masculino
Inscrito dia : 16/12/2012
Mensagens : 189
Pontos Ativos : 291

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

Resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu em 22/06/14, 09:57 pm

Alguém se pronuncia?
avatar

Galileu
Nível 9

Masculino
Inscrito dia : 16/12/2012
Mensagens : 189
Pontos Ativos : 291

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

Resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Hancki em 23/06/14, 05:51 am

Me desculpe pelo atraso amigo!
Aqui tem o CSS:
Código:
table.ipbtable .forum-name a.subforum:before {
   content: url('http://i39.servimg.com/u/f39/18/84/62/80/subfor10.png');
   padding-right: 2px;
}
Resultado: http://prntscr.com/3vm2bd

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu em 23/06/14, 01:54 pm

Obrigado, Hancki!
Contudo, estive observando no Mozila e acabei por notar que nele os sub-fóruns ficam um do lado do outro e não um abaixo do outro como no Chrome, que é o que eu utilizo. Poderia me dizer se no seu PC também ocorre isso? Talvez seja algum problema com o meu Mozila ou então com os códigos que usamos...
avatar

Galileu
Nível 9

Masculino
Inscrito dia : 16/12/2012
Mensagens : 189
Pontos Ativos : 291

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

Resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por DeeW. em 23/06/14, 02:09 pm

Isso acontece pois foi adicionado: -webkit-box, funcional só em navegadores WEBKIT, adicione ao CSS:

Código:

a.forumtitle.subforum {
display: block;
}
avatar

DeeW.
Nível 10

Masculino
Inscrito dia : 27/05/2014
Mensagens : 271
Pontos Ativos : 389

Ver perfil do usuário http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu em 23/06/14, 08:16 pm

Agora sim, perfeito!
Finalmente, depois de tanto tempo, a dúvida foi sanada. ;')

Agradeço aos que me ajudaram. Tópico resolvido.
avatar

Galileu
Nível 9

Masculino
Inscrito dia : 16/12/2012
Mensagens : 189
Pontos Ativos : 291

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

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