Gerir efeito degradê nos tópicos

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

Resolvido Gerir efeito degradê nos tópicos

Mensagem por Cheseburger em 25/07/13, 06:31 pm

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



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, 03:38 pm, editado 1 vez(es)
avatar

Cheseburger
Nível 4

Masculino
Inscrito dia : 15/07/2013
Mensagens : 31
Pontos Ativos : 47

Ver perfil do usuário http://revolutionsfc.forumportugues.com.pt/

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Sennior em 25/07/13, 06:37 pm

Boa noite cordial membro,

Este é o famoso efeito degradê:

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

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Cheseburger em 25/07/13, 07:03 pm

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

Cheseburger
Nível 4

Masculino
Inscrito dia : 15/07/2013
Mensagens : 31
Pontos Ativos : 47

Ver perfil do usuário http://revolutionsfc.forumportugues.com.pt/

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por iDexter em 25/07/13, 07:38 pm

Simples, Veja esse tutorial, siga direitinho que consegues.

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

iDexter
Nível 8

Masculino
Inscrito dia : 12/07/2013
Mensagens : 137
Pontos Ativos : 231

Ver perfil do usuário http://lostpixel.forum-pro.net

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Sckool em 25/07/13, 07:46 pm

Olá Cheseburger,

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

[TUTORIAL] Imagem nas postagens:

Bom a versão do seu fórum é phpBB3 como citado na sua postagem então irei criar uma imagem nas postagem com o rank de administrador ok? :B

phpBB3 escreveu: jQuery(document).ready(function(){
jQuery("div.post:has('.administrador')").css('background','url(http://i.imgur.com/XtFaN.png) repeat-y top right')});

Adicione esta js ->
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript Seta Criar um novo Java Script
e salve.

Vá até
Painel de Controle Seta Usuários Seta Ranks Seta Administração dos Ranks
Crie ou modifique o rank "Administrador"

Título do Rank: <span class="Administrador">Administrador</span>
Rank Especial : Não
URL da imagem do rank: nada aqui.


Clique em salvar.
depois veja o resultado.

Piscada
avatar

Sckool
Nível 8

Masculino
Inscrito dia : 25/07/2013
Mensagens : 128
Pontos Ativos : 211

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

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Sennior em 25/07/13, 09:23 pm

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

Cordial membro,

Onde o senhor teve dúvida?

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Cheseburger em 26/07/13, 05:54 am

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
avatar

Cheseburger
Nível 4

Masculino
Inscrito dia : 15/07/2013
Mensagens : 31
Pontos Ativos : 47

Ver perfil do usuário http://revolutionsfc.forumportugues.com.pt/

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Sennior em 26/07/13, 06:13 am

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Cheseburger em 26/07/13, 06:33 am

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

Cheseburger
Nível 4

Masculino
Inscrito dia : 15/07/2013
Mensagens : 31
Pontos Ativos : 47

Ver perfil do usuário http://revolutionsfc.forumportugues.com.pt/

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Sennior em 26/07/13, 06:35 am

Olá novamente! Muito feliz

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

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Cheseburger em 26/07/13, 06:37 am

Já retirei
avatar

Cheseburger
Nível 4

Masculino
Inscrito dia : 15/07/2013
Mensagens : 31
Pontos Ativos : 47

Ver perfil do usuário http://revolutionsfc.forumportugues.com.pt/

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Sennior em 26/07/13, 06:39 am

Estranho... Tem mais de um código JavaScript em teu fórum? Se sim, tente apenas este do efeito degradê.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Cheseburger em 26/07/13, 06:46 am

Não funcionou.
avatar

Cheseburger
Nível 4

Masculino
Inscrito dia : 15/07/2013
Mensagens : 31
Pontos Ativos : 47

Ver perfil do usuário http://revolutionsfc.forumportugues.com.pt/

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Sennior em 26/07/13, 06:55 am

Olá!

Coloque o investimento Nos tópicos por gentileza.

Até mais.

avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Fake em 26/07/13, 07:06 am

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

Fake
Nível 9

Masculino
Inscrito dia : 07/07/2013
Mensagens : 159
Pontos Ativos : 292

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

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Cheseburger em 26/07/13, 07:15 am

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

Cheseburger
Nível 4

Masculino
Inscrito dia : 15/07/2013
Mensagens : 31
Pontos Ativos : 47

Ver perfil do usuário http://revolutionsfc.forumportugues.com.pt/

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Sennior em 26/07/13, 08:28 am

Cordial membro,

Vamos por outro método:
Aceda a:
Painel de controleVisualização  Imagens e CoresCoresAba 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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por MateusA em 26/07/13, 09:33 am

Olá!

O senhor esqueceu do "." antes do Administrador, por favor, adicione-o:

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Cheseburger em 26/07/13, 02:01 pm

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

Cheseburger
Nível 4

Masculino
Inscrito dia : 15/07/2013
Mensagens : 31
Pontos Ativos : 47

Ver perfil do usuário http://revolutionsfc.forumportugues.com.pt/

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Cheseburger em 26/07/13, 03:28 pm

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

Cheseburger
Nível 4

Masculino
Inscrito dia : 15/07/2013
Mensagens : 31
Pontos Ativos : 47

Ver perfil do usuário http://revolutionsfc.forumportugues.com.pt/

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por MateusA em 26/07/13, 03:32 pm

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

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Gerir efeito degradê nos tópicos

Mensagem por Cheseburger em 26/07/13, 03:38 pm

Funcionou! Obrigado crazy!
avatar

Cheseburger
Nível 4

Masculino
Inscrito dia : 15/07/2013
Mensagens : 31
Pontos Ativos : 47

Ver perfil do usuário http://revolutionsfc.forumportugues.com.pt/

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