Criar Uma Galeria de imagem simples no Sobre mim:

Como Utilizar este Código:

1. Ir a:
   http://www.hi5.com/friend/account/displayEditProfileCustomization.do e colocar a primeira parte do código CSS

Código CSS:

<style type="text/css">
#codigos { padding:0; margin:0 auto; list-style-type:none; overflow:hidden; width:495px; height:240px; border:1px solid #888; background:#fff url(http://i569.photobucket.com/albums/ss139/codigos-hi5/fundo1.png);}

#codigos li { float:left;}

#codigos li a { display:block; height:240px; width:28px; overflow:hidden; float:left; text-decoration:none; border-right:1px solid #fff; cursor:default;}

#codigos li a img {border:0;}

#codigos li a:hover { background:#eee; width:320px;}
</style>

Vamos então ao Editar sobre mim e coloquem o código seguinte alterando o endereço da imagem para o qual pretendem:

Código Html Para o sobre mim:

<ul id="codigos">
<li>
<a href="# "><img src="http://i569.photobucket.com/albums/ss139/codigos-hi5/codigos320x240.jpg" width="320" height="240" title="Imagem1" /></a></li>

<li>
<a href="# "><img src="http://i569.photobucket.com/albums/ss139/codigos-hi5/codigos2-320x240.jpg" width="320" height="240" title="Imagem2 /></a></li>

<li>
<a href="# "><img src="http://i569.photobucket.com/albums/ss139/codigos-hi5/codigos3-320x240.jpg" width="320" height="240" title="imagem3" /></a></li>

<li>
<a href="# "><img src="http://i569.photobucket.com/albums/ss139/codigos-hi5/codigos-4-320x240.jpg" width="320" height="240" title="imagem4" /></a></li>

<li>
<a href="# "><img src="http://i569.photobucket.com/albums/ss139/codigos-hi5/codigos-5-320x240.jpg" width="320" height="240"  title="imagem5" /></a></li>

<li><a href="# "><img src="http://i569.photobucket.com/albums/ss139/codigos-hi5/codigos-6-320x240.jpg" width="320" height="240" title="imagem6" /></a></li>

<li><a href="# "><img src="http://i569.photobucket.com/albums/ss139/codigos-hi5/codigos-7-320x240.jpg" width="320" height="240" title="imagem7" /></a></li>
</ul>
<!-- www.codigos-hi5.com -->
<A href="Http://www.codigos-hi5.com"> www.codigos-hi5.com</a>

Resultado:
SEM RATO EM CIMA

COM O RATO NA IMAGEM

Para esclarecer alguns utilizadores:
O Código base deste tópico foi produzido pelo Mand

Mand