Degrade no perfil do membro do grupo

3 participantes

Ir para baixo

Tópico resolvido Degrade no perfil do membro do grupo

Mensagem por Rapha Didone 19.09.13 19:47

Qual é minha questão:
Estou utilizando os códigos abaixo para colocar cor no perfil dos grupos que tenho no fórum. Só que consegui colocar em somente um grupo, o meu (Administradores). Gostaria de colocar em mais 4 grupos (todos com cores diferentes). Como posso fazer isso?
Quero fazer isso: https://i.imgur.com/S23nQSt.jpg

JAVASCRIPT
jQuery(document).ready(function(){jQuery('.post:has(.equipefundos)').addClass('equipefundos')});

RANK DO GRUPO
<span class="equipefundos">NOME DO RANK</span>

CSS
.post{background-position:right top}.equipefundos{background-image:url(https://i.servimg.com/u/f75/17/89/52/18/azul_n11.png);background-repeat:repeat-y}.online.equipefundos{background-image:url(https://2img.net/i/fa/prosilver/../Online.png),url(https://i.servimg.com/u/f75/17/89/52/18/azul_n11.png);background-repeat:no-repeat,repeat-y}

Endereço do meu fórum:
http://foge.forum-livre.com

Versão do fórum:
PHPBB3


Última edição por Davidson em 19.09.13 21:35, editado 1 vez(es)
Rapha Didone
Rapha Didone
Membro

Membro desde : 03/11/2012
Mensagens : 530
Pontos : 847

http://www.clubedosestudantes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Degrade no perfil do membro do grupo

Mensagem por First 19.09.13 19:52

Olá,

Senhor, queria chegar por gentileza?
[TUTORIAL] Imagem nas postagens

E adicione este código em sua folha de estilo CSS:
Código:
.nomedorank {
background-image:url(http://i75.servimg.com/u/f75/17/89/52/18/azul_n11.png);
background-repeat:repeat-y;
}
.online.nomedorank {
background-image:url(http://2img.net/i/fa/prosilver/../Online.png),url(http://i75.servimg.com/u/f75/17/89/52/18/azul_n11.png);
background-repeat:no-repeat,repeat-y
}

Até mais.
First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Degrade no perfil do membro do grupo

Mensagem por Sennior 19.09.13 21:12

Olá cordial membro! Muito feliz

É bem simples, veja bem:

Código:
<span class="nomedorank">Título do rank</span>
<li> Nome do Rank: Este será o mesmo valor que o senhor colocou no código JavaScript.
<li> Titulo do Rank: Será o titulo que irá aparecer nas postagens de teu fórum, ou seja Administrador, Moderador...etc.

Agora um exemplo se fosse aplicar este efeito no FdF:

<li> Código que iria no JavaScript com investimento em todas as paginas:
Código:
jQuery(document).ready(function(){
jQuery("div.post:has('Mod')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top right')});
<li> Código que iria no Rank:
Código:
<span class="Mod">Moderador</span>
Compreendeu? De bem com a vida

Até mais!
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Degrade no perfil do membro do grupo

Mensagem por Rapha Didone 19.09.13 21:35

Consegui senhores, obrigado. Positivo
Rapha Didone
Rapha Didone
Membro

Membro desde : 03/11/2012
Mensagens : 530
Pontos : 847

http://www.clubedosestudantes.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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