Gerir efeito degradê nos tópicos

+2
Sennior
Cheseburger
6 participantes

Ir para baixo

Tópico resolvido Gerir efeito degradê nos tópicos

Mensagem por Cheseburger 25.07.13 22:31

Qual é minha questão:
Gostaria de saber como se põe assim este layout amarelo ou de outra cor no perfil dos staff.

Gerir efeito degradê nos tópicos Q8xRqUa

Endereço do meu fórum:
http://revolutionsfc.forumportugues.com.pt

Versão do fórum:
PHPBB3


Última edição por Cheseburger em 26.07.13 19:38, editado 1 vez(es)
Cheseburger
Cheseburger
*

Membro desde : 15/07/2013
Mensagens : 31
Pontos : 47

http://revolutionsfc.forumportugues.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Sennior 25.07.13 22:37

Boa noite cordial membro,

Este é o famoso efeito degradê:

<li> https://ajuda.forumeiros.com/t61132-

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: Gerir efeito degradê nos tópicos

Mensagem por Cheseburger 25.07.13 23:03

Eu não percebi bem o Tutorial.. pode-me explicar melhor?
Cheseburger
Cheseburger
*

Membro desde : 15/07/2013
Mensagens : 31
Pontos : 47

http://revolutionsfc.forumportugues.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por iDexter 25.07.13 23:38

Simples, Veja esse tutorial, siga direitinho que consegues.

Código:
http://ajuda.forumeiros.com/t61132-
iDexter
iDexter
***

Membro desde : 12/07/2013
Mensagens : 137
Pontos : 231

http://lostpixel.forum-pro.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Sckool 25.07.13 23:46

Olá Cheseburger,

Eu fiz o tutorial citado pelo Lervisic e consegui direitinho mais siga abaixo o spoiler.

[TUTORIAL] Imagem nas postagens:

Piscada
Sckool
Sckool
***

Membro desde : 25/07/2013
Mensagens : 130
Pontos : 214

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Sennior 26.07.13 1:23

Cheseburger escreveu:Eu não percebi bem o Tutorial.. pode-me explicar melhor?

Cordial membro,

Onde o senhor teve 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: Gerir efeito degradê nos tópicos

Mensagem por Cheseburger 26.07.13 9:54

Eu não precebi a parte do valor vermelho, do que por no "nomedorank" o comando do código .JS
No campo "Título do rank" deverá substituir por este código:
Código:
<span class="nomedorank">Título do rank</span>

O valor vermelho será o comando do código .JS - E o campo selecionado como verde será o título anterior do rank, por exemplo, "Administrador".
Alguem me pode dar já feito? O título do rank que quero é Administrador
Cheseburger
Cheseburger
*

Membro desde : 15/07/2013
Mensagens : 31
Pontos : 47

http://revolutionsfc.forumportugues.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Sennior 26.07.13 10:13

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: Gerir efeito degradê nos tópicos

Mensagem por Cheseburger 26.07.13 10:33

Desculpem o incomodo que vos estou a dar, mas vejam, eu tenho o codigo js, tenho o codigo no rank administrador, e como vêm não aparece o efeito.
Gerir efeito degradê nos tópicos Gzog<br><br><br>Gerir efeito degradê nos tópicos TCrO68w<br>Gerir efeito degradê nos tópicos LZqYGEK
Cheseburger
Cheseburger
*

Membro desde : 15/07/2013
Mensagens : 31
Pontos : 47

http://revolutionsfc.forumportugues.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Sennior 26.07.13 10:35

Olá novamente! Muito feliz

Retire teu fórum de manutenção por gentileza.

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: Gerir efeito degradê nos tópicos

Mensagem por Cheseburger 26.07.13 10:37

Já retirei
Cheseburger
Cheseburger
*

Membro desde : 15/07/2013
Mensagens : 31
Pontos : 47

http://revolutionsfc.forumportugues.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Sennior 26.07.13 10:39

