Barra de posts

3 participantes

Ir para baixo

Tópico resolvido Barra de posts

Mensagem por Hidan HZ 24.03.17 20:39

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?
Hidan HZ
Hidan HZ
**

Membro desde : 13/09/2016
Mensagens : 85
Pontos : 161

http://designersps.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de posts

Mensagem por while 25.03.17 3:06

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:
Barra de posts MbWcBrx
Código:
.post.admin {
background-image: url(http://imgur.com/PF0HMMi.png);
background-position: 100% 35px;
background-repeat: no-repeat;
}

Até mais.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de posts

Mensagem por Hidan HZ 25.03.17 12:05

Nada disso funcionou :-/
Hidan HZ
Hidan HZ
**

Membro desde : 13/09/2016
Mensagens : 85
Pontos : 161

http://designersps.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de posts

Mensagem por Luiz 27.03.17 18:05

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
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: Barra de posts

Mensagem por Luiz 30.03.17 17:22

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).
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