Modificar a aparência da categoria

2 participantes

Ir para baixo

Tópico resolvido Modificar a aparência da categoria

Mensagem por Punisher 22.04.18 1:55

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: https://ajuda.forumeiros.com/t111855-categoria-personalizada

Mas agora eu percebi que não está como eu queria, eu queria que a categoria ficasse assim: Modificar a aparência da categoria XB9lE5g

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

Membro desde : 16/10/2017
Mensagens : 167
Pontos : 284

http://rota-nwd.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar a aparência da categoria

Mensagem por virus 22.04.18 14:05

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.
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar a aparência da categoria

Mensagem por Punisher 22.04.18 14:21

Ainda não ficou como eu queria
Punisher
Punisher
***

Membro desde : 16/10/2017
Mensagens : 167
Pontos : 284

http://rota-nwd.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar a aparência da categoria

Mensagem por virus 22.04.18 14:31

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.
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar a aparência da categoria

Mensagem por Punisher 22.04.18 14:54

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
Punisher
Punisher
***

Membro desde : 16/10/2017
Mensagens : 167
Pontos : 284

http://rota-nwd.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar a aparência da categoria

Mensagem por virus 22.04.18 15:36

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.
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar a aparência da categoria

Mensagem por Punisher 22.04.18 16:32

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
Punisher
Punisher
***

Membro desde : 16/10/2017
Mensagens : 167
Pontos : 284

http://rota-nwd.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar a aparência da categoria

Mensagem por virus 22.04.18 17:46

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.
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar a aparência da categoria

Mensagem por Punisher 22.04.18 17:48

Código retirado
Punisher
Punisher
***

Membro desde : 16/10/2017
Mensagens : 167
Pontos : 284

http://rota-nwd.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar a aparência da categoria

Mensagem por virus 22.04.18 18:17

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é!
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar a aparência da categoria

Mensagem por Punisher 22.04.18 18:27

Perfeito, agradeço demais @virus!
Punisher
Punisher
***

Membro desde : 16/10/2017
Mensagens : 167
Pontos : 284

http://rota-nwd.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar a aparência da categoria

Mensagem por virus 22.04.18 18:30

Tópico resolvido


Movido para "Questões resolvidas".
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Ir para o topo


 
Permissões neste sub-fórum
Não podes responder a tópicos