Ver Mensaje Individual
  #2 (permalink)  
Antiguo 31/10/2007, 08:06
Avatar de Wakkos
Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 22 años, 6 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