Hola juanpe,
bueno no te preocupes, igual no lo ví.
Si tienes cuatro botones podrías crear un swf con flash y te evitas mucho codígo.
-tengo los botones creados, son cuatro,(estdo normal,cuando pasa el raton por encima,cuando clicas y cuando lo has visitado
Te comente lo de la "o" por que es un error muy común en el foro,solucionado.
Bueno, prueba estos ajustes, me costaron un poco pero creo que te gustarán, copia y pega en un archivo de texto(imágino que ya conoces los pasos) renombralo html y lo ejecutas.
Luego fijate bién en donde están las imágenes, el numero, y el enlace.
Te llevará un ratito y así te empapas de como va.
Las imágenes son los vinculos del foro, oesa son imágenes web, que luego cambiaras la ruta por la de tus archivos.
Bueno si hay algo que no ves dimelo.
Tiene estilos CSS.
Que lo disfrutes.
Saludos manmanu
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Mi pagina</title>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
li{ list-style: none;margin:0 0 -4px }
img{ border:none;}
</style>
</head>
<body onLoad="MM_preloadImages">
<div id="navegacion">
<ul>
[*]
<a onClick="return !window.open(this.href,'_blank','left=420,top=320,toolbar=no,location=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=320,height=145,screenX=100,screenY=100');" href="http://www.google.es/intl/en_com/images/logo_plain.png" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','http://www.comocreartuweb.com/phpBB2/templates/subSilver/images/lang_spanish/reply.gif',1)">
[img]http://www.comocreartuweb.com/phpBB2/templates/subSilver/images/lang_spanish/post.gif[/img]</a>
[*]
<a onClick="return !window.open(this.href,'_blank','left=420,top=320,toolbar=no,location=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=320,height=145,screenX=100,screenY=100');" href="http://www.google.es/intl/en_com/images/logo_plain.png" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','http://www.comocreartuweb.com/phpBB2/templates/subSilver/images/lang_spanish/reply.gif',2)">
[img]http://www.comocreartuweb.com/phpBB2/templates/subSilver/images/lang_spanish/post.gif[/img]</a>
[*]
<a onClick="return !window.open(this.href,'_blank','left=420,top=320,toolbar=no,location=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=320,height=145,screenX=100,screenY=100');" href="http://www.google.es/intl/en_com/images/logo_plain.png" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','http://www.comocreartuweb.com/phpBB2/templates/subSilver/images/lang_spanish/reply.gif',3)">
[img]http://www.comocreartuweb.com/phpBB2/templates/subSilver/images/lang_spanish/post.gif[/img]</a>
[*]
<a onClick="return !window.open(this.href,'_blank','left=420,top=320,toolbar=no,location=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=320,height=145,screenX=100,screenY=100');" href="http://www.google.es/intl/en_com/images/logo_plain.png" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','http://www.comocreartuweb.com/phpBB2/templates/subSilver/images/lang_spanish/reply.gif',4)">
[img]http://www.comocreartuweb.com/phpBB2/templates/subSilver/images/lang_spanish/post.gif[/img]</a>
[*]
<a onClick="return !window.open(this.href,'_blank','left=420,top=320,toolbar=no,location=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=320,height=145,screenX=100,screenY=100');" href="http://www.google.es/intl/en_com/images/logo_plain.png" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','http://www.comocreartuweb.com/phpBB2/templates/subSilver/images/lang_spanish/reply.gif',5)">
[img]http://www.comocreartuweb.com/phpBB2/templates/subSilver/images/lang_spanish/post.gif[/img]</a>
[/list]
</div>
</body>
</html>
