Como adicionar dois ranks?

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

Resolvido Como adicionar dois ranks?

Mensagem por Uatyla em 15/05/14, 05:45 pm

  • 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 16/05/14, 10:59 pm, editado 1 vez(es)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como adicionar dois ranks?

Mensagem por waghcwb em 15/05/14, 05:51 pm

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

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Como adicionar dois ranks?

Mensagem por Uatyla em 15/05/14, 06:08 pm

Sim, eu gostaria que só eu colocasse esse suposto rank, para evita bagunça.
gostaria que ficasse, em baixo do rank atual.



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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como adicionar dois ranks?

Mensagem por waghcwb em 15/05/14, 06:55 pm

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

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Como adicionar dois ranks?

Mensagem por Uatyla em 15/05/14, 07:57 pm

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
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como adicionar dois ranks?

Mensagem por waghcwb em 16/05/14, 07:00 pm

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?
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Como adicionar dois ranks?

Mensagem por Uatyla em 16/05/14, 07:56 pm

Funcionou, vlw!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

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