Foros del Web » Creando para Internet » HTML »

Ayuda con menu

Estas en el tema de Ayuda con menu en el foro de HTML en Foros del Web. Hola amigos soy nuevo en esto y necesito de su ayuda se que para ustedes parecera muy facil lo que pregunte , pero soy nuevo ...
  #1 (permalink)  
Antiguo 11/03/2004, 14:43
 
Fecha de Ingreso: marzo-2004
Mensajes: 247
Antigüedad: 13 años, 9 meses
Puntos: 0
Ayuda con menu

Hola amigos soy nuevo en esto y necesito de su ayuda se que para ustedes parecera muy facil lo que pregunte , pero soy nuevo como es que hacen un menu en la parte izquierda de las pagina , se que lo hacen en tablas , y solo lleva texto de los link pero que al pasar el mouse sobre el cambia de color?
.
al que me refiro es como el que pueden encontrar en
http://www.webexperto.com/



Gracias

Última edición por cipitillo; 11/03/2004 a las 14:50
  #2 (permalink)  
Antiguo 11/03/2004, 19:05
 
Fecha de Ingreso: marzo-2003
Ubicación: Catamarca - san fernando
Mensajes: 11
Antigüedad: 14 años, 9 meses
Puntos: 0
oky

podes utilizar:

1) simplemente copiate el codijo y modificalo a tu gusto..
2) o bajate un manual de DHTML y aprende a crear tus propios diseños de menues.

3) si no te gusta ninguna de las respuesta , pues deja esta ocupación , sabes porque ? a nadie le interesa hacer el trabajo de otro... tu lo harias ??
  #3 (permalink)  
Antiguo 12/03/2004, 13:07
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Hmmm

:)

Bueno, aunque a nadie le gusta hacer el trabajo de otro, trataré de darte las pistas adecuadas...

;)

La forma más fácil es usar tablas y el modificador a:hover en una hoja de estilo...

Sin embargo, dado que yo soy fiel defensor de la programación standard, te diré que lo mejor es que uses un div como contenedor, dentro de eso una lista no ordenada y cada elemento a su vez con el vínculo correspondiente. Tendrás que usar igualmente hojas de estilo y el selector que te mencioné, el a:hover para que cambie cuando pases el ratón por encima

Suerte

Felicidad
__________________
¡ hey, hou, hou, hey !
  #4 (permalink)  
Antiguo 15/03/2004, 05:42
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Qué tal,

no necesitas usar dhtml, basta con que uses estilos css.

coloca esto en alguna parte de head:

<style type="text/css">
a{display: block}
a:link, a:visited{background-color:#ffffff; color: #ff0000;}
a:hover{background-color:#ff0000; color: #ffffff;}
</style>

Luego crea una tabla como menú e inserta dentro de las celdas los links

Cita:
3) si no te gusta ninguna de las respuesta , pues deja esta ocupación , sabes porque ? a nadie le interesa hacer el trabajo de otro... tu lo harias ??
La base de estos foros es la ayuda desinteresada y unos cuantos llevamos por aquí algunos años ayudando a los demás a llevar a cabo sus proyectos. No hables por los demás, por favor.
  #5 (permalink)  
Antiguo 30/03/2004, 04:45
Avatar de saopaore  
Fecha de Ingreso: marzo-2004
Ubicación: barcelona
Mensajes: 16
Antigüedad: 13 años, 9 meses
Puntos: 0
no seria mucho mejor hacerlo con un simple javascript y en las tablas ponerle la funcion OnMouseOver ??
__________________
SAO
  #6 (permalink)  
Antiguo 30/03/2004, 06:54
 
Fecha de Ingreso: diciembre-2003
Mensajes: 169
Antigüedad: 14 años
Puntos: 0
Te envio un codigo de lo que necesitas:
es con hojas de estilo y sin subrayado, el color ya lo cambias, ha sido hecho en dreamweaver copia los codigos entrel el <head> y </head>

<style type="text/css">
<!--
a:link {
color: #663300;
text-decoration: none;
cursor: hand;
font-weight: bold;
}
a:visited {
color: #663300;
text-decoration: none;
cursor: hand;
font-weight: bold;
}
a:active {
color: #663300;
text-decoration: none;
cursor: hand;
font-weight: bold;
}
a:hover {
color: #FF9900;
cursor: hand;
font-weight: bold;
}
.barraa:link {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;

cursor: hand;
color: #663300;

}
.barraa:visited {
color: #663300;
text-decoration: none;

cursor: hand;
font-family: Arial, Helvetica, sans-serif;

}
.barraa:hover {
font-family: Arial, Helvetica, sans-serif;
color: #FF9900;
text-decoration: none;
cursor: hand;
}
.barraa:active {
text-decoration: none;
background-color: #003333;
cursor: hand;
color: #663300;
font-family: Arial, Helvetica, sans-serif;



}
-->
</style>

luego vinculas la frase y activas en comportamiento
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 21:35.