Como adicionar dois ranks?

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.com	Versão:	PHPBB3
Tipo:	Erros diversos	Tags:	adicionar,ranks?

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

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.

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

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

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?

por Uatyla 16.05.14 23:56

Funcionou, vlw!

Como adicionar dois ranks?

Como adicionar dois ranks?

Re: Como adicionar dois ranks?

Re: Como adicionar dois ranks?

Re: Como adicionar dois ranks?

Re: Como adicionar dois ranks?

Re: Como adicionar dois ranks?

Re: Como adicionar dois ranks?