Hola, que tal?
Pues aqui le tengo mi dudilla..
y es que como puedo hacer un menú como el que podemos ver en esta web: hostdominicano.net (menú horizontal).
Espero sus respuestas!
Gracias! :)
16/08/2006, 04:35
| |||
| |||
| ¿Cómo hacer un menú como este? Hola, que tal? Pues aqui le tengo mi dudilla.. y es que como puedo hacer un menú como el que podemos ver en esta web: hostdominicano.net (menú horizontal). Espero sus respuestas! Gracias! :) |
|
16/08/2006, 05:27
| ||||
| ||||
| Solución utlizando CSS Hola Burguito: Prueba esto, mediante CSS: Código HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ca" lang="ca"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Título de la página</title> <style type="text/css"> ul#menu {list-style-type:none; margin:0; padding:0;} ul#menu li {float:left; margin-right:.8em; padding-right:.6em; border-right: solid 1px #000;} ul#menu a {text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; color: blue; font-weight:bold; font-size:.8em;} ul#menu a:hover {color:#FFF; background:blue;} </style> </head> <body> <ul id="menu"> <li><a href="#">Inicio</a></li> <li><a href="#">Hosting</a></li> <li><a href="#">Dominios</a></li> <li><a href="#">Soporte</a></li> <li><a href="#">Contactar</a></li> </ul> </body> </html>  Saludos |
|
16/08/2006, 06:23
| ||||
| ||||
| No se puede cargar la página Hola Burguito: No se carga la página que has pasado como referencia. De todos modos te aconsejo que mires el código fuente de las páginas que te impresionan, ya que allí siempre se aprende mucho. Un saludo |
|
20/08/2006, 22:41
| ||||
| ||||
| Usa firefox con la extension webdeveloper podes tener acceso al codigo completo al css enlazado etc etc etc.
__________________ Drupal Argentina |
|
31/08/2006, 13:39
| |||
| |||
| Si quieres usar el menu de "Desarrolloweb.com" siga estas instrucciones: 1.- usa dreamweaver -> Archivo -> nuevo 2.-En la pantalla de Nuevo Documento elija la pestaña General 3.- En la columna Categoría selecciona Diseño de Páginas (CSS) 4.- En la columna Diseño de Páginas (CSS) selecciona : Nav Dcha Halo o Nav Izqda Halo 5. Pulsa "Crear" 6. Ya tienes una plantilla con categoría. Saludos. |
|
31/08/2006, 13:47
| |||
| |||
| Buena explicacion, gracias! Pero en realidad no es exactamente lo que ando buscando... quiero que se desplacen todas hacia abajo o hacia los lados? el dreamweaver lo puede hacer? u otro programa profesionalmente para eso? hoy hay que aprender de memoria algun lenguaje? Última edición por Burguito; 31/08/2006 a las 13:48 Razón: Correción de palabras |
|
11/09/2006, 11:48
| |||
| |||
 Esto Te Puede Servir Aca te copio el codigo de un menu que encontre. Ojala te sirva!! Siempre contame. CSS: <style type="text/css"> body { font-family: arial, helvetica, serif; } ul { /* aplica a todas las listas de la página*/ padding: 0; margin: 0; list-style: none; } li { /* aplica a todas los itmes de las listas de la página */ float: left; position: relative; width: 10em; } li ul { /* Listas de segundo nivel */ display: none; position: absolute; top: 1em; left: 0; } li>ul { /* para sobre escribrir el top y el left en navegadores diferentes a IE */ top: auto; left: auto; } li:hover ul, li.over ul { /* listas insertadas bajo los items que provocan el hover */ display: block; } #content { clear: left; } </style> ----Este script va dentro del body------------------- <script type="text/javascript"><!--//--><![CDATA[//><!-- startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } } } } } window.onload=startList; //--><!]]></script> |
|
12/09/2006, 20:06
| ||||
| ||||
| si hay programas que te crean los menus, mediante dhtml, o js. prueba opencube.com o sothinkdhtml lo mas recomendable seria hacerlos medante html y css puro, hay un monton de tutoriales de como hacerlo. SAludos
__________________ Drupal Argentina |
|
12/09/2006, 22:12
| |||
| |||
| bajate el sothink dhtml menu builder, con ese lo creas facilmente un menu como el que buscas, saludos
__________________ GraficasWeb.com / Diseño y Desarrollo Web en Mexico info @ graficasweb.com E-mail / MSN |
|
01/11/2006, 08:38
| |||
| |||
| Cita: Hola
Iniciado por pinopunzi  Si quieres usar el menu de "Desarrolloweb.com" siga estas instrucciones: 1.- usa dreamweaver -> Archivo -> nuevo 2.-En la pantalla de Nuevo Documento elija la pestaña General 3.- En la columna Categoría selecciona Diseño de Páginas (CSS) 4.- En la columna Diseño de Páginas (CSS) selecciona : Nav Dcha Halo o Nav Izqda Halo 5. Pulsa "Crear" 6. Ya tienes una plantilla con categoría. Saludos. Ya hice eso pero qué pasa si el día de mañana quiero cambiar algún elemento del menú horizontal de arriba de todo o del de la izquierda?! Cómo regenero todas las web que ya hice con esa plantilla?! Gracias |
|
03/11/2006, 09:49
| ||||
| ||||
| hola, disculparme que me entrometa, puse un tema en el foro de unos problemas que tenia, y visto que no los pude solucionar, indagando por el foro vi este tema, y vi el codigo este, y he conseguido mas o menos hacer lo que queria, poner unas una galeria con vistas en miniatura, y con este tipo de menu lo tengo mas o menos conseguido y me gustaria saber como puedo centrar el menu, que tengo que añadir para que se quede centrado... gracias. y perdonar las molestias |
