Categoria personalizada

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

Atendido / Resolvido Categoria personalizada

Mensagem por Punisher em 31.03.18 22:17

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á:
Categoria personalizada TdtUfz7
Em meu fórum, alguem poderia me ajudar?

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

Punisher
Nível 8

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

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

Atendido / Resolvido Re: Categoria personalizada

Mensagem por virus em 31.03.18 23:49

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

virus

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 696
Pontos Ativos : 906

Ver perfil do usuário

Atendido / Resolvido Re: Categoria personalizada

Mensagem por Punisher em 31.03.18 23:59

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
Punisher

Punisher
Nível 8

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

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

Atendido / Resolvido Re: Categoria personalizada

Mensagem por virus em 01.04.18 0:40

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

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 696
Pontos Ativos : 906

Ver perfil do usuário

Atendido / Resolvido Re: Categoria personalizada

Mensagem por Punisher em 01.04.18 1:06

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

Punisher
Nível 8

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

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

Atendido / Resolvido Re: Categoria personalizada

Mensagem por virus em 01.04.18 1:11

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?
virus

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 696
Pontos Ativos : 906

Ver perfil do usuário

Atendido / Resolvido Re: Categoria personalizada

Mensagem por Punisher em 01.04.18 1:17

Ó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?
Punisher

Punisher
Nível 8

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

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

Atendido / Resolvido Re: Categoria personalizada

Mensagem por virus em 01.04.18 1:26

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

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 696
Pontos Ativos : 906

Ver perfil do usuário

Atendido / Resolvido Re: Categoria personalizada

Mensagem por Punisher em 01.04.18 1:33

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

Punisher
Nível 8

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

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

Atendido / Resolvido Re: Categoria personalizada

Mensagem por virus em 01.04.18 1:40

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
virus

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 696
Pontos Ativos : 906

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