Para hacerlo, es tan simple como incluir en nuestro código la imagen correspondiente (con IMG) e indicarle como parámetro que dentro va a incluir un mapa de links (en este ejemplo lo llamaremos #links).Posteriormente hay que definir el mapa (MAP), indicando las distintas áreas que van a formar los enlaces. En nuestro ejemplo, se van a definir enlaces en los nombres de quién me mandó (Ababol) y quien recibe la cadena (lacrizti, agua, Dosjerez, Luces y Celemin). En este caso, las zonas de los links, se asemejan a un rectángulo, por lo tanto, la forma (SHAPE) será RECT. Al ser un rectángulo, hay de localizar las coordenadas del mismo. Una forma cutre y casera es utilizando el paint de Microsoft, posicionando el cursor en el vértice superior izquierdo del rectángulo, obtendremos (Abajo a la derecha en paint) las coordenadas. Igualmente se hace con la esquina inferior derecha del rectángulo. Guardamos estas coordenadas, y así tendremos localizadas las zonas activas que definirán cada enlace. Sólo nos queda añadir el enlace de destino y si queremos, un texto que aparecerá al pasar el ratón por encima de la zona activa (ALT="Texto deseado").
El Código ejemplo en el post era este:
Más cosas aquí
PS: por supuesto que hay herramientas que los hacen automáticamente, pero no tienen tanta gracia!!
12 comentarios:
Lo reconozco, no me di cuenta....
Podías haber cambiado el color del rotulador...
PS: por supuesto que hay herramientas que los hacen automáticamente, pero no tienen tanta gracia!!
Entiendes ahora por que me gustan Linux, emacs, vi, latex.... etc....
y por que me gusta tan poco M$
Lo de las herramientas está muy bien, pero se aprende mucho más haciendo las cosas a base de notepad y paint (M$).
Esa es la razón por la cual he pasado por tantas plantillas distintas antes de llegar a esta morrallita...(lo de editar los colores en hexadecimal al azar, es un riesgo necesario...)
Pues no, tampoco me dí cuenta. Ni se me ocurrió pasar el puntero por encima. Intentaré ser más curioso a partir de ahora.
zocorroooooo!
me quedé atassscado entre una llave y una barra diagonal... aing...
no descarto necesitar asistencia respiratoria... (boca a boca)
:O
:)- -
Quiero aprender a hacer eso como sea. amoallá.
gracias, un besito
:*
Mmm..esta bien eso pero deberias de empezar por lo básico. Tu blog se corta justamente donde acaba el menú izquierdo. Tendrias que repasarlo ;)
Gracias, Jose, eso sólo pasa con el explorer de los cojones...(es mi viejo error, ya lo echaba de menos...)
Suelo usar el Frontpage para hacer este tipo de cosas que sobrepasan mis conocimientos de informática, pero es totalmente cierto que como de verdad se aprende es trasteando en el código.
Voy a sumergirme en esa maraña de letras y números a ver que saco en claro.
Gracias por el truco
el placer íntimo e individual que produce el trabajo artesanal es, a veces, insuperable.
No sé qué significa "tu blog se corta justamente donde acaba el menú izquierdo".
Y como zoi muy curiozo, lo pregunto
¿qué ziznifica?
:O
Yo soy un experto con el tema de los links absurdos. Fijaos hasta donde soy capaz de llevaros con un simple "CLIC" :D
Ostia!... ¿y con las orejas qué sabes hacer?
PD: envidia cochina la que siente este coco, que tras ese escote que ya conseguí camuflar con un post-it, se oculta un monstruo de la informática, que ríase usted del bilgeits.
Monocamy con microplof, la parte derecha de esta página, se corta a la altura donde terminan los banner de la izquierda.
eremita el frontpage añade tanto código absurdo e innecesario a las páginas web, que te sorprenderías...
coco la sorpresa viene por ser tía y pensar o por tener tetas y pensar...ein?? ;)
Publicar un comentario