Efeito hover no logo e banner punbb
3 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
Efeito hover no logo e banner punbb
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
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
Re: Efeito hover no logo e banner punbb
Olá!
PA >> Visualização >> Imagens e cores >> Cores >> Folha de estilos CSS
Adicione esse código:
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
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)}
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Efeito hover no logo e banner punbb
Olá!
Poderia me dizer a que banner se refere?
Melhores cumprimentos.
Poderia me dizer a que banner se refere?
Melhores cumprimentos.
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Efeito hover no logo e banner punbb
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>
Re: Efeito hover no logo e banner punbb
Olá!
Substitua o código do widget por esse:
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>
- 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)}
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Efeito hover no logo e banner punbb
Resultou, mais antes de fechar, que código vou usar quando eu criar outro banner?
Re: Efeito hover no logo e banner punbb
Olá!
Este código:
Apenas altere links, só isso amigão!
Até mais!
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!
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