seleccionar estilo de la web fondo....

[vani18]

Hola una pregunta como es que algunas paginas se puede cambiar el fondo . ?? Como seria?


Acaso... El nombre de la imagen de fondo esta en una base de datos. El usuario al seleccionarla la guarda... No recuerdo si en un css . Se puede meter php...siempre la imagen de fondo dependera del nombre que me devuelva la consulta de la base de datos...

Asi es.?

[ArturoGallegos]

lo que puedes hacer es generar una cookie en base a la elección del visitante y agregar una clase al body en función de esta cookie o bien cargar un CSS diferente.

[vani18]

en realidad en mi caso , solo el admin le puede dar un fondo distinto a la web. pero esta opcion se ve desde el "panel de control de administrador"

habia leido sobre cookie...

pero se complica un poco ya que , el fondo depende de un css....
sobre 20 archivos php... (20 paginas usan el mismo fondo)

lo mas facil seria modificar el css, del cual dependen todos los documentos...

pero en un css no puedo meter php y calculo que tampoco js.."script"

tendria que poner if isset cookie. colorfondo A TODOS LOS documentos y queda medio cualquiera....

[ArturoGallegos]

ok, por lo que mencionas ya no aplica lo de usar una cookie ya que esto seria a nivel usuario y solo afecta en la PC donde se realice el cambio...

por lo que mencionas puedes guardarlo en la base de datos, no se si sea la mejor forma pero por ejemplo aquí tengo el script que use para un plugin de wordpress en el cual para los estilos use un archivo php llamado styles.php

con un contenido del tipo:

Código PHP:

<?
$CSS_Width = get_option('CSS_Width');
$width = 'width:' . $CSS_Width . 'px!important;';
?>
<style type="text/css">
.CycleTemplate1 li{<?=$width?>}
</style>
 

y en el header se imprime con

Código PHP:

<?
include('styles.php');
?>
 

con lo cual se obtienen los estilos directamente en el head de tu html como

Código HTML:

<style type="text/css">
.CycleTemplate1 li{width:810px!important;}
</style>
 

como te digo no se si sea la mejor forma pero ami me funciona, igual mas tarde alguien viene y nos trae una mejor opción.

[vani18]

hola, por que asi no funciona (EL BACKGROUND IMAGE)... si coloco el codigo css....en medio del html

<style type="text/css">

body {margin-left:0px;margin-top:0px;margin-right:0px;font-family:Arial; background-image: url( ../image/nueva.jpg);color:white; }

</style>



y si coloco en un archivo css...aparte

funciona si lo pongo asi igual que antes...


body {margin-left:0px;margin-top:0px;margin-right:0px;font-family:Arial; background-image: url( ../image/nueva.jpg);color:white; }



Y ASI SI FUNCIONA...

body {margin-left:0px;margin-top:0px;margin-right:0px;font-family:Arial; background-image: url(image/nueva.jpg);color:white; }


......... la principio no me habia dado cuenta