Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Tooltip con una imagen

Anteriormente expliqué cómo hacer un tooltip decorado y ahora le toca al tooltip con imagen.

Lo que vamos a aprender es la forma de hacer un link de manera que al pasar el cursor por encima aparezca una imagen...


Diseño>edición HTML>expandimos artilugios


Busca la etiqueta ]]></b:skin> y encima añade estos bloques:

a.tooltip {
text-decoration:none;
color:
#000000;

position:relative;
}
a.tooltip span {
display:
none;
}
a.tooltip:hover span {
top:2em;
display:block;
left:5em;
position:absolute;
background: #ffffff;
}

Puedes cambiar el color que tendrá el enlace en la línea color: #000000; (encontrarás códigos de colores en la tabla de colores).

Guarda cambios.

Ahora siempre que quieras añadir el tooltip debes usar esta línea:

<a href="URL DE LA WEB O BLOG"
class="tooltip">TITULO DEL
LINK
<span><img src="URL DE TU
IMAGEN
"></span></a>

Sustituye...

URL DE LA WEB O BLOG por la dirección de la web o el blog, por ejemplo http://google.es/

TITULO DEL LINK por el título que tendrá el enlace, por ejemplo Google

URL DE TU IMAGEN por la dirección de la imagen que se mostrará al pasar el cursor por encima.
¡Así de sencillo! =)

SandeeA dice...

qué chulo! felicidades por el nuevo look!

Manuel de la Fuente dice...

Pues funcionó muy bien, incluso quise dejarte un enlace con tooltip para que vieras qué bien quedó, pero luego de intentar por muchísimos medios, el tonto de Blogger no me aceptó ninguno de los códigos que puse en el comentario. |-O

En fin, lo bueno es que en las entradas sí sirve.

Jaime Trujillo Escobedo dice...

SandeeA, me alegra que te guste =) estoy pensando en poner una mascota para el balcón :-D

Jaime Trujillo Escobedo dice...

Manuel de la Fuente, en los comentarios no se puede poner :-S pero en las entradas o los gadgets va de maravilla =)

Darkness dice...

Ola jaime, me gustaria que vieras cuando puedas mi blog, por que ando poniendo cosas nuevas y quiero que tu dejes comentarios o lo que quieras,^^

Tambien me gustaria que cambiaras mi direccion en tu pagina de blogs amigos, por que casi siempre esta la direccion antigua y me gustaria que me me echarias una mano, en como promocionar mi blog

Estoy acogiendo la idea en mi blog de la proteccion a los animales, que segun avance los dias pienso poner muchas cosas relacionadas con el tema, para que la gente piense y actuemos de una vez.

Kiss

Manuel de la Fuente dice...

Lo de la mascota una buena idea, mi blog también tiene una; si me disculpas te voy a hacer un poquito de spam (primera y última vez) para que la conozcas:

Mi perro etúpido

Creo que para el balcón quedaría bien un periquito, además se ve que te gustan mucho. ;)

Jaime Trujillo Escobedo dice...

Manuel de la Fuente, no es spam, es un enlace a tu preciosa mascota =) estuve jugando con tu perrito y es genial :-D

Pensé en poner un búho, con un gorrito de estudiante, ahora sólo me falta introducirlo al ordenador con algún programa =)

Manuel de la Fuente dice...

Je je, sí, un búho también quedaría excelente. Suerte. :)

Jaime Trujillo Escobedo dice...

Manuel de la Fuente, quizás, aún estoy pensando =) Gracias ^_^

Jaime Trujillo Escobedo dice...

Darkness, ya ví tu blog ^_^ dejaré algún que otro comentario cuándo pueda =) ahora cambio la dirección :D

La idea de hacer un blog relacionado con la protección de los animales es muy interesante.

Debes tener paciencia, puedes dar a conocer tu blog un poco más mirando esta entrada.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo