Efeito nos tópicos
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Efeito nos tópicos
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
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
Re: Efeito nos tópicos
!sasuky escreveu:Olá , por favor cheque este tópico :
https://ajuda.forumeiros.com/t55271-
Resulta ?
Até mais.
Boa tarde, não funcionou, minha versão é phpbb3.
Att
Re: Efeito nos tópicos
Bom não sei se da para por na versão Phpbb3 mais tente deste modo
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
Adiciona este código abaixo
Depois vai em
Painel de Controle Módulos HTML & JavaScript Gestão dos códigos JavaScript
Clica em
Título * : Cores Equipes
Investimento : Nos Tópicos
Código JavaScript * : ( Ponha o Código Abaixo )
Feito isto coloque este codigo no nome do seu Rank
Painel de Controle Visualização Imagens e Cores Cores 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 Módulos HTML & JavaScript 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)
Re: Efeito nos tópicos
MateusV. escreveu:Olá,
Aceda ao seuCrie um novo java script com o "Investimento" marcado "Nos topico", com o seguinte codigoPainel de controle Modulos HTML e Java Script Gestão dos codigos java scriptEdite oque esta em vermelho mudando o nome, exemplo, para os adminitradores coloque "equipefundoadm", mudando tambem o url da imagem, feito isto aceda ao seu$(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')});Clique no botão do Rank aministrador e coloque este codigoPainel de controle Usuarios e Grupos Ranks Administração dos ranksEsta parte em vermelha mudará conforme mudar a parte em vermelha do codigo java script (o primeiro codigo), feito isto clique em salvar.<span class="equipefundo">NOME DO RANK</span>
Cordialmente.
Obs : Este efeito funciona em PHPBB3 sim !
Re: Efeito nos tópicos
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
Como poderei mudar a cor?
Exemplo: adm vermelho, moderador verde, design amarelo, estagiario cinza.
Att
Re: Efeito nos tópicos
Simples . faça a mesma coisa só mude as imagens e o rank !
Re: Efeito nos tópicos
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:
No ranking coloco:
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>
Re: Efeito nos tópicos
Olá, substitua o codigo do rank por este
Cordialmente.
Obs: Não use "()"...<span class="adm"><b><font color="#e60707">Fun</font>dador</b></span>
Cordialmente.
Tópicos semelhantes
» Efeito em título de tópicos
» Efeito Degradê Nos Tópicos
» Efeito nos icones de topicos
» Efeito hover nos tópicos
» Efeito hover em tópicos
» Efeito Degradê Nos Tópicos
» Efeito nos icones de topicos
» Efeito hover nos tópicos
» Efeito hover em tópicos
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos