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.

Menú que cambia el color de fondo del blog al pasar el cursor por encima

Tras haber aprendido la forma de insertar el botón en el blog que, al pulsarse, amplía la zona de las entradas y oculta la barra lateral, continuaremos con otra opción muy curiosa que puede ofrecerse a los lectores de nuestro sitio web.

Se trata de un menú a base de colores que construí con unos simples atributos en javascript, y que, al pasar el cursor sobre cualquier recuadro, el fondo del blog cambia automáticamente al color que la casilla encierra.

Aquí puedes ver una imagen del menú:


Menú que cambia el color de fondo al pasar el cursor por encima


Y aquí encontrarás un ejemplo en funcionamiento.

Para instalarlo en tu blog bastará con seguir estos sencillos pasos:


Diseño>añadir gadget (elemento de página)>html-javascript






Pega este código:

<center><table border="0" style="cursor:url('http://1.bp.blogspot.com/_blABMJBbYJs/S4L005rlr3I/AAAAAAAAIHE/ZmEl9aGS9gk/s400/blcursorgif.gif'), auto;"" align="center" width="22%">
<tr>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#d9d13f'; document.body.style.backgroundImage='none';"><img border="1" src="http://1.bp.blogspot.com/_gjBqKNTws4M/S4Lg5KrAMuI/AAAAAAAAB34/khdclnZXHFo/s320/blfondoamarillo.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#3f6dd9'; document.body.style.backgroundImage='none';"><img border="1" src="http://3.bp.blogspot.com/_gjBqKNTws4M/S4Lg5e4F8AI/AAAAAAAAB4A/kcZUFlbjvJA/s320/blfondoazul.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#d9993f'; document.body.style.backgroundImage='none';"><img border="1" src="http://3.bp.blogspot.com/_gjBqKNTws4M/S4LhAXSt1HI/AAAAAAAAB4g/GmitGzndjzI/s320/blfondonaranja.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#cccccc'; document.body.style.backgroundImage='none';"><img border="1" src="http://1.bp.blogspot.com/_gjBqKNTws4M/S4Lg5vryyTI/AAAAAAAAB4I/CUo6G25coF8/s320/blfondogris.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#ffffff'; document.body.style.backgroundImage='none';"><img border="1" src="http://3.bp.blogspot.com/_blABMJBbYJs/S4LlKMG-bUI/AAAAAAAAIGs/RfrXU9dxV_0/s400/blfondoblanco.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#9b5b1c'; document.body.style.backgroundImage='none';"><img border="1" src="http://2.bp.blogspot.com/_gjBqKNTws4M/S4Lg5x52rxI/AAAAAAAAB4Q/3r4AXX5vHs4/s320/blfondomarron.png" /></span></td>
</tr>
<tr>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#57d93f'; document.body.style.backgroundImage='none';"><img border="1" src="http://4.bp.blogspot.com/_gjBqKNTws4M/S4LhBUVi84I/AAAAAAAAB5A/iTnkf6n11ng/s320/blfondoverde.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#d9483f'; document.body.style.backgroundImage='none';"><img border="1" src="http://4.bp.blogspot.com/_gjBqKNTws4M/S4LhAnjBJXI/AAAAAAAAB4w/IH9oKLs5Djg/s320/blfondorojo.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#FFCCCC'; document.body.style.backgroundImage='none';"><img border="1" src="http://2.bp.blogspot.com/_gjBqKNTws4M/S4LhBBW16-I/AAAAAAAAB44/k37Qon1ASTA/s320/blfondorosa.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#993fd9'; document.body.style.backgroundImage='none';"><img border="1" src="http://1.bp.blogspot.com/_gjBqKNTws4M/S4Lg6K3c5wI/AAAAAAAAB4Y/2DIONthpndE/s320/blfondomorado.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img border="1" src="http://4.bp.blogspot.com/_gjBqKNTws4M/S4LhAsX5cSI/AAAAAAAAB4o/E-O4Tadk5Xc/s320/blfondonegro.png" /></span></td>
<td><span onmouseover="javascript:document.body.style.backgroundColor='#74b8fb'; document.body.style.backgroundImage='none';"><img border="1" src="http://2.bp.blogspot.com/_blABMJBbYJs/S4Lq34suWdI/AAAAAAAAIG0/avW2BZKvmwc/s400/blfondoazul2.png" /></span></td>
</tr>
</table></center>

Pulsa el botón "Guardar" y habrás terminado.

Aunque en el menú hay bastantes colores, si deseas añadir alguno más o, por el contrario, deshacerte de uno en particular necesitas hacer lo siguiente [+/-]


Si necesitas ayuda durante la instalación no dudes en avisarme.

Tess dice...

:P lo he puesto!! me gusta,aunque teniendo en cuenta que mi blog es en negro,¿podrias decirnos como cambiar el recuadro negro u otro por otro color??
gracias.

Oskar dice...

Hola Jaime, bueno como siempre que veo tu blog es una pasada este truco, ya que mi blo (Umilde al lado del tuyo) es creado gracias al tuyo ya que te prometo que no tengo ni P..Idea de codigos, pero gracias a ti e ido creando mi blog y por eso te doy las gracias ya que todas los trucos y el 90 % de las cosas que tengo en mi plantilla son gracias a ti, creo que nunca te deje ningun comentario y ya es el momento de darte las gracias por todo lo que pones para poder ayudarnos a los torpes como yo...Saludos y muchas gracias y por supuesto seguire pillando tus ayudas..Chao

Julita Fernández (Profesora) dice...

Jaime, en nuestro blog "Creación literaria y más..." tienes un regalito.
Saludos

Jaime Trujillo Escobedo dice...

¡Genial, Tess! Claro que os lo puedo decir, es mas, lo voy a incluir en la entrada para que todo sea más sencillo ;).

Jaime Trujillo Escobedo dice...

¡Muchas gracias Oskar! De humilde nada. Cada blog es diferente, personal y único. Lo que diferencia a un blog de otro es su administrador y el contenido que éste ofrece y comparte con los demas (lo que viene a resumir el que todos los blogs son bastante similares).

No debes preocuparte por no entender los códigos. Aún no sabiendo nada sobre HTML puedes decorar tu blog hasta obtener un diseño espectacular.

Estaré aquí para ayudarte en todo lo que necesites ;).

¡Abrazos!

Jaime Trujillo Escobedo dice...

¡Qué alegría más grande, Julita Fernández!

Ahora mismo voy a ver esa maravillosa sorpresa.

Muchísimas gracias :P.

pedro lópez dice...

primeramente, felicidades por tu blog.

este gadget está muy bien pero cuando cierras la página y la vuelves a abrir sale de nuevo el color original.

¿es posible de alguna manera, mantener tu elección del color aunque sea con cookies?

gracias de antemano

Jaime Trujillo Escobedo dice...

Pedro lópez, esto ocurre debido a que en la plantilla, el color general atribuído es solo uno. Sería algo complicado y no estoy muy seguro de poderlo conseguir. Por otra parte, conozco la manera de hacer que el blog no tenga un color de fondo en particular, sino que sea aleatorio y que cada vez que accedas, cambie.

Driwrgy dice...

Este también me gustaría aplicarlo, con lo "hortera de colores" que soy yo... pero de momento, tendría que cambiar la confi de portátil y los colores ahora imprescindibles... Queda en pendientes. Un besi.

Jaime Trujillo Escobedo dice...

Jajaja Driwrgy! Estoy seguro de que quedará muy bien en tu blog, sobre todo para el de recetas, que tiene fondo oscuro (algunos lectores preferirán cambiarlo mientras que otros no).

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