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.

Decoramos los links

Si quieres saber como hacer que un link tenga un fondo cuando pases el cursor encima de el, aquí te lo enseño de una manera muy sencilla...

Diseño>edición HTML>expandimos artilugios

Busca las propiedades de tus links en el CSS de tu plantilla, es decir, algo así:
a:link {
color:#0066cc;
text-decoration:none;
}
a:visited {
color:#cc6600;
text-decoration:none;
}
a:hover {
color:#cc6600;
text-decoration:underline;
}

Para aplicar fondo al enlace, incluye la línea que te muestro a continuación justo debajo de a:hover {
background:url(URL DE LA IMAGEN DE FONDO);

Por último sustituye URL DE LA IMAGEN DE FONDO por la dirección de tu imagen.

Notas:

Si quieres que el fondo se repita para que cubra el link completo, añade antes de las comillas (;) la palabra repeat.

Si por el contrario, deseas que no se repita el fondo, añade antes de las comillas (;) las palabras no-repeat.

Guarda cambios y listo ☺

Lidysan y Marcos dice...

Hola jaime.Me encanta tu blog,quiero darte las gracias por le monton de truquitos que me están sirviendo.Algunos me salen,otros soy demasiado torpona jajaj...este me ha salido y me ha quedado my chulo.besos

Jaime Trujillo Escobedo dice...

Lidysan y Marcos, cuánto me alegra verte por aquí :-) ☺ ☺

No te preocupes, si te gusta un truco y lo ves un poco difícil siempre puedo ayudarte :D

¡Un abrazo0!

Death13 dice...

¿Cómo puedo colocar una imagen al lado de un enlace en "lista de enlaces" ?

Jaime Trujillo Escobedo dice...

Death13, realiza lo siguiente:

Diseño>edición HTML>expandimos artilugios

Busca la etiqueta y encima pega este bloque:

.sidebar ul li {
background:#FFFFFF url(URL DE LA IMAGEN O ICONO) no-repeat top left;
color: #666666;
font-size: 13px;
padding-left:30px;
}

Sustituye URL DE LA IMAGEN O ICONO por la dirección de tu icono o imagen y guarda la plantilla.

Urko dice...

Hola llevo tiempo intentando hacer esto de poner una imagen pekeña antes de el enlace pero no lo consigo.que es eso de la etiqueta.gracias
.

Jaime Trujillo Escobedo dice...

Urko, al decir "etiqueta" me refiero a la etiqueta ]]></b:skin> que puede encontrarse rápidamente utilizando las teclas Ctrl y F para abrir el buscador.

Bastará con seguir los mismos pasos indicados en el comentario número 4.

Nidia dice...

gracias jaime por tu aportacion. buscaba algo asi y lo encontre en tu maravilloso blog.

besitos de miel..

Jaime Trujillo Escobedo dice...

Encantado de haberte ayudado a encontrar lo que estabas buscando, Nidia.

Abrazos!

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