Centralizar ícones dos tópicos do fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Centralizar ícones dos tópicos do fórum

Mensagem por Jhool em 16/02/17, 01:37 am

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
avatar

Jhool
Nível 9

Masculino
Inscrito dia : 10/01/2017
Mensagens : 167
Pontos Ativos : 271

Ver perfil do usuário http://familiawarning.forumeiros.com/forum

Resolvido Re: Centralizar ícones dos tópicos do fórum

Mensagem por Kyo Panda em 16/02/17, 09:09 am

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?
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Centralizar ícones dos tópicos do fórum

Mensagem por Jhool em 16/02/17, 11:03 am

tudo bem
avatar

Jhool
Nível 9

Masculino
Inscrito dia : 10/01/2017
Mensagens : 167
Pontos Ativos : 271

Ver perfil do usuário http://familiawarning.forumeiros.com/forum

Resolvido Re: Centralizar ícones dos tópicos do fórum

Mensagem por Luiz em 16/02/17, 04:58 pm

Olá.
Eu acessei o seu fórum e não vi esse problema.
Por acaso ele foi resolvido? Errado

Até mais.
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/
  • 0

Resolvido Re: Centralizar ícones dos tópicos do fórum

Mensagem por Kyo Panda em 16/02/17, 07:41 pm

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Centralizar ícones dos tópicos do fórum

Mensagem por Jhool em 16/02/17, 08:57 pm

@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?
avatar

Jhool
Nível 9

Masculino
Inscrito dia : 10/01/2017
Mensagens : 167
Pontos Ativos : 271

Ver perfil do usuário http://familiawarning.forumeiros.com/forum

Resolvido Re: Centralizar ícones dos tópicos do fórum

Mensagem por Kyo Panda em 16/02/17, 09:34 pm

Acho que o ideal é remover aquela regra de CSS e adicionar:

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Centralizar ícones dos tópicos do fórum

Mensagem por Jhool em 17/02/17, 05:56 pm

Como pode ver, resultou apenas para o "GERAL" nas outras o texto está ficando abaixo
http://prntscr.com/ea22ta
http://prntscr.com/ea232a
avatar

Jhool
Nível 9

Masculino
Inscrito dia : 10/01/2017
Mensagens : 167
Pontos Ativos : 271

Ver perfil do usuário http://familiawarning.forumeiros.com/forum

Resolvido Re: Centralizar ícones dos tópicos do fórum

Mensagem por while em 18/02/17, 06:11 pm

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)

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3152
Pontos Ativos : 4599

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Centralizar ícones dos tópicos do fórum

Mensagem por Jhool em 18/02/17, 08:45 pm

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;
}
avatar

Jhool
Nível 9

Masculino
Inscrito dia : 10/01/2017
Mensagens : 167
Pontos Ativos : 271

Ver perfil do usuário http://familiawarning.forumeiros.com/forum

Resolvido Re: Centralizar ícones dos tópicos do fórum

Mensagem por Kyo Panda em 20/02/17, 08:39 am

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum