Alinhamento das Sub-Categorias no fórum.

[Galileu]

• 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.com	Versão:	INVISION
Tipo:	Pedido de código	Tags:	Alinhamento,Sub-Categorias,fórum.

---

[Sennior]

Saudações!

Aceda à tua "Folha de estilo CSS":
Painel de Controle    Visualização    Imagens e cores    Cores    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://2img.net/i/fa/fdf3/bg.png)[/img]

Melhores cumprimentos,
Sennior.

[Galileu]

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?

[Sennior]

Saudações!

Aceda à tua "Folha de estilo CSS":
Painel de Controle    Visualização    Imagens e cores    Cores    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.

[Galileu]

Saudações!

Aceda à tua "Folha de estilo CSS":
Painel de Controle    Visualização    Imagens e cores    Cores    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.

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.

[Galileu]

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

[Galileu]

Ninguém mesmo?

[Hancki]

Olá!

Use este CSS:

Código:

table.ipbtable .forum-name a.subforum {
   margin-left: 20px;
}

É isso?

Hancki

[Galileu]

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

[Hancki]

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

[Galileu]

Esta imagem.

[Galileu]

Alguém se pronuncia?

[Hancki]

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

[Galileu]

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

[DeeW.]

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

Código:


a.forumtitle.subforum {
display: block;
}


[Galileu]

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

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