Cambiar fondo de web

Roswelito · #1 (**permalink**) 23/01/2010, 04:12

Buen dia a todos, lo que quiero hacer es lo siguiente tengo un par de imagenes que me gustaria poner como fondo en la web, fondo centrado y en la parte de arriba, el problema es que quiero hacer que estos fondos cambien dependiendo la hora de la pc, no se si tenga algo que ver tambien con CSS, pero de antemano agradesco su ayuda.

SoutlinK · #2 (**permalink**) 23/01/2010, 05:43

Si quieres dependiendo de la hora del que visita la web, puedes usar javascript

Mahishasura · #3 (**permalink**) 23/01/2010, 09:17

Te recuerdo que PHP se ejecuta del lado del servidor, por lo que la hora será del servidor y no del cliente. Como dice Soutlink, lo puedes hacer en javascript, pero eso en el foro de javascript. Por lo que me limitaré a mostrarte una guía de cómo lo haría en PHP.

Esto al principio de la página:

Código PHP:

Ver original<?
if(date("H:i:s")<="11:00:00"){ //cuando sean menos o igual a las 11
  $imagen="images/fondo1.jpg"; }
elseif(date("H:i:s") >="12:00:00") { //cuando sean mas o igual a las 12
  $imagen="images/fondo2.jpg" }
elseif(date("H:i:s")>="15:30:00") {//cuando sean mas o igual a las 15:30
  $imagen="images/fondo3.jpg"; }
else { //si no es ni una de las anteriores
  $imagen="default.jpg";
}
?>

Y en la etiqueda body

Código HTML:

Ver original<body background="<? echo $imagen ?>">

Roswelito · #4 (**permalink**) 23/01/2010, 15:20

Que tal gracias por responder, lo puse de la siguiente manera me dio un error

<!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>
<?
if(date("H:i:s")<="11:00:00"){ //cuando sean menos o igual a las 11
$imagen="madrugada.jpg"; }
elseif(date("H:i:s") >="12:00:00") { //cuando sean mas o igual a las 12
$imagen="images/fondo2.jpg" }
elseif(date("H:i:s")>="15:30:00") {//cuando sean mas o igual a las 15:30
$imagen="images/fondo3.jpg"; }
else { //si no es ni una de las anteriores
$imagen="default.jpg";
}
?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

<body background="<? echo $imagen ?>">
</body>
</html>

Parse error: syntax error, unexpected '}' in C:\AppServ\www\index.php on line 8

SoutlinK · #5 (**permalink**) 23/01/2010, 16:23

Se le olvido poner un ; en el fondo2

Ademas puso etiquetas <?, ami las veces que lo probe me dio problemas asique yo las pondria <?php y en el ultimo echo $imagen le falta tambien un ;

Código PHP:

 
<!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>

<?php

if(date("H:i:s")<="11:00:00")

{ //cuando sean menos o igual a las 11

    $imagen="madrugada.jpg";

}

elseif(date("H:i:s") >="12:00:00")

{ //cuando sean mas o igual a las 12

    $imagen="images/fondo2.jpg";

}

elseif(date("H:i:s")>="15:30:00")

{//cuando sean mas o igual a las 15:30

    $imagen="images/fondo3.jpg";

}

else

{ //si no es ni una de las anteriores

    $imagen="default.jpg";

}

?>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Documento sin t&iacute;tulo</title>

</head>

 
<body background="<?php echo $imagen; ?>">

</body>

</html>

Mahishasura · #6 (**permalink**) 23/01/2010, 16:28

Cita:

Iniciado por SoutlinK

Se le olvido poner un ; en el fondo2
Ademas puso etiquetas <?, ami las veces que lo probe me dio problemas asique yo las pondria <?php y en el ultimo echo $imagen le falta tambien un ;

Sólo era la imagen 2, no hay porqué alarmarse tanto. Sirve con sólo <?.
Cuando un echo consiste en una sola línea (como el caso del body background) se puede omitir el ;. Es la única excepción que conozco.

SoutlinK · #7 (**permalink**) 23/01/2010, 16:44

Cita:

Iniciado por Mahishasura

Cuando un echo consiste en una sola línea (como el caso del body background) se puede omitir el ;. Es la única excepción que conozco.

Eso no me lo sabia, me la apunto

Roswelito · #8 (**permalink**) 23/01/2010, 17:25

Muchisimas gracias Mahishasura y SoutlinK me va de 10 =)

Roswelito · #9 (**permalink**) 23/01/2010, 17:31

Una duda mas, si quisiera agregar un CSS en vez de imagen? se podria?

SoutlinK · #10 (**permalink**) 23/01/2010, 17:58

Voy a utilizar el mismo codigo de antes

Código PHP:

Ver original<!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>
<?php
if(date("H:i:s")<="11:00:00")
{ //cuando sean menos o igual a las 11
    $style ="background-color: #FFF; margin-top: 15px;";
}
elseif(date("H:i:s") >="12:00:00")
{ //cuando sean mas o igual a las 12
    $style ="background-color: #444; margin-top: 15px;";
}
elseif(date("H:i:s")>="15:30:00")
{//cuando sean mas o igual a las 15:30
    $style ="background-color: #EEE; margin-top: 10px;";
}
else
{ //si no es ni una de las anteriores
    $style ="background-color: #000; margin-top: 0px;";
}
?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>
 
<body>
<div style="<?php echo $style; ?>">div de prueba</div>
</body>
</html>

Espero haber respondido a tu pregunta

Roswelito · #11 (**permalink**) 23/01/2010, 18:35

De nuevo aqui por aca, intente hacer esto pero no me salio

<!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>
<?php
if(date("H:i:s")<="19:00:00")
{ //cuando sean menos o igual a las 11
$style ="background:#000 url('madrugada.jpg') no-repeat top center;";
}
elseif(date("H:i:s") >="12:00:00")
{ //cuando sean mas o igual a las 12
$style ="background-color: #444; margin-top: 15px;";
}
elseif(date("H:i:s")>="15:30:00")
{//cuando sean mas o igual a las 15:30
$style ="background-color: #EEE; margin-top: 10px;";
}
else
{ //si no es ni una de las anteriores
$style ="background-color: #000; margin-top: 0px;";
}
?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

<body background="<?php echo $style; ?>">
</body>
</html>

SoutlinK · #12 (**permalink**) 24/01/2010, 04:42

El resultado te daria algo como esto:

<body background="background:#000 url('madrugada.jpg') no-repeat top center;">

No se si ves el fallo.

Estas usando css en una etiqueta html background, por eso no lo acepta

Roswelito · #13 (**permalink**) 24/01/2010, 15:00

No entiendo muy bien, no podria cargarle un Stylle.CSS? o que el mismo css lo pusiera alli

Mahishasura · #14 (**permalink**) 24/01/2010, 18:26

Cita:

Iniciado por Roswelito

No entiendo muy bien, no podria cargarle un Stylle.CSS? o que el mismo css lo pusiera alli

A lo que se refería Soutlink, es que no puedes cargar una etiqueta CSS dentro de un parametro pre establecido, que sólo acepta una ruta. Por lo tanto, para cargar el estilo CSS deberás hacerlo con la propiedad style, sería algo así:

Código HTML:

Ver original<body style="<? echo $style ?>">

Roswelito · #15 (**permalink**) 25/01/2010, 00:42

Genial!! muchas gracias por su ayuda =) problema resuelto