:: CP - Recursos Web :: - Cambiar color de fondo con un click

Cambiar color de fondo con un click

EJEMPLO

Por un tema de una mejor visualización del ejemplo, este será en una pagina externa a esta. La cual es administrada exclusivamente por nosotros.

CLICK AQUI PARA VER EJEMPLO

[ SABER MÁS DE ESTO? ]

INFORMACIÓN

Nombre: Cambiar color de fondo con un click

Fecha: 2010-10-17

Creditos: cssplantillasl.es.tl

Tipo de recurso: Javascript

Garantia: Si?

Descripción:

Ahora puedes cambiar el fondo de tu sitio con un solo click!, este recurso les permitirá a tus usuarios a que ellos elijan el color de fondo.

- Codigo 01: Por encima de la pagina o extra "HEAD"

<div style="border:1px solid #fafafa;padding:3px;margin:3px;text-align:center;font-weight:bold;">
<a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';">ROJO</a> -
<a href="#" onclick="javascript:document.body.style.backgroundColor='#ffffff'; document.body.style.backgroundImage='none';">BLANCO</a> -
<a href="#" onclick="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';">NEGRO</a> -
<a href="#" onclick="javascript:document.body.style.backgroundColor='#5FB404'; document.body.style.backgroundImage='none';">VERDE</a> -
<a href="#" onclick="javascript:document.body.style.backgroundColor='#B404AE'; document.body.style.backgroundImage='none';">PURPURA</a> -
<a href="#" onclick="javascript:document.body.style.backgroundColor='#8A4B08'; document.body.style.backgroundImage='none';">CAFE</a> - 
<a href="#" onclick="javascript:document.body.style.backgroundColor='#084B8A'; document.body.style.backgroundImage='none';">AZUL</a></div>

Copiar codigo

ENLAZANOS

URL DIRECTA

LINK'S HTML

URL CORTA

Descarga

Ahora puedes descargar nuestros recursos, (No en todos los recursos esta disponible esta opcion, disfrutalo)

Descarga no disponible

[ CLICK PARA VER TUTORIAL ]

NOTAS:
Puedes modificar los colores a tus gusto, en la siguiente URl te dejamos más colores por si deseas modificarlos.
https://cssplantillas.es.tl/colores.htm
- Para cualquier consulta visita nuestro Foro de soporte.

Ya lo han visto 166 visitantesGracias por tu visita!

Recomendamos:

| CERRAR