viernes, 11 de junio de 2010

CONO USAR IMAGENES PARA ENLAZAR, Y ABRIRLAS EN OTRA VENTANA





Hace tiempo hice esta entrada en la que expliqué como poner una imagen que sirva de link o enlace, de manera que al pinchar en ella vayamos a parar a otra página.
Puse esta explicación al final de todo y como la entrada es muy larga, pues trata de como usar las imágenes para varias cosas, he pensado que sería interesante separar esta parte.
Si quieres poner una imagen que sirva de enlace a otro sitio has de poner un código, ya sea en un elemento HTML/Javascript, en la barra lateral, o en una entrada. (En este caso deberás escribir el código directamente pinchando en la pestaña Edición de HTML del escritorio de entradas).

---
El código a colocar es éste:


<div align="center"><a
href="la dirección de la página a la que quieres que se llegue"target="_blank"><img border="0" src="la dirección de la imagen que se
ve"/></a></div>
---
Vamos a analizarlo:
Con <div align= (puede ser right, center o left)> le dices la posición que va a tener en el elemento o en la entrada. Si no le pones esta parte del código la colocará a la izquierda por defecto.
En el caso de que no se lo pongas tampoco has de poner el </div> del final.
Con target="_blank" le dices que abra el enlace en otra ventana.
Con border="0" le dices que no le ponga margen a la imagen.

---
Notas:
Si colocas un código de esos desde otra página, (a veces ponemos imágenes que enlazan a otros sitios cuyos códigos nos proporcionan ellos), antes de guardar cambios, una vez pegado en un elemento, asegúrate que quien ha creado el código ha colocado lo del target="_blank", de lo contrario se abrirá en la misma ventana de tu blog, con lo que echarás del blog a tus lectores (y no a todo el mundo se le ocurre pinchar con el botón derecho para abrir algo en una ventana nueva, por si acaso).
Si tienes modificado el código de tu plantilla para que no ponga bordes a las imágenes, lo de border="0" aparecerá solo aunque no lo pongas. (Si aún no lo has modificado pero quieres hacerlo aquí te explico como).
No olvides poner comillas donde corresponde, ni quites o añadas espacios o no funcionará bien.

0 comentarios:

Publicar un comentario

DIRECTORIOS

http://www.trucosblogs.com/post
4.57/5 – 42 opiniones
http://www.fabricaturopa.com/post 4.57/5 – 42 opiniones