Menu Horizontal---En contruccion

El menu que utilizo se llama "Drop Down Menu", al pasar el mouse por una de las casillas se despliega los submenus, para poder utilizarlo se debe descargar un archivo zip llamado chromemenu.zip, luego se descomprime...


esto arrojara dos carpetas y un documento html, este ultimo se abrira con el bloc de notas (click derecho mouse sobre la imagen)...buscamos esto y cambiamos los enlaces:

<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="http://www.tudirecciondeblog.com">inicio</a></li>
<li><a href="#" rel="dropmenu1">menu casa</a></li>
<li><a href="#" rel="dropmenu2">menu fruta</a></li>
</ul>
</div>

<!--1st drop down menu -->

<div id="dropmenu1" class="dropmenudiv">
<a href="url puerta.com"> puerta</a>
<a href="url ventana.com">ventana</a>
<a href="url.ladrillo.com">ladrillo</a>
</div>

<!--2nd drop down menu -->

<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
<a href="url manzana.com/">manzana</a>
<a href="url pera.com">pera</a>
<a href="url uva.com">uva</a>
</div>

<script type="text/javascript">
cssdropdown.startchrome("chromemenu")
</script>

(Lo que se encuentra en rojo se puede copiar las veces que se quiera para agregar mas "menus")

Hechos los cambios, vamos agregar html en la platilla y la pegamos.(procurar que este bajo el titulo, si no es asi deslizamos el bloque html)

Las dos carpetas que quedan... chromejs y chrometheme se deben subir a un servidor 250 free o cualquier otro.

Ahora todo esto al plantilla html del blog...

pega todo esto antes de </head>

Cambia la url www.tuservidor.com por la ruta donde este guardado las carpeta chrometheme y chromejs


<link rel="stylesheet" type="text/css"

href="http://www.tuservidor.com/chromestyle.css" />


<script type="text/javascript" src="http://www.tuservidor.com/chrome.js">