keiko_chan
Usuario Novato
Usuario Novato

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.

Avatar Image
Machacateclados
Machacateclados
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

kary_otaku
Usuario Novato
Usuario Novato

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
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
No se han encontrado temas similares