Utilización de hojas de estilo dinámicas con php

Lord · #1 (**permalink**) 06/05/2007, 19:37

Saludos.

Como puedo utilizar hojas de estilo dinamicas con PHP?
Osea modificar las hojas de estilo en pleno proceso.
Segun esta página, es posible.

Código:

h t t p ://webmasters.navegalis.com/articulos/mostrar/109/

Mi intención es cambiar el background de un estilo, pero no he logrado entender muy bien como funciona.

Este el codigo.

Código HTML:

1<html xmlns="h t t p :// w w w.w3.org/1999/xhtml">
2<head>	
3<link type="text/css" media="screen" rel="stylesheet" href="estilo/estilo.php"/>
4</head>
5	<?php
6	$numbanners = 4; 
7	$random = rand(1,$numbanners);
8	$img = array();
9	$img[1] = "../imagen/baner/1.jpg";
10	$img[2] = "../imagen/baner/2.jpg";
11	$img[3] = "../imagen/baner/3.jpg";
12	$img[4] = "../imagen/baner/4.jpg";
13	?>
14<body>
15<div id="baner002"><?php echo ''.$img[$random].'';?></div>
16</body>
17</html>

Chequen la linea 3, vincula a la hoja de estilo con extensión PHP, "estilo.php".
A partir de la linea 5 se genera el banner.
Y en la linea 15 muestra el banner en el DIV "baner002".

estilo.php

Código:

1 <?php header("Content-type: text/css"); ?>
2 #baner002	{
3			width: 900px;
4			height: 160px;
5			background-image: url("etiqueta php");
6			background-position: top;
7			background-repeat: no-repeat;
8			background-color: #ffffff;
9			}

En la linea 9 se muestra el background de la imagen, creo que se debería guardar el valor de la imagen en una variable y colocar la variable entre los paréntesis del background entre etiquetas de php.

He intentado varias cosas y no me funciona.

Espero me ayuden.

gracias.

tozanni · #2 (**permalink**) 06/05/2007, 23:55

Es perfectamente posible generar hojas de estilo con PHP. Para PHP no hay diferencia alguna entre generar codigo HTML, CSS, Javascript, XML, CSV, siempre y cuando manejes el Content-Type correcto en tu header.

La forma de cambiar la imagen es efectivamente intercalarla en el elemento donde quieras que aparezca. Seguramente si no funciona el problema esta en los paths del URL de la imagen o en el PATH con que estas llamando al link desde el CSS en el elemento <link rel...>. Te recomiendo que pruebes con URL absolutos en ambos casos (hoja de estilo e imagenes), solo para asegurarte que todo este bien.

Lord · #3 (**permalink**) 07/05/2007, 20:54

Cita:

Iniciado por tozanni

Te recomiendo que pruebes con URL absolutos en ambos casos (hoja de estilo e imagenes), solo para asegurarte que todo este bien.

Me mostrarías un ejemplo?

He buscado en la web sobre hojas dinámicas, pero l gran parte esta en ingles y estoy muy limitado en ese lenguaje.

gracias.