Efeito nos tópicos

4 participantes

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

Tópico resolvido Efeito nos tópicos

Mensagem por juninho_xd 14.03.12 7:58

Qual é minha questão:
Olá, eu estive vendo aqui no forum dos forum, um efeito que eu gostei muito.

O efeito e esse da imagem, aonde cada post dos membros da staff, aparece destacado e com a cor do grupo.

Por gentileza alguem poderia me passar?

Obrigado desde ja.

Medidas que eu tomei para corrigir o problema:
Vim aqui no fdf procurar ajuda.

Links e imagens do meu problema:
Efeito nos tópicos Duvi10

Endereço do meu fórum:
http://high-tech.livreforum.com

Versão do meu fórum:
PHPBB3
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos tópicos

Mensagem por Troubleshoot 14.03.12 9:50

Olá , por favor cheque este tópico :

:seta2: https://ajuda.forumeiros.com/t55271-

Resulta ?

Até mais.Piscada
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos tópicos

Mensagem por juninho_xd 14.03.12 19:01

!sasuky escreveu:Olá , por favor cheque este tópico :

:seta2: https://ajuda.forumeiros.com/t55271-

Resulta ?

Até mais.Piscada


Boa tarde, não funcionou, minha versão é phpbb3.

Att
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito nos tópicos

Mensagem por Roevs 14.03.12 19:09

Bom não sei se da para por na versão Phpbb3 mais tente deste modo

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS

Adiciona este código abaixo


Código:
equipefundo{background-image:url(http://i.imgur.com/Rb9If.png);background-repeat:repeat-y}.postbody .equipefundoMods{background-image:url(http://i.imgur.com/OsHYs.png);background-repeat:repeat-y}.postbody .equipefundoArt{background-image:url(http://i.imgur.com/6QFgj.png);background-repeat:repeat-y}.postbody .equipefundoAju{background-image:url(http://i.imgur.com/XtFaN.png);background-repeat:repeat-y}.postbody .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}.postbody .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}.postbody .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}.postbody .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}

Depois vai em

Painel de Controle Seta Módulos Seta HTML & JavaScript Seta Gestão dos códigos JavaScript

Clica em

Criar um novo JavaScript

Título * : Cores Equipes

Investimento : Nos Tópicos

Código JavaScript * : ( Ponha o Código Abaixo )

$(function(){$('div.post:has(".(EQUIPEFUNDO)"), div.postmain:has(".(EQUIPEFUNDO)")').css('background','url(https://2img.net/r/ihimizer/img809/1979/hjo8.png) repeat-y top right')});

Feito isto coloque este codigo no nome do seu Rank

<span class="(EQUIPEFUNDO)">NOME DO RANK</span>


Última edição por @Coper em 14.03.12 19:12, editado 1 vez(es)
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos tópicos

Mensagem por Troubleshoot 14.03.12 19:10

MateusV. escreveu:Olá,
Aceda ao seu
Painel de controle Seta Modulos Seta HTML e Java Script Seta Gestão dos codigos java script
:seta2: Crie um novo java script com o "Investimento" marcado "Nos topico", com o seguinte codigo
$(function(){$('div.post:has(".equipefundo"), div.postmain:has(".equipefundo")').css('background','url(https://2img.net/r/ihimizer/img809/1979/hjo8.png) repeat-y top right')});
Edite oque esta em vermelho mudando o nome, exemplo, para os adminitradores coloque "equipefundoadm", mudando tambem o url da imagem, feito isto aceda ao seu
Painel de controle Seta Usuarios e Grupos Seta Ranks Seta Administração dos ranks
:seta2: Clique no botão Editar do Rank aministrador e coloque este codigo
<span class="equipefundo">NOME DO RANK</span>
Esta parte em vermelha mudará conforme mudar a parte em vermelha do codigo java script (o primeiro codigo), feito isto clique em salvar.
Cordialmente. Café

Obs : Este efeito funciona em PHPBB3 sim !
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos tópicos

Mensagem por juninho_xd 14.03.12 19:18

Mais no caso eu gostaria de fazer isso não só com administrador, mais com moderador, design colaborador e estagiário.

Como poderei mudar a cor?

Exemplo: adm vermelho, moderador verde, design amarelo, estagiario cinza.


Att
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos tópicos

Mensagem por Troubleshoot 14.03.12 19:22

Simples . faça a mesma coisa só mude as imagens e o rank !

Piscada
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos tópicos

Mensagem por juninho_xd 14.03.12 19:56

Olá, não funcionou ainda, ja tentei de tudo.

Exemplo quero por ranking de adm coloco:

Prescisa de css? Pois meu css esta lotado.


codigo javascript:

Código:
$(function(){$('div.post:has(".adm"), div.postmain:has(".adm")').css('background','url(http://i47.servimg.com/u/f47/16/67/78/59/adm11.png) repeat-y top right')});

No ranking coloco:

Código:
<span class="(adm)"><b><font color="#e60707">Fun</font>dador</b></span>
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Efeito nos tópicos

Mensagem por MateusV. 14.03.12 20:00

Olá, substitua o codigo do rank por este
<span class="adm"><b><font color="#e60707">Fun</font>dador</b></span>
Obs: Não use "()"...
Cordialmente.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

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


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