Barra de posts

Detalhes da questão

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

Descrição

Spoiler:

Olá, gostaria de mudar a cor dessa parte destacada, tipo no grupo de moderadores eu gostaria de colocar essa parte dos posts deles de tal cor. Como faço?

Olá autor, boa noite.

Primeiro iremos aceder em painel de controle módulos html & javascript gestão dos códigos javascript criar um novo javascript

Título: A sua escolha
Investimento: Nos tópicos
Código:

Código:

$(function(){
function staff(e) {
("retorna a 0 se não for definido, 'adm' se for administrador, 'mod' se for moderador");
   var span = e.getElementsByTagName('span')[0];
   if(!span) return 0;
   var cor = span.getAttribute('style');
("FF0000 a cor hexadecimal do grupo administradores ao qual iremos adicionar a variável");
   return cor ? { 'FF0000' : 'adm', '000099' : 'mod' }[ cor.match(/#([\w\d]+)/)[1].toUpperCase() ] : 0;
};
for(var post = $('.post'), i = 0, p; (p = post[i++]); ) {
    var user = $('.author a, .name, .user a[href^="/u"]', p)[0]
    , userStatus = staff(user);

    if(userStatus == 'adm') p.className += ' admin';
    if(userStatus == 'mod') p.className += ' moderador';
}
});

Vamos entender o código.
Vejamos esta parte do código:

Código:

return cor ? { 'FF0000' : 'adm', '000099' : 'mod' }

Ou seja, para o grupo que tiver a cor "FF0000" será adicionado a variável "adm", e o grupo de cor "000099" será adicionado a variável "mod".
Assim iremos adicionar uma classe para cada variável, veja:

Código:

if(userStatus == 'adm') p.className += ' admin';
if(userStatus == 'mod') p.className += ' moderador';

Depois basta irmos a folha de css e adicionar o efeito ao post de cada grupo:

Código:

.post.admin {
background: #ffd9d9;
}
.post.admin .user .user-ident .user-basic-info, .post.admin .user .user-info {
background: #d9f5ff;
}

Podemos até adicionar uma imagem personalizada para o post do grupo, veja:

Código:

.post.admin {
background-image: url(http://imgur.com/PF0HMMi.png);
background-position: 100% 35px;
background-repeat: no-repeat;
}

Até mais.

Nada disso funcionou :-/

Olá.
Crie um novo JavaScript, com investimento nos tópicos, com o seguinte código:

Código:

/**
 * Script que permite que o administrador do fórum customize a borda superior do post com base na cor do grupo.
 * Versão: ModernBB
 * Autor: Luiz~ (ajuda.forumeiros.com)
 * Licence MIT
 */
(function ($) {
  'use strict';

  var cores;

  cores = [
    {
      'cor': '#000000'
    },
    {
      'cor': '#33A7FF'
    },
    {
      'cor': '#8400FF'
    },
    {
      'cor': '#0000FF'
    },
    {
      'cor': '#00CF29'
    },
    {
      'cor': '#D12727'
    }
  ];

  $(function () {
    $.each(cores, function (index, cores) {
      $('.postprofile-name')
        .find('span[style*="' + cores.cor + '"]')
          .parents('.post')
            .find('.post-head')
              .css({
                backgroundColor: cores.cor
              });
    });
  });

  $(document).on('ready', function () {
    $.each(cores, function (index, cores) {
      $('.postprofile-name')
        .find('span[style*="' + cores.cor + '"]')
          .parents('.post')
            .find('.post-head')
              .css({
                backgroundColor: cores.cor
              });
    });
  });

  $.each(cores, function (index, cores) {
    $('.postprofile-name')
      .find('span[style*="' + cores.cor + '"]')
        .parents('.post')
          .find('.post-head')
            .css({
              backgroundColor: cores.cor
            });
  });
 
}(jQuery));

Até mais.

(Questões relacionadas à JavaScript/jQuery devem ser consideradas abandonadas caso fiquem sem respostas por três ou mais dias).