sábado, 2 de enero de 2010

Menú superior oculto

Hay sitios que se hace dificil escoger un menú acorde con el diseño y otros donde dependiendo del menú le puede dar un aspecto recargado, sin embargo un menú con los enlaces más básicos es en mi opinión imprescindible y no hay que renunciar a tenerlo.
El menú que ofrecen en Webber 2.0 permanece oculto hasta que pasamos el cursor sobre la zona de la cabecera del blog.
Para que el menú haga la función de subir-bajar es necesario un script que podemos descargar desde aquí o la página del autor.

Una vez lo tenemos descargado y alojado en nuestro servidor lo añadimos en la plantilla justo antes de </head>

<script src='url-archivo-hide_menu-144c3a4.js' type='text/javascript'/>

Donde url-archivo-hide_menu-144c3a4.js lo sustituimos por la url de nuestro archivo alojado.

Sin necesidad de expandir la plantilla buscamos
<div id='outer-wrapper'><div id='wrap2'>

 justo después añadimos:
<div id='hit_area' onmouseover='toggleDown();'/>
<div id='menu_holder'>
<div id='nav'>

<ul>
<li><a href='url-enlace'>Texto a mostrar</a></li>
<li><a href='url-enlace'>Texto a mostrar</a></li>
<li><a href='url-enlace'>Texto a mostrar</a></li>
<li><a href='url-enlace'>Texto a mostrar</a></li>
<li><a href='url-enlace'>Texto a mostrar</a></li>
</ul>
</div>
</div>
<div id='hit_area2' onmouseover='toggleUp();'>

(La configuración del menú la dejaremos para el final)

CONTINUAR

No hay comentarios:

Publicar un comentario