Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/03/2011, 23:53
Avatar de ricardo_tu
ricardo_tu
 
Fecha de Ingreso: noviembre-2010
Ubicación: Mas aca del mas alla
Mensajes: 222
Antigüedad: 13 años, 5 meses
Puntos: 32
Información Aporte Personaliza el color de tu pagina

Saludos, después de servirme de la información del foro creí adecuado aportar con un grano de arena.
Este breve script es un "invento" mio (palabra de boy scout)
Una forma muy sencilla de cambiar el color de la pagina a gusto del usuario. Es una combinación de estilos css, formulario y PHP.
He aquí el código:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
<?php
$az = $_POST['az'];
$ne= $_POST['ne'];
$plo= $_POST['plo'];
$ver= $_POST['ver'];
$color= "#FF0000;";
if ($az != ""){ $color = $az;}
if ($ne != ""){ $color = $ne;}
if ($plo != ""){ $color = $plo;}
if ($ver != ""){ $color = $ver;}
echo "$color;";
?>
body {
	background-color: #000000;
}
body {
	background-color: <?php echo "$color;"; ?>
}
-->
</style></head>

<body>

<table width="120" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="30" bgcolor="#0000FF"><form id="form4" name="form4" method="post" action="">
      <input name="az" type="hidden" id="az" value="#0000FF" /><input type="image" name="Submit2" value="Enviar" src="colores/az.gif" />
    </form>
    </td>
    <td width="30" bgcolor="#000000"><form id="form3" name="form3" method="post" action="">
      <input name="ne" type="hidden" id="ne" value="#000000" />
    <input type="image" name="Submit2" value="Enviar" src="colores/ne.gif" /></form>
    </td>
    <td width="30" bgcolor="#333333"><form id="form2" name="form2" method="post" action="">
      <input name="plo" type="hidden" id="plo" value="#333333" />
    <input type="image" name="Submit2" value="Enviar" src="colores/plo.gif" /></form>
    </td>
    <td width="30" bgcolor="#006633"><form id="form1" name="form1" method="post" action="">
      <input name="ver" type="hidden" id="ver" value="#006633" />
    <input type="image" name="Submit2" value="Enviar" src="colores/ver.gif" /></form>
    </td>
  </tr>
</table>
<br />
</body>
</html> 
Explicando, se trata de cuatro form en cuatro celdas de color, un hidden q indica el código del color y un botón submit con imagen en cada uno de los form.
Adicionalmente se requieren unos archivos gif de 30x20 pix (en este caso) o del tamaño q se desee para dar el color a los submit.
Cuando se envía un formulario los datos son recogidos por Post tal como se ve en el código, luego con unos if logro determinar cual es el color que se ha enviado y hago un echo para que el background color tome el valor de $color.
Es es todo.
Gracias por su atención.
__________________
La ciencia al poder. Pazciencia ya viene