Comunidad de diseño web y desarrollo en internet online

Imágenes dinámicas con css y php

Citar            
MensajeEscrito el 26 Abr 2007 04:44 pm
Hola quería manejar las imagenes de los footers y los headers dinámicamente que lo lea de php pero no lo logro.

Esto fue lo que se me ocurrió:

En el documento base.css hice esto

Código :

@import url('http://localhost:90/ciudad/revista/imagenes.php');

.header{
   width:1000px;
   height:120px;
   background-color:#FFFFFF;
   border-bottom-style:solid;
   border-bottom-color:#000000;
   margin:0 0 10px 0;
   border-top-style: solid;
   border-right-style: solid;
   border-left-style: solid;
   }

luebo en el documento imagenes.php hice esto

Código :

<?
echo "
   .header{
      background-image: url(../".$header.");
   }";
?>

pero no me funcionó.

Por ronin

53 de clabLevel



 

firefox
Citar            
MensajeEscrito el 26 Abr 2007 05:39 pm
Con PHP haz un include del header y footer de tu pagina:

Código :

<!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>
<title>Demo include con PHP</title>
</head>

<body>
<?php include("header.php"); ?>

Contenido de la pagina

<?php include("footer.php"); ?>
</body>
</html>


Los archivos [header.php/b] y [b]footer.php deben de estar en la misma carpeta o nivel del archivo que los llama.

Por psycho-vnz

Claber

1186 de clabLevel

7 tutoriales

Genero:Masculino  

firefox
Citar            
MensajeEscrito el 26 Abr 2007 06:32 pm
Eso no es lo que quiero hacer, porque si se usar php, estoy trantando de mezclar php con css y quisiera poner alturas y anchos dinámicos en mis hojas css tambien a imagenes y cosas asi, y un ejemplo son las imágenes.

Por ronin

53 de clabLevel



 

firefox
Citar            
MensajeEscrito el 26 Abr 2007 06:46 pm
Puedes colocarnos un ejemplo de lo que estas haciendo??? ... No código nada mas, algo que se pueda ver. Para saber exactamente que quieres hacer :?

Por psycho-vnz

Claber

1186 de clabLevel

7 tutoriales

Genero:Masculino  

firefox
Citar            
MensajeEscrito el 26 Abr 2007 09:09 pm
No recuerdo cual es la forma de hacer esto pero:

Lo primero sería hacer que PHP pudiera procesar las hojas CSS como si de un php se tratara para que pudieras hacer algo como:

Código :

#header{
  image-background: <?php /* codigo random image */ ?>;
  ...
}


En el codigo random que menciono puede venir cualquier otra cosa, pero lo que si, es que no recuerdo como hacer que te tome las hojas de estilo para que también las procese como php.

Saludos

Por Reymond

Claber

1111 de clabLevel

5 tutoriales
1 articulo

Genero:Masculino  

Mobile developer

firefox
Citar            
MensajeEscrito el 26 Abr 2007 09:47 pm

Reymond escribió:

Lo primero sería hacer que PHP pudiera procesar las hojas CSS como si de un php


He ahí el detalle, para que un archivo sea interpretado como php, (que su codigo php sea entendido y ejecutado) es necesario que este en un archivo con extensión php.

Por lo tanto, importar un archivo php en un css no lograra nada, recuerden que el css lo interpreta el navegador, no el servidor.

Lo que si puedes hacer, es llamar a archivos dinamicos php con cabeceras de css:

Código :

header("Content-type: text/css;");

y poner el codigo ahi.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 26 Abr 2007 11:03 pm
una pregunta, entonces deberia poner en el archivo imagenes.php esta linea?

Código :

header('Content-Type: text/css');

Por ronin

53 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.