Efeito hover no logo e banner punbb

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

Resolvido Efeito hover no logo e banner punbb

Mensagem por iHeloaD em 04/01/13, 08:54 pm

Qual é minha questão:
Olá, como coloco um efeito Hover nos banners e no logo do meu fórum, eu vi neste tópico: 
http://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
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Efeito hover no logo e banner punbb

Mensagem por Consolado em 04/01/13, 09:10 pm

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

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Efeito hover no logo e banner punbb

Mensagem por iHeloaD em 04/01/13, 09:14 pm

Nos banners não funcionou, mais no logo ficou ótimo
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Efeito hover no logo e banner punbb

Mensagem por Consolado em 04/01/13, 09:15 pm

Olá!

Poderia me dizer a que banner se refere?

Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Efeito hover no logo e banner punbb

Mensagem por iHeloaD em 04/01/13, 09:21 pm

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

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Efeito hover no logo e banner punbb

Mensagem por Consolado em 04/01/13, 09:25 pm

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

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Efeito hover no logo e banner punbb

Mensagem por iHeloaD em 04/01/13, 09:52 pm

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

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Efeito hover no logo e banner punbb

Mensagem por Sennior em 05/01/13, 12:14 am

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

Mensagem por iHeloaD em 05/01/13, 12:17 am

Cara, n ta funfando nos banners
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Efeito hover no logo e banner punbb

Mensagem por Sennior em 05/01/13, 02:11 am

Olá!

Antes estava funcionando?

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

Mensagem por iHeloaD em 05/01/13, 04:45 pm

Sim, agora que coloquei uns css paro
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

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