Estranho... Tem mais de um código JavaScript em teu fórum? Se sim, tente apenas este do efeito degradê.
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: Gerir efeito degradê nos tópicos

Mensagem por Cheseburger 26.07.13 10:46

Não funcionou.
Cheseburger
Cheseburger
*

Membro desde : 15/07/2013
Mensagens : 31
Pontos : 47

http://revolutionsfc.forumportugues.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Sennior 26.07.13 10:55

Olá!

Coloque o investimento Nos tópicos por gentileza.

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: Gerir efeito degradê nos tópicos

Mensagem por Fake 26.07.13 11:06

Olá Cheseburger.

Siga os seguintes passos:

Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos códigos Javascript:

Habilitar o gerenciamento dos códigos JavaScript :SIM
Talvez é esse o problema Piscada

Abraços, iChees.
Fake
Fake
***

Membro desde : 07/07/2013
Mensagens : 159
Pontos : 292

http://powerhelp.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Cheseburger 26.07.13 11:15

Eu já tinha activado, não é esse o problema..
Cheseburger
Cheseburger
*

Membro desde : 15/07/2013
Mensagens : 31
Pontos : 47

http://revolutionsfc.forumportugues.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Sennior 26.07.13 12:28

Cordial membro,

Vamos por outro método:
Aceda a:
Painel de controleGerir efeito degradê nos tópicos 2479035592Visualização  Gerir efeito degradê nos tópicos 2479035592Imagens e CoresGerir efeito degradê nos tópicos 2479035592CoresGerir efeito degradê nos tópicos 2479035592Aba Folha CSS.

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}

<li> Coloque o código acima no inicio de teu CSS.

Feito isto Crie um Novo Java Script ou edite a antigo adicionando este código no lugar, com o investimento marcado Nos tópicos, o código vai ser este:

jQuery(document).ready(function(){e=document.getElementsByTagName('span');for(i=0;i<e.length;i++){p=e.className;n=e.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 à Administração dos ranks, e clique no botão :editar:para edita-los, no nome coloque este código:
equipefundo">NOME DO RANK</span>

Veja que no código Java eu deixei em negrito as tags que serão os comandos, para dizer qual imagem vai ficar, então no Rank de administrador coloque este Equipefundo, no lugar do que esta marcado em vermelho no código do Rank, veja aqui os demais comandos.

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

Atenciosamente. Piscada
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: Gerir efeito degradê nos tópicos

Mensagem por MateusA 26.07.13 13:33

Olá!

O senhor esqueceu do "." antes do Administrador, por favor, adicione-o:
Gerir efeito degradê nos tópicos Gzog

Até mais.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Cheseburger 26.07.13 18:01

Crazy não funcionou, vou tentar o método do Sheldon.
Cheseburger
Cheseburger
*

Membro desde : 15/07/2013
Mensagens : 31
Pontos : 47

http://revolutionsfc.forumportugues.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Cheseburger 26.07.13 19:28

Sheldon não precebi muito bem o seu tutorial, não podia por o código já feito para mim, se fizer favor?
Cheseburger
Cheseburger
*

Membro desde : 15/07/2013
Mensagens : 31
Pontos : 47

http://revolutionsfc.forumportugues.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por MateusA 26.07.13 19:32

Olá!

Troque o nome do rank por este:
Código:
<span class="nomedorank2">DIGITE_AQUI_O_NOME_DO_RANK</span>

Crie um novo JavaScript com este código:
Código:
jQuery(document).ready(function(){
jQuery(".post:has('.nomedorank2')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top right');
});
Seta Nos tópicos!

Até mais.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Cheseburger 26.07.13 19:38

Funcionou! Obrigado crazy!
Cheseburger
Cheseburger
*

Membro desde : 15/07/2013
Mensagens : 31
Pontos : 47

http://revolutionsfc.forumportugues.com.pt/

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