Degradê

2 participantes

Ir para baixo

Tópico resolvido Degradê

Mensagem por CR7 Oliveira 02.10.17 22:59

Detalhes da questão


Endereço do fórum: http://lsr-nwd.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Olá,

Bom queria colocar mais 2 novos Degradê,

Aprendiz, titulo dele, cor > #127323
Código:
<div img src="http://i84.servimg.com/u/f84/19"><span class="equipefundoAprendiz"></span>

Empresário, cor > #734425
Código:
<div img src="http://i84.servimg.com/u/f84/19"><span class="equipefundoEmpresário"></span>

Código que uso dos outros,
Código:
(function ($) {
  'use strict';
 
  $(function () {
 
    $('.post').css('background-image', 'none');
   
    /** [!] Moderador */
    $('div.post:has(".equipefundomoderador"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #FF7BE0',
      'border-left': 'solid 10px #FF7BE0'
    });
 
    /** [!] Sub */
    $('div.post:has(".equipefundosub"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #FF0000',
      'border-left': 'solid 10px #FF0000'
    });
 
    /** [!] ADM */
    $('div.post:has(".equipefundoadm"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #00FF11',
      'border-left': 'solid 10px #00FF11'
    });
 
    /** [!] Fundador */
    $('div.post:has(".equipefundofundador"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #0022FF',
      'border-left': 'solid 10px #0022FF'
    });
 
    /** [!] Tester */
    $('div.post:has(".equipefundotester"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #349FBA',
      'border-left': 'solid 10px #349FBA'
    });
 
    /** [!] Piloto */
    $('div.post:has(".equipefundopiloto"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #1bf4eb',
      'border-left': 'solid 10px #1bf4eb'
    });
 
    /** [!] Designer */
    $('div.post:has(".equipefundodesigner"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #bb34ad',
      'border-left': 'solid 10px #bb34ad'
    });
 
    /** [!] Veterano */
    $('div.post:has(".equipefundoVeterano"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #F0D000',
      'border-left': 'solid 10px #F0D000'
    });
   
    /** [!] Parceria */
    $('div.post:has(".equipefundoParceria"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #FF7700',
      'border-left': 'solid 10px #FF7700'
    });
 
    $('div.post:has(".equipefundoorganizado"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #00A6FF',
      'border-left': 'solid 10px #00A6FF'
    });
  });
}(jQuery));

Apenas isso
CR7 Oliveira
CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Degradê

Mensagem por Luiz 02.10.17 23:09

Troque o JS por este:
Código:
(function ($) {
  'use strict';
 
  $(function () {
 
    $('.post').css('background-image', 'none');
   
    /** [!] Moderador */
    $('div.post:has(".equipefundomoderador"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #FF7BE0',
      'border-left': 'solid 10px #FF7BE0'
    });
 
    /** [!] Sub */
    $('div.post:has(".equipefundosub"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #FF0000',
      'border-left': 'solid 10px #FF0000'
    });
 
    /** [!] ADM */
    $('div.post:has(".equipefundoadm"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #00FF11',
      'border-left': 'solid 10px #00FF11'
    });
 
    /** [!] Fundador */
    $('div.post:has(".equipefundofundador"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #0022FF',
      'border-left': 'solid 10px #0022FF'
    });
 
    /** [!] Tester */
    $('div.post:has(".equipefundotester"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #349FBA',
      'border-left': 'solid 10px #349FBA'
    });
 
    /** [!] Piloto */
    $('div.post:has(".equipefundopiloto"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #1bf4eb',
      'border-left': 'solid 10px #1bf4eb'
    });
 
    /** [!] Designer */
    $('div.post:has(".equipefundodesigner"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #bb34ad',
      'border-left': 'solid 10px #bb34ad'
    });
 
    /** [!] Veterano */
    $('div.post:has(".equipefundoVeterano"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #F0D000',
      'border-left': 'solid 10px #F0D000'
    });
   
    /** [!] Parceria */
    $('div.post:has(".equipefundoParceria"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #FF7700',
      'border-left': 'solid 10px #FF7700'
    });
 
    $('div.post:has(".equipefundoorganizado"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #00A6FF',
      'border-left': 'solid 10px #00A6FF'
    });

    $('div.post:has(".equipefundoAprendiz"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #127323',
      'border-left': 'solid 10px #127323'
    });

    $('div.post:has(".equipefundoEmpresario"), div.postmain:has(".equipefundo")').css({
      'border-top': 'solid 10px #734425',
      'border-left': 'solid 10px #734425'
    });
  });
}(jQuery));

Troque o HTML do rank empresário por este:
Código:
<div img src="http://i84.servimg.com/u/f84/19"><span class="equipefundoEmpresario"></span>
Não pode colocar acentos em nome de classes. o/
Luiz
Luiz
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Degradê

Mensagem por CR7 Oliveira 02.10.17 23:53

Obrigado, podem fechar Muito feliz
CR7 Oliveira
CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Degradê

Mensagem por Luiz 02.10.17 23:57

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

- Tópicos semelhantes

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