Gradiente na cor

2 participantes

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

Tópico resolvido Gradiente na cor

Mensagem por Lucas Ferreira 15.10.12 19:48

Qual é minha questão:
Continuando: https://ajuda.forumeiros.com/t68304-alterar-o-fundo-das-mensagens-de-um-usuario-especifico#464913
Queria saber se tem como colocar a cor em gradiente

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://sofclan.forumais.com

Versão do meu fórum:
PHPBB3


Última edição por Lucas Ferreira em 17.10.12 18:36, editado 1 vez(es)
Lucas Ferreira

Lucas Ferreira
***

Membro desde : 16/02/2011
Mensagens : 167
Pontos : 218

http://www.caveirinha.host.org/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Gradiente na cor

Mensagem por Sennior 15.10.12 19:50

Olá querido,

Há sim. Só apenas desejo saber, qual à tua dú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: Gradiente na cor

Mensagem por Lucas Ferreira 15.10.12 19:59

No tópico anterior, eu consegui colocar cor nas mensagens, igual você tem, mas ficou uniforme, queria saber como coloco gradiente, assim como você, aqui no FdF!
Lucas Ferreira

Lucas Ferreira
***

Membro desde : 16/02/2011
Mensagens : 167
Pontos : 218

http://www.caveirinha.host.org/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Gradiente na cor

Mensagem por Sennior 15.10.12 20:07

Olá,

Troque a imagem do fundo por está é veja se resulta:

https://2img.net/r/ihimizer/img809/1979/hjo8.png

Se não funcionar, necessito dos códigos usados por ti.

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: Gradiente na cor

Mensagem por Lucas Ferreira 15.10.12 20:17

mas mas, nao é imagem...
Código:
jQuery(document).ready(function(){i='154';p='#8B0000';jQuery('.post .name a[href="/u'+i+'"],.postprofile a[href="/u'+i+'"],.post .username a[href="/u'+i+'"],.postprofile .avatar a[href="/u'+i+'"]').closest('.post').css('background-color',p).find('.postbody,.posthead,.postmain,.post-header,.post-footer,td,td *').css('background-color',p)});
Lucas Ferreira

Lucas Ferreira
***

Membro desde : 16/02/2011
Mensagens : 167
Pontos : 218

http://www.caveirinha.host.org/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Gradiente na cor

Mensagem por Sennior 15.10.12 20:29

Olá, irei te passar o efeito puro que o FdF usa, primeiro
Aceda a:
Painel de controleGradiente na cor 2479035592Visualização Gradiente na cor 2479035592Imagens e CoresGradiente na cor 2479035592CoresGradiente na cor 2479035592Aba Folha CSS.
Cole o codigo abaixo e salve.
Código:
equipefundo{background-image:url(http://i.imgur.com/Rb9If.png);background-repeat:repeat-y}.post.equipefundoMods{background-image:url(http://i.imgur.com/OsHYs.png);background-repeat:repeat-y}.post.equipefundoArt{background-image:url(http://i.imgur.com/6QFgj.png);background-repeat:repeat-y}.post.equipefundoAju{background-image:url(http://i.imgur.com/XtFaN.png);background-repeat:repeat-y}.post.online.equipefundo{background-image:url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/Rb9If.png);background-repeat:no-repeat,repeat-y}.post.online.equipefundoMods{background-image:url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/OsHYs.png);background-repeat:no-repeat,repeat-y}.post.online.equipefundoArt{background-image:url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/6QFgj.png);background-repeat:no-repeat,repeat-y}.post.online.equipefundoAju{background-image:url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/XtFaN.png);background-repeat:no-repeat,repeat-y}


Feito isto Crie um nova java script ou edite a antigo adicionando este codigo no lugar, com o investimento marcado nos topicos, o codigo vai ser este
jQuery(document).ready(function(){e=document.getElementsByTagName('span');for(i=0;i<e.length;i++){p=e.className;n=e[i].parentNode.previousSibling;if(p=='equipefundo'){n.parentNode.parentNode.parentNode.parentNode.className+=' equipefundo'}if(p=='equipefundoMods'){n.parentNode.parentNode.parentNode.parentNode.className+=' equipefundoMods'}if(p=='equipefundoArt'){n.parentNode.parentNode.parentNode.parentNode.className+=' equipefundoArt'}if(p=='equipefundoAju'){n.parentNode.parentNode.parentNode.parentNode.className+=' equipefundoAju'}}});


Depois aceda á adminitração dos ranks, e clique no botão Editar para edita-los, no nome coloque este codigo
<span class="equipefundo">NOME DO RANK</span>
Veja que no codigo java eu deixei em negrito as tags que serão os comandos, para dizer qual imagem vai ficar, então no rank de adminitrador coloque este equipefundo, no lugar do que esta marcado em vermelho no codigo do rank, veja aqui os demais comandos.
equipefundoAju - Gradiente na cor XtFaN
equipefundoArt - Gradiente na cor 6QFgj
equipefundoMods - Gradiente na cor OsHYs
equipefundo - Gradiente na cor Rb9If
Onde adicionará estes comandos?
Aqui onde esta marcado em vermelho
<span class="equipefundo">NOME DO RANK</span>
Substitua o "equipefundo" pelo nome do comando que deseja para cada rank, entende?
[i]Cordialmente.
Café
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: Gradiente na cor

Mensagem por Lucas Ferreira 15.10.12 20:35

Agora parou de funcionar... acho que vou deixar como estava mesmo...
Lucas Ferreira

Lucas Ferreira
***

Membro desde : 16/02/2011
Mensagens : 167
Pontos : 218

http://www.caveirinha.host.org/

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