Efeito hover no logo e banner punbb

3 participantes

Ir para baixo

Tópico resolvido Efeito hover no logo e banner punbb

Mensagem por iHeloaD 04.01.13 22:54

Qual é minha questão:
Olá, como coloco um efeito Hover nos banners e no logo do meu fórum, eu vi neste tópico: 
https://ajuda.forumeiros.com/t56082-efeito-hover-no-logo
Mais no meu não resultou, quando vi a questão, o fórum do usuario era phpbb3, poderiam me passar o punbb, eu ja tive o punbb mais perdi, eu tive apenas do logo, tem par ao banner?

Endereço do meu fórum:
http://brasiltruckerslife.forumeiros.com

Versão do fórum:
PUNBB
iHeloaD
iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no logo e banner punbb

Mensagem por Consolado 04.01.13 23:10

Olá!

PA >> Visualização >> Imagens e cores >> Cores >> Folha de estilos CSS
Adicione esse código:
Código:
#pun-intro a img{transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px); -o-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px); -moz-opacity: 0.6; opacity: 0.6; filter:alpha(opacity=40); -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s}#pun-intro a img:hover{ transition-duration: 1.0s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 1.0s; -o-transition-duration: 1.0s; -webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px); -o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px); -moz-opacity: 0.6; opacity: 1.0; filter:alpha(opacity=40)}
Melhores cumprimentos.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no logo e banner punbb

Mensagem por iHeloaD 04.01.13 23:14

Nos banners não funcionou, mais no logo ficou ótimo
iHeloaD
iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no logo e banner punbb

Mensagem por Consolado 04.01.13 23:15

Olá!

Poderia me dizer a que banner se refere?

Melhores cumprimentos.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no logo e banner punbb

Mensagem por iHeloaD 04.01.13 23:21

Que fica nos parceiros, olhe este:

Código:
<div align="center"><a href="http://www.forumeiros.com/" target="_blank"><img src="http://www.illiweb.com/fa/banner/pt/banner5.png" alt="Fórum grátis" width="113" height="50" /></a><br /><br /><div id="FM_widget_partners"></div></div>
iHeloaD
iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no logo e banner punbb

Mensagem por Consolado 04.01.13 23:25

Olá!

Substitua o código do widget por esse:
Código:
<div id="parceiros" align="center"><a href="http://www.forumeiros.com/" target="_blank"><img src="http://www.illiweb.com/fa/banner/pt/banner5.png" alt="Fórum grátis" width="113" height="50" /></a><br /><br /><div id="FM_widget_partners"></div></div>
Troque o CSS por esse:
Código:
#pun-intro a img, #parceiros a img{transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px); -o-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px); -moz-opacity: 0.6; opacity: 0.6; filter:alpha(opacity=40); -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s}#pun-intro a img:hover, #parceiros a img:hover{ transition-duration: 1.0s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 1.0s; -o-transition-duration: 1.0s; -webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px); -o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px); -moz-opacity: 0.6; opacity: 1.0; filter:alpha(opacity=40)}
Melhores cumprimentos.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no logo e banner punbb

Mensagem por iHeloaD 04.01.13 23:52

Resultou, mais antes de fechar, que código vou usar quando eu criar outro banner?
iHeloaD
iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no logo e banner punbb

Mensagem por Sennior 05.01.13 2:14

Olá!

Este código:

Código:
<div id="parceiros" align="center"><a href="http://www.forumeiros.com/" target="_blank"><img src="http://www.illiweb.com/fa/banner/pt/banner5.png" alt="Fórum grátis" width="113" height="50" /></a><br /><br /><div id="FM_widget_partners"></div></div>

Apenas altere links, só isso amigão!

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: Efeito hover no logo e banner punbb

Mensagem por iHeloaD 05.01.13 2:17

Cara, n ta funfando nos banners
iHeloaD
iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover no logo e banner punbb

Mensagem por Sennior 05.01.13 4:11

Olá!

Antes estava funcionando?

Até! 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: Efeito hover no logo e banner punbb

Mensagem por iHeloaD 05.01.13 18:45

Sim, agora que coloquei uns css paro
iHeloaD
iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Ir para o topo


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