home Foro de soporte Ayuda para webmasters Editores de páginas WEB
 
Como podría hacer "esto" con dreamweaver?¿
Haz clic para ver el perfil del usuario
Usuario Novato
Usuario Novato
·
#1 ·

Hola, es la primera vez que posteo en este foro.
Acabo de instalarme el dreamweaver cs5 y voy un poco perdida.

De momento ya tengo hechos los varios links encima de una imagen con la herramienta poligonal....

El motivo de mi consulta es:

Si quiero que al pasar el mouse se ilumine (cambie de color la selección que tengo hecha para el link) y se me abra inmediatamente una etiqueta o pequeño menú al pasar el (Para informar del contenido del link); como tendría que hacerlo?¿

Muchísimas gracias.

Haz clic para ver el perfil del usuario
Machacateclados
Machacateclados
·
#2 ·
Escrito originalmente por keiko_chan

Si quiero que al pasar el mouse se ilumine (cambie de color la selección que tengo hecha para el link)

Para eso tendras que inserta el icono mouse2

Haz clic para ver el perfil del usuario
Usuario Novato
Usuario Novato
·
#3 · ·

Hola,

Para hacer lo del menú:

Primero - crea en css una clase con todos los estilos que quieras para tu menú, ya sea el color de fondo, el tamaño, tipo de letra o lo que quieras. Esta la usaras para el menú en general. IMPORTANTE el hide tiene k estar en on, es decir que esté oculto, tambien tienes k darle la propiedad de posicion absoluta si quieres que se aparezca en unas coordenadas fijas y asignarle esas coordenadas, si quieres que aparezca donde este el raton usa un script como el de las imagenes siguen al ratón, por ejemplo.

Segundo - crea otro css que te trate los li de la clase anterior como un bloke y tambien ponles los estilos k kieras, k no tenga viñeta, k te ponga bodes... en fin, lo k kieras, tal como kieres k aparezcan, esto luego sera cuestion de ir cambiando y probando.

Cuarto - crea un div para cada menú y asignales la clase del css. dentro de éste div pon en una lista los links.

Quinto - tienes que crear en el head una funcion javascript k te muestre esta capa (al finalizar el mensaje te pongo el código)

Sexto - Tienes k invocar al javascript en las propiedades del mapa de imagen, con un onmouseover=nombredelafuncion(nombredeldiv)

onmouseover=muestra_oculta(contenido_a_mostrar)

Listo con eso el div se mostrara solo cuando este el raton encima de donde deseas k este el menú

Código javascript:

<script>

function muestra_oculta(id){
if (document.getElementById){ //se obtiene el id (IMPORTANTE este es el id del div, no te olvides ponerle al div el id)
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta('contenido_a_mostrar');/* "contenido_a_mostrar" es el nombre de la etiqueta DIV que deseamos mostrar */
}
</script>

Edito: perdón se me olvido decirte lo de k se ilumine la seccion.

Crea un estilo en el css para la sección del mapeado, este estilo que sea de tipo clase para que así a todas las secciones les pongas ese estilo y así todas hereden el estilo. este estilo tiene k ser para el estado hover, es decir seria un estilo por ejemplo

.mapa a:hover{}

entre las llaves le puedes poner por ejemplo que tenga un borde de 1 o 2 pixeles de un color rojo, por poner un ejemplo, y aplicas a cada mapeado la clase .mapa ahi al pasar el raton encima la seccion mapeada en cuestion sacara un borde de color rojo de 1 o 2 pixeles.

Luego queda a tu gusto los estilos que pongas ahi jejeje

Espero que te sirva. Saludos

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Foro de soporte · Ayuda para webmasters · Editores de páginas WEB
Opciones:
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 12:56 UTC+02:00 DST
Temas similares
 I TemaAutorMensajesVisitasÚltima respuesta
No Hay mensajes nuevos30/May/2004, 16:01
15k31/May/2004, 03:37
 Ir al último mensaje del tema
No Hay mensajes nuevos14/Abr/2004, 20:00
28k15/Abr/2004, 17:48
 Ir al último mensaje del tema
No Hay mensajes nuevos31/Ene/2004, 13:26
211k31/Ene/2004, 15:37
 Ir al último mensaje del tema
No Hay mensajes nuevos19/Oct/2002, 17:08
13k20/Oct/2002, 05:03
 Ir al último mensaje del tema