UltraForos

Versión completa: Usuarios Escojen Color de fondo HTML.
Actualmente estas viendo una versión simplificada de nuestro contenido. Ver la versión completa con el formato correcto.
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]

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.
por que sera que me suena eso de critico como chocante en el oido jajajajajaja....

buen post perra"!!!!
gracias! buen post..
Gracias buen post
Aqui tambien arregle. Aunque el HTML ya es obsoleto, pero igual.