Modificar a organização dos ícones do fórum.

[Galileu]

• Descrição:

Lhes trago outra dúvida. Chato, eu? Nada... e-e
Meu pedido é: Consigo colocar esses ícones de "Novas Mensagens" e afins em blocos de três? Tipo, três fileiras com três ícones em cada uma...

---

• Informações:

Fórum:	http://e-gamesbrasil.forumeiros.com	Versão:	INVISION
Tipo:	Pedido de código	Tags:	Modificar,organização,ícones,fórum.

---

[Roevs]

Olá,

Não entendi poderia ser mais especifico ?

Até

[Galileu]

Estas legendas.

Novas Mensagens
Não há novas mensagens.
Novas Mensagens [Popular]
Não há novas mensagens. [Popular]
Novas Mensagens. [Bloqueado]
Não há novas mensagens. [Bloqueado]
Anúncio
A ler
Anúncio Global.

Eu queria deixar da seguinte maneira:
Esses três numa fileira

Novas Mensagens
Não há novas mensagens.
Novas Mensagens [Popular]

Dai parte pra uma fileira do lado com os próximos três:

Não há novas mensagens. [Popular]
Novas Mensagens. [Bloqueado]
Não há novas mensagens. [Bloqueado]

E depois os últimos três.

Anúncio
A ler
Anúncio Global.

[Roevs]

Olá,

Eu acho que não e possível porque na versão Invision não pode alterar os Templates, e acho que não e possível fazer por CSS pois todos estão junto em uma só classe agora não sei se pode ser feito por JS

Até

[Hancki]

Olá!

Com CSS podemos fazer isto: http://prntscr.com/3im81j

Código:

.activeusers .ul-icons:first-of-type {
   margin-left: -500px !important;
   margin-bottom: -95px;
}
.activeusers  {
   padding-left: 20% !important;
}

Hancki

[Galileu]

Olá!

Com CSS podemos fazer isto: http://prntscr.com/3im81j

Código:

.activeusers .ul-icons:first-of-type {
   margin-left: -500px !important;
   margin-bottom: -95px;
}
.activeusers  {
   padding-left: 20% !important;
}

Hancki

Obrigado, camarada. Mas queria saber, há como alinhar estes ícones no lado esquerdo da página?

[Alex Habilidade]

Olá,

Poderia mostrar com um print como você quer que alinhe?
Hancki lhe ajudou a deixar em blocos, mas não entendi como queres alinhas estes icones.

[Hancki]

Use este CSS:

Código:

.ul-icons {
   padding-right: 500px !important;
}

Resultado: http://prntscr.com/3isjio

Hancki