Botões ao passar o mouse

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

Resolvido Botões ao passar o mouse

Mensagem por Folit em 22/06/13, 06:17 pm

Qual é minha questão:
Olá,
Gostaria de saber como criar uns botões como este que ao passar o mouse moda de cor,mostra a informação e ao clicar e como uma link.


Obrigado.


Endereço do meu fórum:
http://folit.forumeiro.com

Versão do fórum:
PHPBB3
avatar

Folit
Nível 8

Masculino
Inscrito dia : 28/04/2013
Mensagens : 120
Pontos Ativos : 187

Ver perfil do usuário http://folit.forumeiro.com/

Resolvido Re: Botões ao passar o mouse

Mensagem por MateusA em 22/06/13, 06:26 pm

Olá!

Aceda à "Mensagem da Página Inicial":
Painel de Controle Seta Visualização Seta Home Page Seta Geral Seta Mensagem na Página Inicial.

Código:
Código:
<td><div style="overflow: auto; width: 310px; height: 296px; background: #07080f; margin-top: -39px; margin-left: -4px;"><br><div style="background-color: #1d1d27; text-align: center; font-size: 16px; font-family: trajan pro; color: #FFFFFF; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px; ">Administradores:</div><div style="margin: auto; padding: 10px; color: #7A7676; font-size: 11px; text-align: justify; font-family: arial; line-height: 120%;">
<a href="http://pokemonrpgfp.forumeiros.com/u270" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/goa6tYx.png" border="0" alt="" /></a>
<a href="http://pokemonrpgfp.forumeiros.com/u14" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/YNezvHQ.png" border="0" alt="" /></a>
<a href="http://pokemonrpgfp.forumeiros.com/u1170" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/TgpJyf6.png" border="0" alt="" /></a>
<a href="http://pokemonrpgfp.forumeiros.com/u1233" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/MdlOqU7.png" border="0" alt="" /></a>
<a href="http://pokemonrpgfp.forumeiros.com/u8" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/hqIgjXs.png" border="0" alt="" /></a>
<a href="http://pokemonrpgfp.forumeiros.com/u4" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/DZ0ZgKj.png" border="0" alt="" /></a>
<br>
<br><div style="border-bottom: 3px double rgb(42, 29, 20);"></div><br>
</div></div></td></tr><tr>

