Modificar a aparência da categoria
2 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 • Compartilhe
Modificar a aparência da categoria
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:
![Categoria - Modificar a aparência da categoria XB9lE5g](https://i.imgur.com/XB9lE5g.png)
E que essa categoria preenche todo o espaço dos lados, fórum onde vi: testandonwdgg.forumeiros.com
Re: Modificar a aparência da categoria
Bom dia!
Adicione ao final de sua folha de estilo CSS o seguinte código:
Painel de Controle
Visualização
Imagens e Cores
Cores
Ajudeiro,
Virus.
Adicione ao final de sua folha de estilo CSS o seguinte código:
Painel de Controle
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
- Código:
dd.topics, dd.posts, dd.lastpost i.ion-android-time , .btn-collapse, dd.views{
display: none!important;
}
Ajudeiro,
Virus.
virus- Membro
- Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910
Re: Modificar a aparência da categoria
Ainda não ficou como eu queria
Re: Modificar a aparência da categoria
Punisher
Em qual parte você diz? Está a configurar fonte deste modo:
Painel de Controle
Visualização
Imagens e Cores
Cores
Até a próxima.
Em qual parte você diz? Está a configurar fonte deste modo:
Painel de Controle
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
- 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- Membro
- Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910
Re: Modificar a aparência da categoria
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
Re: Modificar a aparência da categoria
Muito bom, vamos fazer o seguinte então adicione isto a sua folha de estilo CSS
Painel de Controle
Visualização
Imagens e Cores
Cores
Tudo certo?
Ajudeiro,
Virus.
Painel de Controle
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
- 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- Membro
- Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910
Re: Modificar a aparência da categoria
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
Re: Modificar a aparência da categoria
Bem Punisher neste caso retire o primeiro código que enviei na primeira mensagem.
Que é este:
Quando retirar me avise, que irei fazer um outro.
Ajudeiro,
Virus.
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- Membro
- Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910
Re: Modificar a aparência da categoria
Código retirado
Re: Modificar a aparência da categoria
Adicione ao final de sua folha de estilo CSS
Painel de Controle
Visualização
Imagens e Cores
Cores
E veja se resultou![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Até!
Painel de Controle
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
- 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](/users/2612/28/77/07/smiles/426228.gif)
Até!
virus- Membro
- Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910
Re: Modificar a aparência da categoria
Perfeito, agradeço demais @virus!
Re: Modificar a aparência da categoria
Tópico resolvidoMovido para "Questões resolvidas". |
virus- Membro
- Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Modificar a categoria
» Modificar categoria
» Modificar categoria e fóruns
» Modificar a cor do fundo da categoria
» Modificar a cor da categoria/fórum
» Modificar categoria
» Modificar categoria e fóruns
» Modificar a cor do fundo da categoria
» Modificar a cor da categoria/fórum
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