Degradê

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

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/

Obrigado, podem fechar