<td rowspan="2"><div style="width: 290px; height: 128px; background: #07080f; margin-bottom: -15px; margin-right: -4px;"><div style="background-color: #1d1d27; text-align: center; font-size: 16px; font-family: trajan pro; color: #FFFFFF; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">Parceiros:</div><div style="margin: auto; padding: 10px; color: #7A7676; font-size: 11px; text-align: justify; font-family: arial; line-height: 120%;"><font color="#4e4722"><span><marquee><a href="http://aventuras-em-sinnoh.blogspot.com.br/" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/LEVpH.gif" border="0" alt=""  width="100" height="50" /></a>
<a href="http://pokemo-x.forumeiros.com/forum?tid=1e0da6fd36a34b751e845265d48585c7" class="postlink" target="_blank" rel="nofollow"><img src="http://sphotos-f.ak.fbcdn.net/hphotos-ak-ash3/578100_526039500770867_114894179_n.jpg" border="0" alt=""  width="100" height="50" /></a>
<a href="http://fairytail-xtreme.ativoforum.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i17.servimg.com/u/f17/16/88/27/59/banner11.png" border="0" alt=""  width="100" height="50" /></a><a href="http://pokemon.maisforum.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/wetRz.gif" border="0" alt=""  width="100" height="50" /></a><a href="http://pocketmonster.foruns.com.pt" class="postlink" target="_blank" rel="nofollow"><img src="http://i12.servimg.com/u/f12/17/93/12/26/23211.png" border="0" alt=""  width="100" height="50" /></a><a href="http://fairytaildestiny.forumeiros.com/forum" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/a2IAI.png" border="0" alt=""  width="100" height="50" /></a><a href="http://fairytailmilenium.forumeiros.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/8ugyR.gif" border="0" alt=""  width="100" height="50" /></a><a href="http://pokemonforver.forumeiros.com/forum" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/vu9qy.gif" border="0" alt=""  width="100" height="50" /></a><a href="http://pokemonrevenge.forumeiros.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i41.servimg.com/u/f41/16/91/05/52/banner13.png" border="0" alt=""  width="100" height="50" /></a><a href="http://otakusfanatics.forumeiros.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/yRf8r.png" border="0" alt=""  width="100" height="50" /></a><a href="http://pokemonthunderstorm.forumeiros.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i41.tinypic.com/2lbgjzl.jpg" border="0" alt=""  width="100" height="50" /></a><a href="http://pokefit.forumeiros.com/forum" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/f5zwv.gif" border="0" alt=""  width="100" height="50" /></a><a href="http://hitmanrebornrpg.forumeiros.com/forum" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/OkAjT.gif" border="0" alt=""  width="100" height="50" /></a><a href="http://naruto-rpg-adventure.forumeiros.com/forum" class="postlink" target="_blank" rel="nofollow"><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt=""  width="100" height="50" /></a><a href="http://pokemonedm.forumeiros.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i42.servimg.com/u/f42/17/92/91/75/index12.jpg" border="0" alt=""  width="100" height="50" /></a><a href="http://pokemonrelic.blogspot.com.br/" class="postlink" target="_blank" rel="nofollow"><img src="http://i47.tinypic.com/708bd3.gif" border="0" alt=""  width="100" height="50" /></a><a href="http://powerpokemonbr.foruns.com.pt/" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/lC3Qv.jpg" border="0" alt=""  width="100" height="50" /></a><a href="http://naruto-rpgr.forumeiros.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i48.servimg.com/u/f48/16/88/27/59/68686110.jpg" border="0" alt=""  width="100" height="50" /></a><a href="http://http://taiketsu.forumeiros.com/forum" class="postlink" target="_blank" rel="nofollow"><img src="http://i45.tinypic.com/504oeh.png" border="0" alt=""  width="100" height="50" /></a></marquee></span></div></div></td>

<td><div style="width: 310px; height: 185px; background: #07080f; margin-top: -40px; margin-left: -4px; "><div style="background-color: #1d1d27; text-align: center; font-size: 16px; font-family: trajan pro; color: #FFFFFF; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">Moderadores:</div><div style="margin: auto; padding: 10px; color: #7A7676; font-size: 11px; text-align: justify; font-family: arial; line-height: 120%;">
<a href="http://pokemonrpgfp.forumeiros.com/u161" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/NJymEXY.png" border="0" alt="" /></a><a href="http://pokemonrpgfp.forumeiros.com/u1921" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/qmmGqTa.png" border="0" alt="" /></a>
<a href="http://pokemonrpgfp.forumeiros.com/u2094" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/oTgTnnk.png" border="0" alt="" /></a><a href="http://i.imgur.com/6teh5KX.png" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/6teh5KX.png" border="0" alt="" /></a>
</div></div></td>
</tr></tbody></table>


Salve!

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Botões ao passar o mouse

Mensagem por Folit em 22/06/13, 07:32 pm

Olá
Não resultou o código que me passo foi este o resultado
avatar

Folit
Nível 8

Masculino
Inscrito dia : 28/04/2013
Mensagens : 120
Pontos Ativos : 187

Ver perfil do usuário http://folit.forumeiro.com/

Resolvido Re: Botões ao passar o mouse

Mensagem por El Sheldon em 22/06/13, 07:41 pm

Qual link do fórum que viu ?
avatar

El Sheldon
Nível 5

Masculino
Inscrito dia : 22/06/2013
Mensagens : 37
Pontos Ativos : 53

Ver perfil do usuário

Resolvido Re: Botões ao passar o mouse

Mensagem por MateusA em 22/06/13, 07:47 pm

Boa noite,

consulte o tópico abaixo.
:seta2: [TUTORIAL] Adicionar lista de seções na mensagem da home-page

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Botões ao passar o mouse

Mensagem por Folit em 22/06/13, 08:28 pm

Sim,obrigado News e Crazz
avatar

Folit
Nível 8

Masculino
Inscrito dia : 28/04/2013
Mensagens : 120
Pontos Ativos : 187

Ver perfil do usuário http://folit.forumeiro.com/

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