Os comento que hace un tiempo me hice un menú muy chachi y apañao para mi blog con efecto rollover. Pero quería añadir unas cosas y como la otra vez no tardé nada pues ni me preocupé en guardar el código.
Pero esta vez ha sido distinto, y algo en mi truco de andar por casa no ha funcionado. De verdad que llevo horas obsesionada, porque no sé cómo narices probar ya. Mi técnica era hacer el menú con fireworks, con sus estados y sus cosas, mandarlo a Dreamweaver, alojar las imágenes de los estados en imageshack y similares y luego sustituir esos enlaces en el código. Llevármelo todo a un widget en blogger y apañao.
El caso es que esta vez no sé qué es lo que pasa. Incluso diría que eso de "Spacer.gif" en su momento no estaba y ya no sé si tengo que subirlo también o no.
Os dejo por aquí el enlace y me comentáis, si podéis y si queréis qué es lo que puedo estar haciendo mal. Yo de verdad que soy una auténtica inexperta, pero os aseguro que me he estado dejando horas y horas intentando y probande de mil maneras pero nada.
Cita:
En rojo he puesto las cosas que yo creo que hay que cambiar.<!--Fireworks CS6 Dreamweaver CS6 target. Created Wed Jan 23 14:33:57 GMT+0100 2013-->
<script language="JavaScript1.2" type="text/javascript">
<!--
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];}
}
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];}}
}
//-->
</script>
</head>
<body bgcolor="#ffffff" onload="MM_preloadImages('Sin%20t%EDtulo-3_r2_c2_s2.png','Sin%20t%EDtulo-3_r2_c3_s2.png','Sin%20t%EDtulo-3_r2_c4_s2.png','Sin%20t%EDtulo-3_r2_c5_s2.png','Sin%20t%EDtulo-3_r2_c6_s2.png','Sin%20t%EDtulo-3_r2_c7_s2.png','Sin%20t%EDtulo-3_r2_c8_s2.png');">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="1001">
<!-- fwtable fwsrc="Sin título-2.png" fwpage="Página 1" fwbase="Sin título-3.png" fwstyle="Dreamweaver" fwdocid = "1517250841" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="12" height="1" alt="" /></td>
<td><img src="spacer.gif" width="97" height="1" alt="" /></td>
<td><img src="spacer.gif" width="148" height="1" alt="" /></td>
<td><img src="spacer.gif" width="156" height="1" alt="" /></td>
<td><img src="spacer.gif" width="162" height="1" alt="" /></td>
<td><img src="spacer.gif" width="199" height="1" alt="" /></td>
<td><img src="spacer.gif" width="138" height="1" alt="" /></td>
<td><img src="spacer.gif" width="82" height="1" alt="" /></td>
<td><img src="spacer.gif" width="7" height="1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td colspan="9"><img name="Sinttulo3_r1_c1" src="Sin%20t%EDtulo-3_r1_c1.png" width="1001" height="12" id="Sinttulo3_r1_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="12" alt="" /></td>
</tr>
<tr>
<td rowspan="2"><img name="Sinttulo3_r2_c1" src="Sin%20t%EDtulo-3_r2_c1.png" width="12" height="60" id="Sinttulo3_r2_c1" alt="" /></td>
<td><a href="http://panicadas.blogspot.com.es/p/bio.html" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Sinttulo3_r2_c2','','Si n%20t%EDtulo-3_r2_c2_s2.png',1);"><img name="Sinttulo3_r2_c2" src="Sin%20t%EDtulo-3_r2_c2.png" width="97" height="48" id="Sinttulo3_r2_c2" alt="About" /></a></td>
<td><a href="http://panicadas.blogspot.com.es/p/en-primer-lugar-gracias-por-pasar-por.html" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Sinttulo3_r2_c3','','Si n%20t%EDtulo-3_r2_c3_s2.png',1);"><img name="Sinttulo3_r2_c3" src="Sin%20t%EDtulo-3_r2_c3.png" width="148" height="48" id="Sinttulo3_r2_c3" alt="Contacto" /></a></td>
<td><a href="http://panicadas.blogspot.com.es/p/blog-page.html" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Sinttulo3_r2_c4','','Si n%20t%EDtulo-3_r2_c4_s2.png',1);"><img name="Sinttulo3_r2_c4" src="Sin%20t%EDtulo-3_r2_c4.png" width="156" height="48" id="Sinttulo3_r2_c4" alt="Secciones" /></a></td>
<td><a href="http://panicadas.blogspot.com.es/p/proyectos.html" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Sinttulo3_r2_c5','','Si n%20t%EDtulo-3_r2_c5_s2.png',1);"><img name="Sinttulo3_r2_c5" src="Sin%20t%EDtulo-3_r2_c5.png" width="162" height="48" id="Sinttulo3_r2_c5" alt="Proyectos" /></a></td>
<td><a href="http://panicadas.blogspot.com.es/p/puntos-de-venta.html" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Sinttulo3_r2_c6','','Si n%20t%EDtulo-3_r2_c6_s2.png',1);"><img name="Sinttulo3_r2_c6" src="Sin%20t%EDtulo-3_r2_c6.png" width="199" height="48" id="Sinttulo3_r2_c6" alt="Puntos de venta" /></a></td>
<td><a href="javascript:;" target="_blank" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Sinttulo3_r2_c7','','Si n%20t%EDtulo-3_r2_c7_s2.png',1);"><img name="Sinttulo3_r2_c7" src="Sin%20t%EDtulo-3_r2_c7.png" width="138" height="48" id="Sinttulo3_r2_c7" alt="Panic Shop" /></a></td>
<td><a href="http://panicadas.blogspot.com.es/p/links.html" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Sinttulo3_r2_c8','','Si n%20t%EDtulo-3_r2_c8_s2.png',1);"><img name="Sinttulo3_r2_c8" src="Sin%20t%EDtulo-3_r2_c8.png" width="82" height="48" id="Sinttulo3_r2_c8" alt="Links" /></a></td>
<td rowspan="2"><img name="Sinttulo3_r2_c9" src="Sin%20t%EDtulo-3_r2_c9.png" width="7" height="60" id="Sinttulo3_r2_c9" alt="" /></td>
<td><img src="spacer.gif" width="1" height="48" alt="" /></td>
</tr>
<tr>
<td colspan="7"><img name="Sinttulo3_r3_c2" src="Sin%20t%EDtulo-3_r3_c2.png" width="982" height="12" id="Sinttulo3_r3_c2" alt="" /></td>
<td><img src="spacer.gif" width="1" height="12" alt="" /></td>
</tr>
</table>
</body>
</html>
<script language="JavaScript1.2" type="text/javascript">
<!--
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];}
}
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];}}
}
//-->
</script>
</head>
<body bgcolor="#ffffff" onload="MM_preloadImages('Sin%20t%EDtulo-3_r2_c2_s2.png','Sin%20t%EDtulo-3_r2_c3_s2.png','Sin%20t%EDtulo-3_r2_c4_s2.png','Sin%20t%EDtulo-3_r2_c5_s2.png','Sin%20t%EDtulo-3_r2_c6_s2.png','Sin%20t%EDtulo-3_r2_c7_s2.png','Sin%20t%EDtulo-3_r2_c8_s2.png');">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="1001">
<!-- fwtable fwsrc="Sin título-2.png" fwpage="Página 1" fwbase="Sin título-3.png" fwstyle="Dreamweaver" fwdocid = "1517250841" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="12" height="1" alt="" /></td>
<td><img src="spacer.gif" width="97" height="1" alt="" /></td>
<td><img src="spacer.gif" width="148" height="1" alt="" /></td>
<td><img src="spacer.gif" width="156" height="1" alt="" /></td>
<td><img src="spacer.gif" width="162" height="1" alt="" /></td>
<td><img src="spacer.gif" width="199" height="1" alt="" /></td>
<td><img src="spacer.gif" width="138" height="1" alt="" /></td>
<td><img src="spacer.gif" width="82" height="1" alt="" /></td>
<td><img src="spacer.gif" width="7" height="1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td colspan="9"><img name="Sinttulo3_r1_c1" src="Sin%20t%EDtulo-3_r1_c1.png" width="1001" height="12" id="Sinttulo3_r1_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="12" alt="" /></td>
</tr>
<tr>
<td rowspan="2"><img name="Sinttulo3_r2_c1" src="Sin%20t%EDtulo-3_r2_c1.png" width="12" height="60" id="Sinttulo3_r2_c1" alt="" /></td>
<td><a href="http://panicadas.blogspot.com.es/p/bio.html" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Sinttulo3_r2_c2','','Si n%20t%EDtulo-3_r2_c2_s2.png',1);"><img name="Sinttulo3_r2_c2" src="Sin%20t%EDtulo-3_r2_c2.png" width="97" height="48" id="Sinttulo3_r2_c2" alt="About" /></a></td>
<td><a href="http://panicadas.blogspot.com.es/p/en-primer-lugar-gracias-por-pasar-por.html" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Sinttulo3_r2_c3','','Si n%20t%EDtulo-3_r2_c3_s2.png',1);"><img name="Sinttulo3_r2_c3" src="Sin%20t%EDtulo-3_r2_c3.png" width="148" height="48" id="Sinttulo3_r2_c3" alt="Contacto" /></a></td>
<td><a href="http://panicadas.blogspot.com.es/p/blog-page.html" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Sinttulo3_r2_c4','','Si n%20t%EDtulo-3_r2_c4_s2.png',1);"><img name="Sinttulo3_r2_c4" src="Sin%20t%EDtulo-3_r2_c4.png" width="156" height="48" id="Sinttulo3_r2_c4" alt="Secciones" /></a></td>
<td><a href="http://panicadas.blogspot.com.es/p/proyectos.html" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Sinttulo3_r2_c5','','Si n%20t%EDtulo-3_r2_c5_s2.png',1);"><img name="Sinttulo3_r2_c5" src="Sin%20t%EDtulo-3_r2_c5.png" width="162" height="48" id="Sinttulo3_r2_c5" alt="Proyectos" /></a></td>
<td><a href="http://panicadas.blogspot.com.es/p/puntos-de-venta.html" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Sinttulo3_r2_c6','','Si n%20t%EDtulo-3_r2_c6_s2.png',1);"><img name="Sinttulo3_r2_c6" src="Sin%20t%EDtulo-3_r2_c6.png" width="199" height="48" id="Sinttulo3_r2_c6" alt="Puntos de venta" /></a></td>
<td><a href="javascript:;" target="_blank" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Sinttulo3_r2_c7','','Si n%20t%EDtulo-3_r2_c7_s2.png',1);"><img name="Sinttulo3_r2_c7" src="Sin%20t%EDtulo-3_r2_c7.png" width="138" height="48" id="Sinttulo3_r2_c7" alt="Panic Shop" /></a></td>
<td><a href="http://panicadas.blogspot.com.es/p/links.html" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Sinttulo3_r2_c8','','Si n%20t%EDtulo-3_r2_c8_s2.png',1);"><img name="Sinttulo3_r2_c8" src="Sin%20t%EDtulo-3_r2_c8.png" width="82" height="48" id="Sinttulo3_r2_c8" alt="Links" /></a></td>
<td rowspan="2"><img name="Sinttulo3_r2_c9" src="Sin%20t%EDtulo-3_r2_c9.png" width="7" height="60" id="Sinttulo3_r2_c9" alt="" /></td>
<td><img src="spacer.gif" width="1" height="48" alt="" /></td>
</tr>
<tr>
<td colspan="7"><img name="Sinttulo3_r3_c2" src="Sin%20t%EDtulo-3_r3_c2.png" width="982" height="12" id="Sinttulo3_r3_c2" alt="" /></td>
<td><img src="spacer.gif" width="1" height="12" alt="" /></td>
</tr>
</table>
</body>
</html>
En verde los dichosos Spacer.gifs, hay más por ahí sueltos, pero esos son los que más me desquician, porque yo estoy convencida de que la otra vez no hubo.
E iba a poner en azul donde creo que hay que poner los enlaces de las imágenes que tienen que mostrarse con el OnMouseOver pero es que no lo tengo claro, veo tropecientos sitios posibles....
Muchas gracias de antemano al / a la que me pueda echar un cable. Un saludo.
