Como adicionar dois ranks?

2 participantes

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

Tópico resolvido Como adicionar dois ranks?

Mensagem por Uatyla 15.05.14 21:45

  • Descrição:
Olá senhores!

Eu queria adicionar uma imagem semelhante ao rank, porém em baixo do rank, eu queria saber si é possível?

Tipo o meu fórum é de aquarismo, ai tem por exemplo "Moderador" ai esse moderador, cria camarão ai queria colocar "Clube dos Camarões".
Isso é possível, mais queria que só eu Idealizador do fórum tenha permissão.

  • Informações:
Fórum:http://vidadeaquarista.forumeiros.comVersão:PHPBB3
Tipo:Erros diversosTags:adicionar,ranks?



Última edição por uatyla em 17.05.14 2:59, editado 1 vez(es)
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar dois ranks?

Mensagem por waghcwb 15.05.14 21:51

Olá,

Claro que é possível...

Enfim, nos de algumas informações úteis como:

"mais queria que só eu Idealizador do fórum tenha permissão."
Com isso o senhor quis dizer que apenas o senhor pode aplicar estes ranks?

Outra informação que gostaria é, o rank será adicionado de acordo com qual atributo do perfil do usuário? Nome? Rank atual? Grupo? (se for individualmente creio que seja por nome...)

Abraços...
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar dois ranks?

Mensagem por Uatyla 15.05.14 22:08

Sim, eu gostaria que só eu colocasse esse suposto rank, para evita bagunça.
gostaria que ficasse, em baixo do rank atual.
Como adicionar dois ranks? Perfil


tipo, eu pretendo criar grupos, e cada grupo terá uma plaquinha de rank, mais não quero retira os rank atual de moderação.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar dois ranks?

Mensagem por waghcwb 15.05.14 22:55

Olá,

Não entendi muito bem o propósito, mas enfim, vamos lá:
Código:
//<![CDATA[
$(window).load(function(){
    var icons = {
            administrador: '<img src="http://icons.iconarchive.com/icons/diveandgo/diving/256/mask-icon.png" alt="Mask icon"/>',
            moderador: '<img src="http://icons.iconarchive.com/icons/diveandgo/diving/256/fins-icon.png" alt="Fins icon"/>'
        },
        admin = $('.dono'),
        mod = $('.moderador');
    
        admin.parent('dd').after('<dd>'+ icons.administrador +'</dd>');
        mod.parent('dd').after('<dd>'+ icons.moderador +'</dd>');
});
//]]>

Insira este código com investimento nos tópicos e faça o teste..

Código comentado:
Código:
//<![CDATA[
$(window).load(function(){
    //icons or texts
    var icons = {
            administrador: '<img src="http://icons.iconarchive.com/icons/diveandgo/diving/256/mask-icon.png" alt="Mask icon"/>',
            moderador: '<img src="http://icons.iconarchive.com/icons/diveandgo/diving/256/fins-icon.png" alt="Fins icon"/>'
        },
        //admin check
        admin = $('.dono'),
        //mod check
        mod = $('.moderador');
        
        //insert admin
        admin.parent('dd').after('<dd>'+ icons.administrador +'</dd>');
        
        //insert mod
        mod.parent('dd').after('<dd>'+ icons.moderador +'</dd>');
});
//]]>

Então, se você tem uma noção básica de Javascript ja sabe o que fazer, se não, veja:

Esta parte
Código:
var icons = {
            administrador: '<img src="http://icons.iconarchive.com/icons/diveandgo/diving/256/mask-icon.png" alt="Mask icon"/>',
            moderador: '<img src="http://icons.iconarchive.com/icons/diveandgo/diving/256/fins-icon.png" alt="Fins icon"/>'
        }

É responsável por armazenar os ícones ou textos que o senhor deseja adicionar ali..

Essa parte
Código:
       //admin check
        admin = $('.dono'),
        //mod check
        mod = $('.moderador');

Usei, pois notei que o senhor usa a class "dono", "moderador" em seus ranks certo? Assim os ícones são adicionados em todos os usuários deste grupo..

E aqui é que "a mágica acontece"
Código:
       //insert admin
        admin.parent('dd').after('<dd>'+ icons.administrador +'</dd>');

Ele insere logo após o rank o "icons.administrador" que é sua imagem ou texto...

Os ícones que usei são grandes, mas é possível diminuir o tamanho via CSS, basta adicionar uma classe para que possamos estilizar, veja:
Código:
        //insert admin
        admin.parent('dd').after('<dd class="icon">'+ icons.administrador +'</dd>');

E um CSS com o seguinte conteúdo
Código:
.icon img{
    max-width: 50px;
}

Ou qualquer estilização que o senhor deseje...

Enfim, ficou claro a maneira de usar?

Outra coisa, eu fiz o efeito que o senhor queria, ou me equivoquei?

Abraços...
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar dois ranks?

Mensagem por Uatyla 15.05.14 23:57

Vou tenta aqui!Mais onde coloco os códigos, no JV ou No CSS?

@edit

nesse site tem um exemplo
http://www.aquaflux.com.br/forum/viewtopic.php?f=24&t=26111&p=327717#p327717

Coordenador de club
Clube dos bettas
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar dois ranks?

Mensagem por waghcwb 16.05.14 23:00

Olá,

Agora entendi...

Bom, vamos usar este código então:
Código:
//<![CDATA[
$(window).load(function(){
    var icons = {
            administrador: '<img src="http://icons.iconarchive.com/icons/diveandgo/diving/256/mask-icon.png" alt="Mask icon"/>',
            moderador: '<img src="http://icons.iconarchive.com/icons/diveandgo/diving/256/fins-icon.png" alt="Fins icon"/>'
        };
    $('.postprofile').each(function(){
       
        if( $(this).find('dl dt span:contains("Uátyla")').length ){
            $(this).children().find('dd').first().after('<dd>'+ icons.administrador +'</dd>');
        }else if( $(this).find('dl dt span:contains("Renata")').length ){
            $(this).children().find('dd').first().after('<dd>'+ icons.moderador +'</dd>');
        }
    });
});
//]]>

Fiz o teste nessa página de seu fórum
http://vidadeaquarista.forumeiros.com/t612-substrato-basalto

La usei o seu nome e o nome do usuário(a) Renata, com os quais obtive exito em ambos!!

Para manipular seus ícones via CSS leia as mensagens acima...




Configurando

Essa parte
Código:
$(this).find('dl dt span:contains("Uátyla")').length

É responsável por checar se existe o nome de determinado usuário e caso exista adiciona o rank.., basta trocar o nome para o desejado...

Para adicionar mais usuários, repita esta parte do código
Código:
else if( $(this).find('dl dt span:contains("Renata")').length ){
            $(this).children().find('dd').first().after('<dd>'+ icons.moderador +'</dd>');
        }

E para alterar o rank de cada um ja foi citado como é feito o processo...

Resulta? Tem alguma dúvida?
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar dois ranks?

Mensagem por Uatyla 16.05.14 23:56

Funcionou, vlw!
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2489
Pontos : 3537

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

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