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
![[Imagen: 88t4yhyr5z21rlxutz4s.jpg]](http://www.pornimghost.com/fullsize/88t4yhyr5z21rlxutz4s.jpg)
El codigo es este:
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:
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.
Puedes colocar cuantos botones mas quieras o eliminar, simplemente agregas
Colocas el texto y el color, cada linea corresponde a un boton y ejecuta una accion.
Espero se haya entendido.
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.
![[-]](https://www.ultraforos.net/foros/images/collapse.png)
