Tagzinha em cima do rank

por Dragon_Obscure 16.06.20 3:41

Detalhes da questão

Endereço do fórum: https://connection-paradise.forumeiros.com/
Versão do fórum: phpBB3

Descrição

gostaria de saber como faço para adicionar tagzinhas como essa acima do meus ranks, com varios nomes diferentes.

por Chanp 16.06.20 4:34

Olá @Dragon_Obscure,

Acredito que isso seja um segundo rank acima do primeiro. Para ter esse efeito, queira ler este tutorial:
https://ajuda.forumeiros.com/t80606-

Isso resolve sua questão?
Chanp

por Dragon_Obscure 16.06.20 5:06

uhum, mas como eu coloco para aparecer dessa forma ai que exemplifiquei? sem ter que colocar imagem.
Gostaria que ficasse exatamente igual, o modelo ai de cima.

assim por exemplo

por **tikky** 16.06.20 9:10

Olá @Dragon_Obscure,

O senhor pode passar o modelo usado por si para adaptar ao script?

Aguardo uma resposta sua,
pedxz.

por Dragon_Obscure 16.06.20 17:06

Código:: jQuery(document).ready(function(){jQuery('div#fundador').append('<br><img src="IMAGEM">'); });

tava tentando usar esse, que me recomendaram, mas n deu certo

ai peguei e inseri esse no titulo do rank

Código:: <div id="fundador">Fundador</div>

por **tikky** 16.06.20 18:04

Altere para:

Código:: (function($) { 'use strict'; var rank = { class: '#fundador', content: [ '<div id="fundador">Rank customizado 1</div>', '<div id="fundador">Rank customizado 2</div>', '' /* O último não leva vírgula */ ].join('\n') }; $(function() { $('.postprofile').each(function () { var $this = $(this); if(!$this.find(rank.class).length) return; $this .find(rank.class) .append(rank.content); }); }); })(jQuery);

E nesta área:

Código:: content: [ '<div id="fundador">Rank customizado 1</div>', '<div id="fundador">Rank customizado 2</div>', '' /* O último não leva vírgula */ ].join('\n')

o senhor pode adicionar o HTML que quiser (dentro do ' ')

por Dragon_Obscure 16.06.20 18:11

Blz, mas colo esses 2 no javascript?

por **tikky** 16.06.20 18:14

Remova o JS que o senhor atualmente usa (passado pelo Chanp) e use o primeiro que eu passei!

por Dragon_Obscure 16.06.20 18:33

Blz amigo, foi, mas gostaria de saber como faço pra deixar ele destacado como o do exemplo com a cor da legenda de cada ranking e centralizado. Gostaria que ficasse identico ao do exemplo.

por **tikky** 16.06.20 18:36

Recomendo a leitura do seguinte tópico: Rank em estilo CSS, mas não faça a etapa dois, depois passe-me o código para adicionar ao script!

por Dragon_Obscure 16.06.20 18:48

Código:: .fundador { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #65a830; border-radius: 3px; color: #fff; display: inline-block; font-size: 11px; font-weight: 700; margin-top: 5px; padding: 3px 8px; text-shadow: rgba(0,0,0,0.2) 0 -1px 0; }

por Dragon_Obscure 16.06.20 18:53

ai no caso gostaria dela centralizada ai em cima do ranking, com a cor do grupo no fundo, exatamente como o exemplo dado antes acima

por **tikky** 16.06.20 19:56

Como os tópicos não estão visíveis para convidados vai ser difícil ajudar caso tenha alguma edição no template viewbody_topic. Caso não tenha, use:

Código:: .postprofile > dl dt { text-align: center!important; }

por Dragon_Obscure 16.06.20 20:43

Consegui amigo, Obrigado ^^

por Chanp 16.06.20 20:56

Tópico resolvido

Movido para "Questões resolvidas".

Hitskin.com

Tagzinha em cima do rank