Usuarios Escojen Color de fondo HTML.

[Pzykophat]

A menudo cuando empezamos a diseñar una web escojemos una paleta de colores para la misma, luego empezamos a bocetar para ver que colores de esa paleta usaremos el fondo, fuentes, enlaces y otros, siempre habra un critico que diga: "El color de fondo es feo" o cosas asi, sera imposible complacer a todos los visitantes y sus gustos, y en una epoca donde todo mundo es critico especializado puedes poner tus barbas en remojo con este simple truquito.

Se trata de un simple script que permite a los usuario escojer el color de fondo que mas le gusta, o el que le de la gana y puedes poner cuantas opciones quieras y cuantos botones quieras, tambien sirve para aquellos que se ladillan siempre del mismo color y desean cambiarlo a placer.

Asi se vera en el explorador



El codigo es este:

Código PHP:

<p align="center"><font face="Verdana"><strong>Elija un color
para el fondo de la página:</strong></font></p>
<form>
<p align="center"><font face="Verdana"><input
type="button" value="Amarillo"
onclick="document.bgColor='yellow'">  <input
type="button" value="Azul claro"
onclick="document.bgColor='cyan'">  <input type="button"
value="Naranja" onclick="document.bgColor='orange'"> </font></p>
</form> 


Ahora tratare de medio explicar lo esencial

Esta linea define la alineacion de los botones, los pone en negritas y coloca el tipo de fuente. Tambien se coloca alli el texto que aparecera en el explorador como cabezera de los botones:

Código PHP:

<p align="center"><font face="Verdana"><strong>Elija un color
para el fondo de la página:</strong></font></p> 


Aqui empieza el formulario. lo centramos con align="center" lo siguiente es la fuente y luego empezamos con los botones. imput type="button" luego en valor colocamos el texto que corresponde al boton, luego en on.click debemos dejar document.bg.color y alli esta el color al cual convertira ese boton el backgroud o fondo de nuestro documento o pagina, en este ejemplo esta definido en letras en ingles pero para mayor facilidad y flexibilidad recomiendo usar el codigo hexadecimal para que puedas usar mayor cantidad de colores y mas facil.

Código PHP:

<form>
<p align="center"><font face="Verdana"><input
type="button" value="Amarillo"
onclick="document.bgColor='yellow'">  <input
type="button" value="Azul claro"
onclick="document.bgColor='cyan'">  <input type="button"
value="Naranja" onclick="document.bgColor='orange'"> </font></p>
</form> 


Puedes colocar cuantos botones mas quieras o eliminar, simplemente agregas

Código PHP:

<input
type="button" value="Amarillo"
onclick="document.bgColor='yellow'"> 


Colocas el texto y el color, cada linea corresponde a un boton y ejecuta una accion.

Espero se haya entendido.