|
Tutorial de d3vmax traducido:
Pon el puntero encima de la imagen y verás para que sirve este truco >>
También puedes enlazar a otras páginas web con la imagen. Una práctica común en el mundo de Internet es usar las imágenes de botones como enlaces o usar banners (imágenes con enlace). También, cuando un usuario pone su puntero encima de la imagen, puedes hacer que aparezca un cuadrito con la información que quieras, este texto se llama ALT Text.
Esta es la forma de hacerlo...
- Hostea una imagen (subela a Internet) desde
 u otro servicio de hosting
- Copìa la URL que te darán, por ejemplo:
<img src="Link/URL de la imagen" alt="Texto que aparecerá si no se carga" title="ALT Text" />
Copia el código de arriba y modificalo de la siguiente manera:
- La parte en Amarillo es la URL que te han dado cuando has subido a Internet la imagen [Lo que está en la imagen más arriba]
- En la parte Azul ,pon el texto que quieres que aparezca en el caso de que la imagen no se cargue, bien porque has puesto mal la URL o bien porque ha sido borrada de Internet
- La parte en Red es donde tienes que poner el ALT text, el texto que aparecerá en el pequeño cuadrito . [Por ejemplo la imagen del principio del blog]
Now...
- Haz una nueva entrada o edita una anterior
- Tienes que pegar el código de arriba,modificando antes todo como hemos dicho
- No lo pegues en la entrada directamente. Click en el botón
 y pega ahí el código. Click Aquí si no sabes que es el botón <HTML>
- Click otra vez en el botón para volver a la publicación de la imagen y hacer los últimos cambios
- Publica tu entrada
- Ya está acabado!
- Más tarde puedes hacer un enlace desde la imagen a cualquier página seleccionando la imagen y pulsado el botón
 en la barra de herramientas de la publicación de entradas
Por ejemplo:
Pon el puntero encima de la imagen siguiente>>
Para esto usa el siguiente código:
<a href=http://spaces.msn.com/members/beonecorp><IMG title="Este es el texto del que hemos hablado" alt=Entra src=http://img249.imageshack.us/img249/1613/buttlogin0rf.jpg border=0></a>
|
