Categoria personalizada

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

Resolvido Categoria personalizada

Mensagem por Punisher em 31/03/18, 06:17 pm

Detalhes da questão


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

Descrição


Olá pessoal, eu gostaria de adicionar uma categoria como está:

Em meu fórum, alguem poderia me ajudar?

Fórum onde vi a categoria: http://ultimatelife.forumeiros.com/forum
avatar

Punisher
Nível 8

Masculino
Inscrito dia : 16/10/2017
Mensagens : 139
Pontos Ativos : 228

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

Resolvido Re: Categoria personalizada

Mensagem por virus em 31/03/18, 07:49 pm

Feliz 2 Olá, o que você quer necessariamente?

Nós não copiamos ou plagiamos fóruns, então se quer alguma coisa relatada na imagem acima. Recomendo que por favor explique com mais detalhes. Assim o atendimento será muito mais rápido.

Até!

avatar

virus
Usuário destaque

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

Ver perfil do usuário

Resolvido Re: Categoria personalizada

Mensagem por Punisher em 31/03/18, 07:59 pm

Quero uma categoria no estilo da categoria da imagem, mas com certas modificações, exemplo, não quero esses ícones, quero uma categoria nesse estilo, não exatamente igual, não sei te explicar como quero, se puder dar sugestões de algo parecido e que não seja copia
avatar

Punisher
Nível 8

Masculino
Inscrito dia : 16/10/2017
Mensagens : 139
Pontos Ativos : 228

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

Resolvido Re: Categoria personalizada

Mensagem por virus em 31/03/18, 08:40 pm

Vai em:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores
Adicione o seguinte código no final de sua folha de estilo CSS:
Código:
ul.forums {
    background-color: #ffffff;
    margin: 10px;
}
ul.forums li.row:hover {
    border-left: 4px solid orange;
}
ul.forums .posts:after {
    content: 'Mensagens';
}
ul.forums .topics:after {
    content: 'Tópicos';
}

E veja este tópico que também tem a aplicação usada no fórum mencionado na foto
https://ajuda.forumeiros.com/t111589-nome-e-data-na-mesma-linha#787553

até.
avatar

virus
Usuário destaque

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

Ver perfil do usuário

Resolvido Re: Categoria personalizada

Mensagem por Punisher em 31/03/18, 09:06 pm

Quase o que eu quero, poderia retirar as bordas? deixar somente a parte de cima, e também diminui-la
avatar

Punisher
Nível 8

Masculino
Inscrito dia : 16/10/2017
Mensagens : 139
Pontos Ativos : 228

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

Resolvido Re: Categoria personalizada

Mensagem por virus em 31/03/18, 09:11 pm

Só trocar o código anterior que passei neste tópico por este:
Código:
ul.forums {
    background-color: #ffffff;
}
ul.forums li.row:hover {
    border-left: 4px solid orange;
}
ul.forums .posts:after {
    content: 'Mensagens';
}
ul.forums .topics:after {
    content: 'Tópicos';
}


Alguma coisa a mais?
avatar

virus
Usuário destaque

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

Ver perfil do usuário

Resolvido Re: Categoria personalizada

Mensagem por Punisher em 31/03/18, 09:17 pm

Ótimo, outra coisa, quando passa o mouse encima de um dos fóruns uma barrinha laranja aparece na esquerda, teria como deixar em todos os fóruns uma barrinha preta fixa, e quando passar o mouse ela ficar roxa?
avatar

Punisher
Nível 8

Masculino
Inscrito dia : 16/10/2017
Mensagens : 139
Pontos Ativos : 228

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

Resolvido Re: Categoria personalizada

Mensagem por virus em 31/03/18, 09:26 pm

Troque novamente por este código:
Código:
ul.forums {
    background-color: #ffffff;
}
ul.forums li.row {
    border-left: 4px solid black;
}
ul.forums li.row:hover {
    border-left: 4px solid #5d2786;
}
ul.forums .posts:after {
    content: 'Mensagens';
}
ul.forums .topics:after {
    content: 'Tópicos';
}

Se quiser que ele aumente um pouco de tamanho a barra roxa (borda) e só utilizar este código ao invés do outro:
Código:
ul.forums {
    background-color: #ffffff;
}
ul.forums li.row {
    border-left: 4px solid black;
}
ul.forums li.row:hover {
    border-left: 5px solid #5d2786;
}
ul.forums .posts:after {
    content: 'Mensagens';
}
ul.forums .topics:after {
    content: 'Tópicos';
}


Até.
avatar

virus
Usuário destaque

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

Ver perfil do usuário

Resolvido Re: Categoria personalizada

Mensagem por Punisher em 31/03/18, 09:33 pm

Perfeito, agradeço pela ajuda, pode fechar!
avatar

Punisher
Nível 8

Masculino
Inscrito dia : 16/10/2017
Mensagens : 139
Pontos Ativos : 228

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

Resolvido Re: Categoria personalizada

Mensagem por virus em 31/03/18, 09:40 pm

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

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