Tagzinha em cima do rank

3 participantes

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

Tópico resolvido Tagzinha em cima do rank

Mensagem 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. Tagzinha em cima do rank Sem_tz13
Dragon_Obscure

Dragon_Obscure
***

Membro desde : 13/06/2020
Mensagens : 120
Pontos : 192

https://connection-paradise.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tagzinha em cima do rank

Mensagem 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
Chanp

Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tagzinha em cima do rank

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

Tagzinha em cima do rank Sem_tz14

assim por exemplo
Dragon_Obscure

Dragon_Obscure
***

Membro desde : 13/06/2020
Mensagens : 120
Pontos : 192

https://connection-paradise.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Tagzinha em cima do rank

Mensagem 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.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209

Ir para o topo Ir para baixo

Tópico resolvido Re: Tagzinha em cima do rank

Mensagem 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>
Dragon_Obscure

Dragon_Obscure
***

Membro desde : 13/06/2020
Mensagens : 120
Pontos : 192

https://connection-paradise.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Tagzinha em cima do rank

Mensagem 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 ' ')
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209

Ir para o topo Ir para baixo

Tópico resolvido Re: Tagzinha em cima do rank

Mensagem por Dragon_Obscure 16.06.20 18:11

Blz, mas colo esses 2 no javascript?
Dragon_Obscure

Dragon_Obscure
***

Membro desde : 13/06/2020
Mensagens : 120
Pontos : 192

https://connection-paradise.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Tagzinha em cima do rank

Mensagem 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!
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209

Ir para o topo Ir para baixo

Tópico resolvido Re: Tagzinha em cima do rank

Mensagem 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.
Dragon_Obscure

Dragon_Obscure
***

Membro desde : 13/06/2020
Mensagens : 120
Pontos : 192

https://connection-paradise.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Tagzinha em cima do rank

Mensagem 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!
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209

Ir para o topo Ir para baixo

Tópico resolvido Re: Tagzinha em cima do rank

Mensagem 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;
}
Dragon_Obscure

Dragon_Obscure
***

Membro desde : 13/06/2020
Mensagens : 120
Pontos : 192

https://connection-paradise.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tagzinha em cima do rank

Mensagem por Dragon_Obscure 16.06.20 18:53

Tagzinha em cima do rank Sem_tz15

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
Dragon_Obscure

Dragon_Obscure
***

Membro desde : 13/06/2020
Mensagens : 120
Pontos : 192

https://connection-paradise.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Tagzinha em cima do rank

Mensagem 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;
}
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209

Ir para o topo Ir para baixo

Tópico resolvido Re: Tagzinha em cima do rank

Mensagem por Dragon_Obscure 16.06.20 20:43

Consegui amigo, Obrigado ^^
Dragon_Obscure

Dragon_Obscure
***

Membro desde : 13/06/2020
Mensagens : 120
Pontos : 192

https://connection-paradise.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tagzinha em cima do rank

Mensagem por Chanp 16.06.20 20:56

Tópico resolvido


Movido para "Questões resolvidas".
Chanp

Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos