Efeito nos tópicos

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

Resolvido Efeito nos tópicos

Mensagem por juninho_xd em 14/03/12, 04:58 am

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:


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

Versão do meu fórum:
PHPBB3
avatar

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 809
Pontos Ativos : 1263

Ver perfil do usuário http://tech-world.forumeiros.com

Resolvido Re: Efeito nos tópicos

Mensagem por Troubleshoot em 14/03/12, 06:50 am

Olá , por favor cheque este tópico :

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

Resulta ?

Até mais.Piscada
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2202
Pontos Ativos : 2947

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Efeito nos tópicos

Mensagem por juninho_xd em 14/03/12, 04:01 pm

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

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

Resulta ?

Até mais.Piscada


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

Att
avatar

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 809
Pontos Ativos : 1263

Ver perfil do usuário http://tech-world.forumeiros.com

Resolvido Re: Efeito nos tópicos

Mensagem por iPrompt em 14/03/12, 04:09 pm

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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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(http://img809.imageshack.us/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, 04:12 pm, editado 1 vez(es)
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Efeito nos tópicos

Mensagem por Troubleshoot em 14/03/12, 04:10 pm

@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(http://img809.imageshack.us/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 !
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2202
Pontos Ativos : 2947

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Efeito nos tópicos

Mensagem por juninho_xd em 14/03/12, 04:18 pm

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
avatar

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 809
Pontos Ativos : 1263

Ver perfil do usuário http://tech-world.forumeiros.com

Resolvido Re: Efeito nos tópicos

Mensagem por Troubleshoot em 14/03/12, 04:22 pm

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

Piscada
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2202
Pontos Ativos : 2947

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Efeito nos tópicos

Mensagem por juninho_xd em 14/03/12, 04:56 pm

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

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 809
Pontos Ativos : 1263

Ver perfil do usuário http://tech-world.forumeiros.com

Resolvido Re: Efeito nos tópicos

Mensagem por MateusV. em 14/03/12, 05:00 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

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