Zona dos tópicos personalizada

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

Resolvido Zona dos tópicos personalizada

Mensagem por Diogo Ferreira em 20/02/14, 07:51 pm

Qual é minha questão:
Olá olá.
Para ser bastante breve e direto..:

No meu fórum, a zona dos tópicos está assim: http://gyazo.com/4161c5288dec562b1e3aa464609abeb9 - um aspeto algures desfigurado.
Eu queria com este estilo, mais profissional e agradável: http://gyazo.com/eb43652711fe03e6e89de41a3fc49d43

Endereço do meu fórum:
http://foradjogo.forumeiros.com

Versão do fórum:
PUNBB


Última edição por Diogo Ferreira em 22/02/14, 12:42 pm, editado 1 vez(es)
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Zona dos tópicos personalizada

Mensagem por Diogo Ferreira em 21/02/14, 08:11 pm

bump
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Zona dos tópicos personalizada

Mensagem por Alex Habilidade em 22/02/14, 11:08 am

Olá bom dia,

Veja se é esse o efeito que pretende obter:
Código:

.tcl.tdtopics .stats {
background-color: #FAF3A7;
padding: 10px;
margin-left: -50px!important;
margin-right: 10px!important;
padding-bottom: 50px;
border-bottom: 1px solid #dddddd!important;
border-right: 1px solid #dddddd!important;
}

Tenha um ótimo fim de semana amigo!

Alex
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Zona dos tópicos personalizada

Mensagem por Diogo Ferreira em 22/02/14, 11:23 am

Amigo, muito bom.
No entanto fiz umas melhorias de ajustes e queria que me centralizasse os icons em relação à backgorund.
http://gyazo.com/f4150b571c7623449df372d0b38c142
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Zona dos tópicos personalizada

Mensagem por Alex Habilidade em 22/02/14, 11:33 am

Olá,

Tente adicionar esse código amigo:

Código:

.stats img {
margin-bottom: -22px;
margin-left: 5px;
}

Alex
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Zona dos tópicos personalizada

Mensagem por Diogo Ferreira em 22/02/14, 11:45 am

Perfeito, uma última questão, aqui http://gyazo.com/8538e780522666267aad2f14c1b44761

Vejo alguns desalinhados, tem a ver com o tamanho dos icons_stats ou é defeito?
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

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

Resolvido Re: Zona dos tópicos personalizada

Mensagem por Alex Habilidade em 22/02/14, 12:25 pm

Olá,

Provavelmente sim amigo, sendo assim troque o ultimo código que passei por esse:
Código:

.stats img {
    margin-bottom: -22px;
    margin-left: 5px;
    width: 15px;
}

Simplesmente aplicamos uma largura para todos os ícones, deixando eles padrões Feliz

Alex
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Zona dos tópicos personalizada

Mensagem por Diogo Ferreira em 22/02/14, 12:41 pm

Resolvidissimo.
Obrigado, leva +.
avatar

Diogo Ferreira
Usuário destaque

Masculino
Inscrito dia : 24/09/2013
Mensagens : 585
Pontos Ativos : 877

Ver perfil do usuário http://foradjogo.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