Ver Mensaje Individual
  #4 (permalink)  
Antiguo 07/06/2012, 12:38
Avatar de Nlrvana
Nlrvana
 
Fecha de Ingreso: marzo-2008
Mensajes: 36
Antigüedad: 17 años
Puntos: 0
Respuesta: CSS en funcion de la página?

Por poder, se puede, solo hay que llevar un poco de orden.

Esto sería un ejemplo de cómo hacerlo. Sin duda hay otros ejemplos más elegantes, pero este te servirá

-Crea tres hojas de estilo y llámalas hoja1.css, hoja2.css y hoja3.css.

-Define en ellas los estilos que vayan a llevar las páginas de manera que tengan los mismos nombres en las tres hojas de estilo pero diferentes atributos en cada una de ellas.

Por ejemplo en hoja1.css:

.estilo1{font-size:6px;}

y en hoja2.css:

.estilo1{font-size:10px;}


-Ahora crea o renombra tus páginas php con nombres terminados en un número. Ejemplo:pagina1.php, foo2.php, accion3.php, etc...

Dicho número determinará la hoja de estilo que esa página en concreto va a usar.


-Añade este código a cada una de tus páginas php, dentro de las etiquetas <HEAD>

Código PHP:
<?php
include("elegirestilo.php");
?>
Este include es el que añade a la página la etiqueta <LINK> que la vincula a la hoja de estilos elegida.

-Por último crea una página llamada elegirestilo.php con este contenido:

Código PHP:
<?php
$a 
substr($_SERVER['PHP_SELF'],-5,1);
echo 
'<link href="hoja'.$a.'.css" rel="stylesheet" type="text/css">';
?>
Para probarlo crea una pagina1.php con este código:

Código PHP:
<HTML>
<HEAD>
<?php
include("elegirestilo.php");
?>
</HEAD>
<BODY>
<span class="estilo1">Esto es un ejemplo</span>
</BODY>
</HTML>
Renómbrala a pagina2.php y pagina3.php y comprueba el resultado


Espero que sirva.

Última edición por Nlrvana; 07/06/2012 a las 13:02