Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como passar para a direita um efeito de Halloween
Hoje à(s) 02:19 pm por Luiz

» [Sugestão] Grupo de Acesso ao Painel
Hoje à(s) 02:17 pm por Luiz

» Nova MP ModerNBB
Hoje à(s) 02:14 pm por Luiz

» Como abrir um Evento/Anuncio de um tópico?
Hoje à(s) 02:00 pm por Luiz

» Retirar código de confirmação
Hoje à(s) 02:00 pm por Luiz

» Questão sobre aspeto de blog
Hoje à(s) 02:00 pm por Luiz

» Como resolver ? Este nome de usuário já está sendo utilizado.
Hoje à(s) 01:59 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
zHugh
 
T1ag0
 
PlayWillian
 
ranzatti
 
Lecxa
 

Quem está conectado
249 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 241 Visitantes :: 2 Motores de busca

Adder_, DustyRhodes, iScroll, Ketholy123, Luiz, Shek, uvmyyvpew, xDominiC_.

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 : 3107
Pontos Ativos : 4515

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5064
Pontos Ativos : 5870

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5064
Pontos Ativos : 5870

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