Centralizar ícones dos tópicos do fórum
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe •
Centralizar ícones dos tópicos do fórum
Detalhes da questão
Endereço do fórum: http://familiawarning.forumeiros.com
Versão do fórum: PunBB
Descrição
Olá, gostaria de ajuda nisto:
Alguns icones do meu fórum, principalmente de tópicos estão ficando tortos, um para um lado outro para outro, gostaria de saber se tem como centraliza-los.
olha como está:
http://prntscr.com/e9bqjp
http://prntscr.com/e9bqzi
Jhool- Nível 9
-
Inscrito dia : 10/01/2017
Mensagens : 235
Pontos Ativos : 382
Re: Centralizar ícones dos tópicos do fórum
Parece que esse problema só ocorre em tópicos que o senhor postou. Para verificar o que se passa, terei que criar um tópico para testes no seu fórum, tudo bem?
Kyo Panda- Super usuário
-
Inscrito dia : 08/01/2012
Mensagens : 4640
Pontos Ativos : 5925
Jhool- Nível 9
-
Inscrito dia : 10/01/2017
Mensagens : 235
Pontos Ativos : 382
Re: Centralizar ícones dos tópicos do fórum
Olá.
Eu acessei o seu fórum e não vi esse problema.
Por acaso ele foi resolvido?
Até mais.
Eu acessei o seu fórum e não vi esse problema.
Por acaso ele foi resolvido?

Até mais.

Bem-vindo ao Fórum dos Fóruns! |
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte. Antes de criar um tópico, verifique se sua questão já não foi respondida. Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum. |
Luiz — Admineiro |
Luiz- Admineiro
-
Inscrito dia : 22/04/2016
Mensagens : 6527
Pontos Ativos : 7303
Re: Centralizar ícones dos tópicos do fórum
Luiz~ escreveu:Eu acessei o seu fórum e não vi esse problema.
Parece que só rola quando o tópico possui algum mini ícone, como o ícone de "Você participa desse fórum".
---
Procure por essa regra no seu CSS:
- Código:
div.main-content table.table img {
float: left;
}
E a remova.
Kyo Panda- Super usuário
-
Inscrito dia : 08/01/2012
Mensagens : 4640
Pontos Ativos : 5925
Re: Centralizar ícones dos tópicos do fórum
@Kyo Panda escreveu:Luiz~ escreveu:Eu acessei o seu fórum e não vi esse problema.
Parece que só rola quando o tópico possui algum mini ícone, como o ícone de "Você participa desse fórum".
---
Procure por essa regra no seu CSS:
- Código:
div.main-content table.table img {
float: left;
}
E a remova.
Então, este código é para deixar a página desta maneira:
http://prntscr.com/e9oz63
E sem o código fica assim:
http://prntscr.com/e9oynz
Tem um outro código que deixe as informações da categoria sem bugar os icones?
Jhool- Nível 9
-
Inscrito dia : 10/01/2017
Mensagens : 235
Pontos Ativos : 382
Re: Centralizar ícones dos tópicos do fórum
Acho que o ideal é remover aquela regra de CSS e adicionar:
A regra que está lá no momento aplica o float para todas as imagens dentro de tabelas e isso pode causar alguns efeitos indesejáveis pelo fórum.
- Código:
.tcl blacktext img {
float: left;
}
A regra que está lá no momento aplica o float para todas as imagens dentro de tabelas e isso pode causar alguns efeitos indesejáveis pelo fórum.
Kyo Panda- Super usuário
-
Inscrito dia : 08/01/2012
Mensagens : 4640
Pontos Ativos : 5925
Re: Centralizar ícones dos tópicos do fórum
Como pode ver, resultou apenas para o "GERAL" nas outras o texto está ficando abaixo
http://prntscr.com/ea22ta
http://prntscr.com/ea232a
http://prntscr.com/ea22ta
http://prntscr.com/ea232a
Jhool- Nível 9
-
Inscrito dia : 10/01/2017
Mensagens : 235
Pontos Ativos : 382
Re: Centralizar ícones dos tópicos do fórum
Olá autor, boa tarde.
Isto é um tanto complexo, pois isto acontece pois esses "Fóruns" estão sem uma imagem na descrição, entende?
Portanto fica muito difícil definirmos, há não ser que queira definir cada um por vez, por exemplo pra definirmos todos seria essa propriedade: .pun tbody.statused span.status , agora pra definirmos um por um, vai ser todas de formas diferentes, vou citar um código funcional para todos (vai ser um pouco extenso, lembrando que é um código css)
Entendeu? Enfim, basta procurar e alterar o -23px!important , o -23px por um número que você acha que fique bom em questão ao ícone que fica em "Downloads" e o margin-top:25px; , no caso mudar o número 25 por um número que você acha que fique bom em questão ao icone na categoria Geral,recrutamento e o galeria/midia.
Até mais.
Isto é um tanto complexo, pois isto acontece pois esses "Fóruns" estão sem uma imagem na descrição, entende?
Portanto fica muito difícil definirmos, há não ser que queira definir cada um por vez, por exemplo pra definirmos todos seria essa propriedade: .pun tbody.statused span.status , agora pra definirmos um por um, vai ser todas de formas diferentes, vou citar um código funcional para todos (vai ser um pouco extenso, lembrando que é um código css)
- Código:
.pun tbody.statused span.status {margin-top:25px;}
#main-content > div:nth-child(6) > div:nth-child(8) > table > tbody > tr:nth-child(1) > td.tcl > span > img , #main-content > div:nth-child(6) > div:nth-child(8) > table > tbody > tr:nth-child(2) > td.tcl > span > img , #main-content > div:nth-child(6) > div:nth-child(8) > table > tbody > tr:nth-child(3) > td.tcl > span > img , #main-content > div:nth-child(6) > div:nth-child(8) > table > tbody > tr:nth-child(4) > td.tcl > span > img , #main-content > div:nth-child(6) > div:nth-child(8) > table > tbody > tr:nth-child(5) > td.tcl > span > img , #main-content > div:nth-child(6) > div:nth-child(8) > table > tbody > tr:nth-child(6) > td.tcl > span > img{margin-top:-23px!important;}
Entendeu? Enfim, basta procurar e alterar o -23px!important , o -23px por um número que você acha que fique bom em questão ao ícone que fica em "Downloads" e o margin-top:25px; , no caso mudar o número 25 por um número que você acha que fique bom em questão ao icone na categoria Geral,recrutamento e o galeria/midia.
Até mais.
while- Hiperativo
-
Inscrito dia : 24/04/2016
Mensagens : 3217
Pontos Ativos : 4694
Re: Centralizar ícones dos tópicos do fórum
Não consegui entender, vou deixar com o código antigo mesmo. Obrigado por tentar ajudar
- Código:
div.main-content table.table img {
float: left;
}
Jhool- Nível 9
-
Inscrito dia : 10/01/2017
Mensagens : 235
Pontos Ativos : 382
Re: Centralizar ícones dos tópicos do fórum
Bem, fica ao seu critério.
---
- Código:
.tcl blacktext img,
.tcl purpletext img,
.tcl > img {
float: left;
}
---
![]() | Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Kyo Panda- Super usuário
-
Inscrito dia : 08/01/2012
Mensagens : 4640
Pontos Ativos : 5925
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum