Botões ao passar o mouse

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

Olá!

Aceda à "Mensagem da Página Inicial":
Painel de Controle Visualização Home Page Geral 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://i1074.photobucket.com/albums/w413/Hiraga-Saito1/Banner45.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.

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

Qual link do fórum que viu ?

Boa noite,

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

Até mais.

Sim,obrigado News e Crazz