22 junio 2005

Mapas de links

Nadie (?) se dio cuenta de que el otro día en mi post manuscrito, incluí un mapa de links, para que al pulsarse determinadas zonas de la imagen, se accediera a los enlaces programados.

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:

Ababoltarget="_blank">
lacrizti
AguaHREF="http://elblogdelgenmasculino.blogspot.com/" target="_blank">
DosJerez
Luces
Celemin


Más cosas aquí
PS: por supuesto que hay herramientas que los hacen automáticamente, pero no tienen tanta gracia!!

12 comentarios:

celemin dijo...

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$

laceci dijo...

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...)

chin dijo...

Pues no, tampoco me dí cuenta. Ni se me ocurrió pasar el puntero por encima. Intentaré ser más curioso a partir de ahora.

monocamy dijo...

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

:*

Jose dijo...

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 ;)

laceci dijo...

Gracias, Jose, eso sólo pasa con el explorer de los cojones...(es mi viejo error, ya lo echaba de menos...)

Eremita dijo...

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

Labot dijo...

el placer íntimo e individual que produce el trabajo artesanal es, a veces, insuperable.

monocamy dijo...

No sé qué significa "tu blog se corta justamente donde acaba el menú izquierdo".

Y como zoi muy curiozo, lo pregunto

¿qué ziznifica?

:O

Xavier Tahoe dijo...

Yo soy un experto con el tema de los links absurdos. Fijaos hasta donde soy capaz de llevaros con un simple "CLIC" :D

coco dijo...

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.

laceci dijo...

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?? ;)