Foros del Web » Creando para Internet » CSS »

un menu como este ???? y mas

Estas en el tema de un menu como este ???? y mas en el foro de CSS en Foros del Web. hola amigos del foro.... necesito implementar para un diseño un menú como el que aparece en esta página http://www.microsoft.com/spain/windo.../getitnow.mspx y de paso... alguien conoce algun ...
  #1 (permalink)  
Antiguo 31/10/2007, 06:56
 
Fecha de Ingreso: febrero-2003
Mensajes: 102
Antigüedad: 14 años, 10 meses
Puntos: 0
Busqueda un menu como este ???? y mas

hola amigos del foro.... necesito implementar para un diseño un menú como el que aparece en esta página

http://www.microsoft.com/spain/windo.../getitnow.mspx

y de paso... alguien conoce algun tipo de aplicación para crear este tipo de menús, antes usaba un programa que se llama DHTMLmenu pero los templates que usa no son los mejores.

Saludos y gracias :) .

Última edición por Jose_marin; 31/10/2007 a las 18:20
  #2 (permalink)  
Antiguo 31/10/2007, 09:06
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 16 años, 2 meses
Puntos: 59
Re: un menu como este ???? y mas

Primero, aparecen dos menús: cual de los dos queires que leamos en el código fuente y te lo pongamos acá?

Y segundo, lo dicho: con ver el código fuente verás como se hizo la página en general.
Paras el menu de la izquierda el código creo que es (no lo he visto mucho, solo ojee por encima)
Código:
/* second index box with two columns */
#second-box {
	width:562px;
	margin:-14px 0 0 0;
	}
#top-issues {
	float:left;
	padding:57px 5px 0 1px;
	margin:0 0 10px 0;
	list-style:none;
	background:url(../img/bg-top-issues.gif) no-repeat left top;
	width:218px;
	height:172px;
	}
#top-issues li {
	border-bottom:1px solid #fff;
	}
#top-issues li a {
	width:218px;
	height:24px;
	display:block;
	overflow:hidden;
	text-indent:-999px;
	}
#top-issues li.classroom-spending {
	border-top:1px solid #fff;
	}
#top-issues li.classroom-spending a {
	background:url(../img/a-classroom-spending.gif) no-repeat left top;
	}
#top-issues li.defense-marriage a {
	background:url(../img/a-defense-marriage.gif) no-repeat left top;
	}
#top-issues li.cleaner-environment a {
	background:url(../img/a-cleaner-environment.gif) no-repeat left top;
	}
#top-issues li.protecting-unborn a {
	background:url(../img/a-protecting-unborn.gif) no-repeat left top;
	}
#top-issues li.amendment-rights a {
	background:url(../img/a-amendment-rights.gif) no-repeat left top;
	}
#top-issues li.health-care a {
	background:url(../img/a-health-care.gif) no-repeat left top;
	}
#top-issues li a:hover {
	background-position:0 -24px;
	}
y el superior:
Código:
/* main navigation */
#main-navigation {
	margin:0;
	padding:0 0 0 5px;
	position:absolute;
	top:125px;
	left:74px;
	list-style:none;
	background:url(../img/bg-main-nav.gif) no-repeat left top;
	}
#main-navigation li {
	float:left;
	background:url(../img/bg-main-nav.gif) no-repeat right top;
	padding:0 5px 0 0;
	}
#main-navigation a {
	float:left;
	display:block;
	height:21px;
	overflow:hidden;
	text-indent:-999px;
	}
#main-navigation .about a {
	width:110px;
	background:url(../img/btn-about-pat.gif) no-repeat left top;
	}
#main-navigation .issues a {
	width:105px;
	background:url(../img/btn-the-issues.gif) no-repeat left top;
	}
#main-navigation .volunteer a {
	width:112px;
	background:url(../img/btn-volunteer.gif) no-repeat left top;
	}
#main-navigation .photos a {
	width:102px;
	background:url(../img/btn-photos.gif) no-repeat left top;
	}
#main-navigation .press-releases a {
	width:154px;
	background:url(../img/btn-releases.gif) no-repeat left top;
	}
#main-navigation a:hover {
	background-position:0 -21px;
	}
Este tipo de menús es muy sencillo, y una aplicación seguro que tendría muchos errores con Xbrowsers y esas cosas, pero vamos.... Si la hay, apuesto lo que sea a que está en las FAQS y si no, Google.

En resumen: has preguntado cosas muy obvias. En caso que preguntes porque no tengas ni idea, te recomiendo buscar eso: la idea, leer un poco de CSS o JavaScript o HTML.
__________________
Cool Village
@Wakkos
  #3 (permalink)  
Antiguo 31/10/2007, 14:58
 
Fecha de Ingreso: febrero-2003
Mensajes: 102
Antigüedad: 14 años, 10 meses
Puntos: 0
Re: un menu como este ???? y mas

Wakkos muchisimas gracias por la respuesta... me equivoque al poner el link, realmente este es el link en cuestion:

http://www.microsoft.com/spain/windo.../getitnow.mspx

este link es el de la pagina con el menú por el cual pedia ayuda.

de vuelta muchas gracias por la buena onda.
  #4 (permalink)  
Antiguo 04/11/2007, 06:07
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.893
Antigüedad: 14 años, 9 meses
Puntos: 60
Re: un menu como este ???? y mas

Hola Jose_marin, mira si te puede valer algo así:

http://exploding-boy.com/images/cssmenus/menus.html

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:49.