Alinhamento das Sub-Categorias no fórum.

4 participantes

Ir para baixo

Tópico resolvido Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu 14.06.14 4:38

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

Alinhamento das Sub-Categorias no fórum. R1lf45Y

Se possível, gostaria que a imagem fosse esta: Alinhamento das Sub-Categorias no fórum. JClnmpB

  • 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 24.06.14 0:16, editado 1 vez(es)
Galileu
Galileu
***

Membro desde : 17/12/2012
Mensagens : 189
Pontos : 291

http://cidadezumbi.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Sennior 14.06.14 7:25

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://2img.net/i/fa/fdf3/bg.png)[/img]

Melhores cumprimentos,
Sennior. De bem com a vida
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu 14.06.14 18:35

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?
Galileu
Galileu
***

Membro desde : 17/12/2012
Mensagens : 189
Pontos : 291

http://cidadezumbi.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Sennior 14.06.14 19:40

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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu 14.06.14 20:01

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.

Alinhamento das Sub-Categorias no fórum. QufHsi6

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
Galileu
***

Membro desde : 17/12/2012
Mensagens : 189
Pontos : 291

http://cidadezumbi.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu 16.06.14 1:14

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

Membro desde : 17/12/2012
Mensagens : 189
Pontos : 291

http://cidadezumbi.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu 19.06.14 18:03

Ninguém mesmo?
Galileu
Galileu
***

Membro desde : 17/12/2012
Mensagens : 189
Pontos : 291

http://cidadezumbi.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Hancki 19.06.14 20:01

Olá!

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

Hancki
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu 20.06.14 22:11

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

Membro desde : 17/12/2012
Mensagens : 189
Pontos : 291

http://cidadezumbi.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Hancki 20.06.14 22:42

Acho que sim! Diga qual a imagem que deseja colocar.
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu 20.06.14 23:57

Alinhamento das Sub-Categorias no fórum. Subfor10

Esta imagem.
Galileu
Galileu
***

Membro desde : 17/12/2012
Mensagens : 189
Pontos : 291

http://cidadezumbi.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu 23.06.14 1:57

Alguém se pronuncia?
Galileu
Galileu
***

Membro desde : 17/12/2012
Mensagens : 189
Pontos : 291

http://cidadezumbi.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Hancki 23.06.14 9:51

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
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu 23.06.14 17:54

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

Membro desde : 17/12/2012
Mensagens : 189
Pontos : 291

http://cidadezumbi.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por DeeW. 23.06.14 18:09

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

Código:

a.forumtitle.subforum {
display: block;
}
DeeW.
DeeW.
****

Membro desde : 27/05/2014
Mensagens : 271
Pontos : 389

http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhamento das Sub-Categorias no fórum.

Mensagem por Galileu 24.06.14 0:16

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

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

Membro desde : 17/12/2012
Mensagens : 189
Pontos : 291

http://cidadezumbi.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos