Barra de posts

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Barra de posts

Mensagem por Hidan HZ em 24/03/17, 05:39 pm

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?
avatar

Hidan HZ
Nível 7

Masculino
Inscrito dia : 13/09/2016
Mensagens : 85
Pontos Ativos : 161

Ver perfil do usuário http://designersps.forumeiros.com/
  • 0

Resolvido Re: Barra de posts

Mensagem por while em 25/03/17, 12:06 am

Olá autor, boa noite.

Primeiro iremos aceder em painel de controle Seta módulos Seta html & javascript Seta gestão dos códigos javascript Seta 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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3152
Pontos Ativos : 4599

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Barra de posts

Mensagem por Hidan HZ em 25/03/17, 09:05 am

Nada disso funcionou :-/
avatar

Hidan HZ
Nível 7

Masculino
Inscrito dia : 13/09/2016
Mensagens : 85
Pontos Ativos : 161

Ver perfil do usuário http://designersps.forumeiros.com/

Resolvido Re: Barra de posts

Mensagem por Luiz em 27/03/17, 02:05 pm

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. Rosa
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Barra de posts

Mensagem por Luiz em 30/03/17, 01:22 pm

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.

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

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum