Modificar a aparência da categoria

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

Resolvido Modificar a aparência da categoria

Mensagem por Punisher em 21/04/18, 09:55 pm

Detalhes da questão


Endereço do fórum: http://nwdcorporation.forumeiros.com
Versão do fórum: ModernBB

Descrição


Olá, recentemente me atenderam neste tópico: http://ajuda.forumeiros.com/t111855-categoria-personalizada

Mas agora eu percebi que não está como eu queria, eu queria que a categoria ficasse assim:

E que essa categoria preenche todo o espaço dos lados, fórum onde vi: testandonwdgg.forumeiros.com
avatar

Punisher
Nível 6

Masculino
Inscrito dia : 16/10/2017
Mensagens : 64
Pontos Ativos : 102

Ver perfil do usuário http://rota-nwd.forumeiros.com

Resolvido Re: Modificar a aparência da categoria

Mensagem por virus em 22/04/18, 10:05 am

Bom dia!

Adicione ao final de sua folha de estilo CSS o seguinte código:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores
Código:
dd.topics, dd.posts, dd.lastpost i.ion-android-time , .btn-collapse, dd.views{
    display: none!important;
}

Ajudeiro, 
Virus.
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Modificar a aparência da categoria

Mensagem por Punisher em 22/04/18, 10:21 am

Ainda não ficou como eu queria
avatar

Punisher
Nível 6

Masculino
Inscrito dia : 16/10/2017
Mensagens : 64
Pontos Ativos : 102

Ver perfil do usuário http://rota-nwd.forumeiros.com

Resolvido Re: Modificar a aparência da categoria

Mensagem por virus em 22/04/18, 10:31 am

Punisher

Em qual parte você diz? Está a configurar fonte deste modo:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores
Código:
ul.topiclist li.header .table-title h2, ul.topiclist li.header dl.icon dt {
    font-size: 13px;
    font-weight: 700;
    font-family: "Trebuchet MS", sans-serif;
}


Até a próxima.
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Modificar a aparência da categoria

Mensagem por Punisher em 22/04/18, 10:54 am

Depois que adicionei o código que passou acima deu uma melhorada, mas ainda falta diminuir um pouco a altura da categoria e fazer com que ela preencha os lados do fórum
avatar

Punisher
Nível 6

Masculino
Inscrito dia : 16/10/2017
Mensagens : 64
Pontos Ativos : 102

Ver perfil do usuário http://rota-nwd.forumeiros.com

Resolvido Re: Modificar a aparência da categoria

Mensagem por virus em 22/04/18, 11:36 am

Muito bom, vamos fazer o seguinte então adicione isto a sua folha de estilo CSS
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores
Código:
#wrap {
    padding: 11px;
}
.forabg li.header .dterm, .forumbg li.header .icon {
    height: 40px;
}
.table-title h2, .topiclist .header dl.icon dt {
    line-height: 6px!important;
}


Tudo certo?

Ajudeiro, 
Virus.
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Modificar a aparência da categoria

Mensagem por Punisher em 22/04/18, 12:32 pm

Agora ficou perfeito, mas poderia fazer mais uma modificação na categoria? Acho que ficaria legal se na categoria tivesse aquelas mensagens encima dos números exemplo: Mensagens e embaixo o numero de mensagens em tal fórum
avatar

Punisher
Nível 6

Masculino
Inscrito dia : 16/10/2017
Mensagens : 64
Pontos Ativos : 102

Ver perfil do usuário http://rota-nwd.forumeiros.com

Resolvido Re: Modificar a aparência da categoria

Mensagem por virus em 22/04/18, 01:46 pm

Bem Punisher neste caso retire o primeiro código que enviei na primeira mensagem. 

Que é este:
Código:
dd.topics, dd.posts, dd.lastpost i.ion-android-time , .btn-collapse, dd.views{
    display: none!important;
}

Quando retirar me avise, que irei fazer um outro.

Ajudeiro,
Virus.
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Modificar a aparência da categoria

Mensagem por Punisher em 22/04/18, 01:48 pm

Código retirado
avatar

Punisher
Nível 6

Masculino
Inscrito dia : 16/10/2017
Mensagens : 64
Pontos Ativos : 102

Ver perfil do usuário http://rota-nwd.forumeiros.com

Resolvido Re: Modificar a aparência da categoria

Mensagem por virus em 22/04/18, 02:17 pm

Adicione ao final de sua folha de estilo CSS
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores
Código:
i.ion-android-list, i.ion-android-chat, i.ion-android-time, i.ion-eye, .btn-collapse {
    display: none!important;
}
.topiclist .header dd.lastpost:after {
    content: 'Última Mensagem';
}
.topiclist .header dd.posts:after {
    content: 'Posts';
}
.topiclist .header dd.views:after {
    content: 'Views';
}
.topiclist .header dd.topics:after {
    content: 'Tópicos';
}


E veja se resultou Piscada

Até!
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Modificar a aparência da categoria

Mensagem por Punisher em 22/04/18, 02:27 pm

Perfeito, agradeço demais @virus!
avatar

Punisher
Nível 6

Masculino
Inscrito dia : 16/10/2017
Mensagens : 64
Pontos Ativos : 102

Ver perfil do usuário http://rota-nwd.forumeiros.com

Resolvido Re: Modificar a aparência da categoria

Mensagem por virus em 22/04/18, 02:30 pm

Tópico resolvido


Movido para "Questões resolvidas".
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

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


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