Buscador
.

04 noviembre 2011

Cambiar color de fondo al gusto del visitante

Con este sensacional script podemos poner dentro de nuestra web unos cuadros de colores que al hacer clic cambiarán el color de fondo de nuestra página.
esta es una imagen de como queda
Esta es una manera de hacer que nuestros visitantes se sientan más cómodos y hacer su visita mas placentera. Para poner algo así en tu blog sólo tienes que usar este código...




<center>    <a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';"><img src=    "http://2.bp.blogspot.com/-xtirugOu4XI/TrRDDMciptI/AAAAAAAACts/DrKSQs4_cH0/s1600/body-rojo.png" alt="" /></a> <a href="#" onclick=    "javascript:document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';"><img src=    "http://2.bp.blogspot.com/-XQU_kL_Cl_c/TrRDDp6P6SI/AAAAAAAACt0/iS8-TCq6jAs/s1600/body-amarillo.png" alt="" /></a> <a href="#" onclick=    "javascript:document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';"><img src=    "http://4.bp.blogspot.com/-5JZrMeiV8Jw/TrRDD_BSTuI/AAAAAAAACt8/9Dg08eZZUC4/s1600/body-verde.png" alt="" /></a> <a href="#" onclick=    "javascript:document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';"><img src=    "http://3.bp.blogspot.com/-esR5I2jdt5s/TrRDEHXeUZI/AAAAAAAACuE/UtvDfLScPdE/s1600/body-azul.png" alt="" /></a> <a href="#" onclick=    "javascript:document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';"><img src=    "http://2.bp.blogspot.com/-iCseaBaS2YY/TrRDEbVo63I/AAAAAAAACuM/ndzFy12lNJY/s1600/body-morado.png" alt="" /></a> <a href="#" onclick=    "javascript:document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';"><img src=    "http://2.bp.blogspot.com/-N6NAxMK01Wk/TrRDEqhtHjI/AAAAAAAACuU/wzGtdtBwqmo/s1600/body-rosa.png" alt="" /></a> <a href="#" onclick=    "javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img src=    "http://4.bp.blogspot.com/-sfS_CkD43Ew/TrRDE8NCSaI/AAAAAAAACuc/cZ3RqhKUXtE/s1600/body-negro.png" alt="" /></a> <a href="#" onclick=    "javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';"><img src=    "http://2.bp.blogspot.com/-RINn-ddKkds/TrRDFCtn1YI/AAAAAAAACuk/t5gsEip5FIM/s1600/body-blanco.png" alt="" /></a></center>

15 comentarios:

  1. Daniel, una pregunta, ¿ no se podría poner en horizontal ? Es que pongo el HTML y me sale en vertical. Gracias, buen código.
    :D

    ResponderEliminar
  2. La verdad, nunca encontré en ninguna página web esta opción, está mu bien.
    Con respecto a la posición de los colores, en mis sitio y con IE y Chrome (son los dos con los que pruebo), sale horizontal.

    ¡¡¡ MUCHAS GRACIAS !!!

    Virulazo Benvenuto.

    ResponderEliminar
  3. es una gran pagina, todos los codigos estan genial y molan mucho

    ResponderEliminar
  4. Hola, un favor como hago para que en color este activo automaticamente, por ejemplo que al entrar ya este color negro

    ResponderEliminar
  5. Aqui lo tienen www.newpelis.com

    ResponderEliminar
  6. se puede poner en vez de color una imagen

    ResponderEliminar
    Respuestas
    1. Claro, cambia onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';" POR onclick="javascript:document.body.style.backgroundColor='AquiLinkDeLaImagen'; document.body.style.backgroundImage='none';

      Eliminar
  7. podrias ajustar tu codigo para que solo afecte una parte de la pagina por ejemplo el body o pie

    ResponderEliminar
  8. los colorines me salen, pero el fondo no, para Jimbo sirve?

    ResponderEliminar
  9. como se activan estos codigos y en donde ayuda!!

    ResponderEliminar