Foros del Web » Creando para Internet » CSS »

Como puedo hacer esto? menu mágico? es un script?

Estas en el tema de Como puedo hacer esto? menu mágico? es un script? en el foro de CSS en Foros del Web. estoy haciendo un menu vertical con photoshop. no me se explicar mucho x eso hago un ejemplo el menu es una imagen bien bonita ejemplo ...
  #1 (permalink)  
Antiguo 31/01/2011, 22:22
 
Fecha de Ingreso: octubre-2009
Mensajes: 129
Antigüedad: 8 años, 1 mes
Puntos: 1
Pregunta Como puedo hacer esto? menu mágico? es un script?

estoy haciendo un menu vertical con photoshop.
no me se explicar mucho x eso hago un ejemplo
el menu es una imagen bien bonita

ejemplo

"menu.jpg"
====Menu====
= =
= =
============

pero cuando estoy editando con dreamweaver agregando hipervinculos
ejemplo
====Menu====
= LINK 1 =
= LINK 2 =
============


me gustaria agregar mas links sin la necesidad de volver a editar la imagen del menú con photoshop creo que es posible con css o no se, disculpen mi ignorancia no se mucho sobre el thema no se ni como buscar en google este tipo de cosas o si es un script

====Menu====
= LINK 1 =
= LINK 2 =
= LINK 3 =
= LINK 4 =
= LINK 5 =
= LINK 6 =
= LINK 7 =
============

que cada ves que agregue un link el mismo se auto forme me explico?
gracias de antemano si pueden me pasan un link y yo me guió de hay
  #2 (permalink)  
Antiguo 01/02/2011, 16:50
Avatar de ThomaGutierrez  
Fecha de Ingreso: enero-2011
Mensajes: 33
Antigüedad: 6 años, 11 meses
Puntos: 2
Mensaje Respuesta: Como puedo hacer esto? menu mágico? es un script?

Hola si tienes toda la razon, si se puede en css y con imagenes,[URL="http://www.dynamicdrive.com/style/csslibrary/item/glossy_horizontal_menu/"]lo puedes encontrar en esta pagina[/URL]
Basicamente necesitas 3 imagenes la de la derecha el background y la de la izquierda.




mas este codigo
Código HTML:
<html>
<head>
<style type="text/css">
  
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(media/menur_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(media/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(media/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}

</style>
</head>

<body>

<ul class="glossymenu">
	<li class="current"><a href="http://www.dynamicdrive.com/"><b>Home</b></a></li>
	<li><a href="http://www.dynamicdrive.com/style/"><b>CSS</b></a></li>
	<li><a href="http://www.dynamicdrive.com/forums/"><b>Forums</b></a></li>	
	<li><a href="http://tools.dynamicdrive.com"><b>Webmaster Tools</b></a></li>	
	<li><a href="http://www.javascriptkit.com/"><b>JavaScript</b></a></li>	
	<li><a href="http://www.cssdrive.com"><b>Gallery</b></a></li>	
</ul>
</body>
</html> 

Última edición por ThomaGutierrez; 01/02/2011 a las 17:06
  #3 (permalink)  
Antiguo 01/02/2011, 17:09
Avatar de ThomaGutierrez  
Fecha de Ingreso: enero-2011
Mensajes: 33
Antigüedad: 6 años, 11 meses
Puntos: 2
Respuesta: Como puedo hacer esto? menu mágico? es un script?

[URL="http://www.google.com/"]http://www.google.com/[/URL]
  #4 (permalink)  
Antiguo 01/02/2011, 17:10
Avatar de ThomaGutierrez  
Fecha de Ingreso: enero-2011
Mensajes: 33
Antigüedad: 6 años, 11 meses
Puntos: 2
Respuesta: Como puedo hacer esto? menu mágico? es un script?

http://www.dynamicdrive.com/style/csslibrary/item/glossy_horizontal_menu/

Etiquetas: Ninguno
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 19:59.