Barra de acordo com a cor do grupo

Item: Barra de acordo com a cor do grupo
Rating: 1

por iScroll 24.03.17 1:45

Detalhes da questão

Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: phpBB2

Descrição

Olá pessoal, gostaria do seguinte código:

https://i.imgur.com/eFcC8oI.png?1
Não sei se dá pra perceber essa barra cinza ai, percebi também o Shek Crowley com a barra vermelha de acordo com a cor do grupo dele.
Seria possível incrementar isso no meu fórum ?

por Kyo Panda 24.03.17 11:41

Primeiro desative o seguinte script:

Código:: http://www.brasilplayultimate.com.br/29692.js

Ele deveria ir abaixo do <body> no overall_header. Após, adicione a um novo Javascript com Investimento em Nos tópicos:

Código:: (function($) { 'use strict'; if (!/^\/t\d+-/i.test(window.location.href)) { return; } $(function() { $('.user-basic-info').each(function() { var $this = $(this); var alt = $this .find('img:last') .attr('alt') ; if (!alt) { return; } var name = alt .toLowerCase() .normalize('NFD') .replace(/[\u0300-\u036f]/g, '') .replace(/[^a-z0-9]+/gi, '-') ; $this.closest('.post').addClass('post-' + name); }); }); }(jQuery));

E ao CSS:

Código:: #main .post { border: 1px #e9e9e9 solid; border-top-width: 10px; padding: 10px; margin-bottom: 10px; } #main .post-dono-fundador { border-top-color: #f0f; }

E é só adicionar mais regras de CSS como:

Código:: #main .post-nome-do-rank { border-top-color: #COR; }

por iScroll 24.03.17 15:12

Bom, fiz dessa maneira de acordo com as cores/nomes dos grupos, mas infelizmente não funcionou, apenas a borda de "MEMBROS"

Código:: #main .post { border: 1px #e9e9e9 solid; border-top-width: 10px; padding: 10px; margin-bottom: 10px; } #main .post-administradores { border-top-color: #FF00FF; } #main .post-moderadores { border-top-color: #0033FF; } #main .post-moderadores-forum { border-top-color: #1BC25B; } #main .post-designers { border-top-color: #F2C600; } #main .post-socio { border-top-color: #00FFEA; } #main .post-vips { border-top-color: #FF0000; }

por Kyo Panda 24.03.17 16:34

Para falar a verdade eu estou utilizando o nome dos rankings dos usuários para aplicar o estilo:

Código:: #main .post-dono-fundador, #main .post-dono-scripter { border-top-color: #FF00FF; } #main .post-moderador { border-top-color: #0033FF; } #main .post-membro-ultimate { border-top-color: #00FFEA; } #main .post-vip-s { border-top-color: #FF0000; }

E assim por diante.

por iScroll 24.03.17 17:52

Certo, mas infelizmente continua a mesma coisa. Aplique o CSS passado e não resultou em nada.

por Kyo Panda 24.03.17 18:58

Erro meu:

Código:: (function($) { 'use strict'; if (!/^\/t\d+-/i.test(window.location.pathname)) { return; } $(function() { $('.user-basic-info').each(function() { var $this = $(this); var alt = $this .find('img:last') .attr('alt') ; if (!alt) { return; } var name = alt .toLowerCase() .normalize('NFD') .replace(/[\u0300-\u036f]/g, '') .replace(/[^a-z0-9]+/gi, '-') ; $this.closest('.post').addClass('post-' + name); }); }); }(jQuery));

por iScroll 24.03.17 19:57

Perfeito Kyo! obrigado.

por Luiz 24.03.17 20:04

Barra de acordo com a cor do grupo Symbol10

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Barra de acordo com a cor do grupo