4
Febrero 28, 2008 at 2:35pm
by Pedro Marce Primero un recurso, javacriptkit, impresionante página con una cantidad impresionante de recursos para desarrolladores de Javascript.
Y después el caso, necesitaba un menú y el que más adecuado me pareció fue el CSS Horizontal menu, pero el problema que tenía es que sólo aceptaba un nivel de submenú. Esta versión modificada permite varios niveles. Libre para usarla quien la necesite:
- Imágenes
-
-
- Archivos
- Después poned esto en el <HEAD>:
<link rel="stylesheet" type="text/css"
href="csshorizontalmenu.css" />
<script type="text/javascript" src="csshorizontalmenu.js">
/********************************************
* CSS Horizontal List Menu- by JavaScript Kit
* (www.javascriptkit.com)
*
* Menu interface credits:
* http://www.dynamicdrive.com/
*
* Minor update by Pedro Marce
* http://www.pedromarce.com
*
* This notice must stay intact for usage
*
* Visit JavaScript Kit at http://www.javascriptkit.com/
* for this script and 100s more
***********************************************/
</script>
<div class="horizontalcssmenu">
<ul id="cssmenu1">
<li><a href="#">Pedro Marce</a>
<ul>
<li><a href="http://www.pedromarce.com">Inicio</a></li>
<li><a href="#">Categorias</a>
<ul>
<li><a href="/category/opinion/">Opinion</a></li>
<li><a href="/category/personal/">Personal</a></li>
<li><a href="/category/actualidad/">Actualidad</a></li>
</ul></li>
</ul></li>
<li><a href="http://www.javascriptkit.com" >JavaScript</a></li>
<li><a href="#">Buscadores</a>
<ul>
<li><a href="http://www.google.com">Google</a></li>
<li><a href="http://www.yahoo.com">Yahoo</a></li>
<li><a href="http://www.altavista.com">Altavista</a></li>
</ul></li>
</ul>
<br style="clear: left;" />
</div>Editado por un problema en la definición del menú.
5 últimas entradas en css
- CSS en tablas, un recurso útil - April 25th, 2008
5 últimas entradas en javascript
- Un recurso para ajax, rápido y fácil - March 31st, 2008
5 últimas entradas en utilidades
- Récord conseguido !! - June 19th, 2008
- Recupera espacio en disco en Mac OS X - June 19th, 2008
- [Consejos Terminal] Utiliza las expresiones regulares, son tus amigas - June 9th, 2008
- [Consejos Terminal] Aprende a utilizar curl para Internet - June 6th, 2008
- [Consejos Terminal] Encuentra ficheros grandes y otras funciones - June 4th, 2008
4 Comments
#1. sssssssssssssssssssss 03.04.2008
lo que dese es javascript menu
#2. Pedro Marce 03.06.2008
Perdona, pero no lo entiendo…
#3. ADOLFO 05.03.2008
hola antes de nada gracias de ante mano y decir que estoy empezando en esto de diseño web, te expongo mi problema a ver si me puedes ayudar;
yo utilizo dreamweaver, quiero hacer un menu emergente horizontal y que los vinculos se carguen en otra parte de la pagina manteniendo el menu. Si lo hago por marcos el menu mergente se mete “debajo” del marco de destino y no se ve, si lo hago con tablas no se como destinarlo a otra tabla para q la tabla del menu siempre se vea. en fin creo q es un poco lioso explicarlo pero espero q puedas entender algo
#4. Pedro Marce 05.04.2008
Lo mejor es que te mires CSS, de esta manera utilizando divs y spans puedes distribuir tus objetos en vez de utilizar tablas y marcos, y conseguir exactamente el efecto que buscas. mirate por ejemplo http://layouts.ironmyers.com/ donde encontraras ejemplos muy buenos.
Leave a Comment