Adicionar efeito degradê nas postagens

3 participantes

Ir para baixo

Tópico resolvido Adicionar efeito degradê nas postagens

Mensagem por SkoLL 12.09.17 13:53

Detalhes da questão


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

Descrição


Olá Convidado Queria adicionar degrade aos grupos diferenciados..
Fundador #FF0000
Administrador #03FF3E
Moderadores #000099
Tester #00FFFF
Designer#FF00E1
Membros#FF9900


Última edição por SkoLL em 13.09.17 22:17, editado 1 vez(es)
SkoLL
SkoLL
**

Membro desde : 20/08/2017
Mensagens : 58
Pontos : 96

http://sixgold-ner.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar efeito degradê nas postagens

Mensagem por Kyo Panda 12.09.17 17:56

Adicionar efeito degradê nas postagens Logo
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Peço que siga os passos 3 e 4 desse tutorial: https://ajuda.forumeiros.com/t61132-tutorial-imagem-nas-postagens

Quando o fizer, avise-nos para darmos progresso na personalização.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar efeito degradê nas postagens

Mensagem por SkoLL 12.09.17 21:44

Já fiz...A 3 e 4
SkoLL
SkoLL
**

Membro desde : 20/08/2017
Mensagens : 58
Pontos : 96

http://sixgold-ner.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar efeito degradê nas postagens

Mensagem por Kyo Panda 12.09.17 21:53

Seguindo as instruções do tópico para o passo 1, adicione esse código a um novo JavaScript:

Código:
(function($) {
   'use strict';
   
   $(function() {
      $('.postprofile-rank > span').each(function() {
         var $this = $(this);
         var className = $this.attr('class');
         
         if (!className) {
            return;
         }
         
         $this.closest('.post').addClass(className);
      });
   });
})(jQuery);

E adicione ao seu CSS:

Código:
.post.nomedorank {
    background-image: linear-gradient(270deg, #FF0000 0%, transparent 100%)
}

Trocando o .nomedorank para o que o senhor definiu no passo 3, e #FF0000 para a cor desejada.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar efeito degradê nas postagens

Mensagem por Luiz 13.09.17 22:21

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

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo


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