Centralizar ícones dos tópicos do fórum
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
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
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?
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?
![Errado](/users/2612/28/77/07/smiles/2047529141.png)
Até mais.
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.
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?
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.
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
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.
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;
}
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". |
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Centralizar ícones de contato em tópicos
» Como centralizar ícones do fórum
» Personalizar e centralizar título de fórum e tópicos.
» Centralizar ícones
» Animação Nos Topicos Icones Do Forum .
» Como centralizar ícones do fórum
» Personalizar e centralizar título de fórum e tópicos.
» Centralizar ícones
» Animação Nos Topicos Icones Do Forum .
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: 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ões neste sub-fórum
Não podes responder a tópicos