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 5

Masculino
Inscrito dia : 16/10/2017
Mensagens : 55
Pontos Ativos : 89

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



Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
virus — Ajudeiro

avatar

virus
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 03/03/2013
Mensagens : 680
Pontos Ativos : 891

Ver perfil do usuário http://beta.masterforum.biz/

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 5

Masculino
Inscrito dia : 16/10/2017
Mensagens : 55
Pontos Ativos : 89

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
http://ajuda.forumeiros.com/t111589-nome-e-data-na-mesma-linha#787553

até.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
virus — Ajudeiro

avatar

virus
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 03/03/2013
Mensagens : 680
Pontos Ativos : 891

Ver perfil do usuário http://beta.masterforum.biz/

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 5

Masculino
Inscrito dia : 16/10/2017
Mensagens : 55
Pontos Ativos : 89

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?


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
virus — Ajudeiro

avatar

virus
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 03/03/2013
Mensagens : 680
Pontos Ativos : 891

Ver perfil do usuário http://beta.masterforum.biz/

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 5

Masculino
Inscrito dia : 16/10/2017
Mensagens : 55
Pontos Ativos : 89

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
virus — Ajudeiro

avatar

virus
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 03/03/2013
Mensagens : 680
Pontos Ativos : 891

Ver perfil do usuário http://beta.masterforum.biz/

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 5

Masculino
Inscrito dia : 16/10/2017
Mensagens : 55
Pontos Ativos : 89

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.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
virus — Ajudeiro

avatar

virus
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 03/03/2013
Mensagens : 680
Pontos Ativos : 891

Ver perfil do usuário http://beta.masterforum.biz/

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