background-image gestito dinamicamente

**busa** · 01-12-2006, 13:15

buongiorno a tutti.

ho un problema che spero possa essere risolto, anche se ne dubito.. in ogni caso...

ho un sito dove la head è un'immagine di background.
il problema è che ogni sezione deve avere una head diversa.
la soluzione sarebbe creare tante classi quante sono le head.

la cosa però si complica visto il numero enorme di sezioni, all'interno delle quali ci sono minimo una trentina di pagine...

onde evitare di cambiare ogni volta css e pagine quando creo una nuova sezione, volevo sapere se c'è la possibilità di gestire direttamente dal foglio di stile la variazione di background tramite una pagina php.

per intenderci, volevo sapere se posso fare una cosa del genere, e se si, come, visto che il codice qui sotto non funziona.

td.head{
background-image:url('head.php');
}

dove head.php chiaramente contiene i parametri per gestire dinamicamente il tutto..

grazie mille a tutti, vi prego aiutatemi!!!

**Nenella** · 01-12-2006, 13:21

Non puoi usare codice php dentro un .css, né puoi includere file o usare variabili.

La cosa che puoi fare è inserire nell'head della pagina del codice css interno tramite PHP.
Es.
<style type="text/css" media="all">
@import url("IL_FILE_CHE_HAI.css"); /* solo un'ipotesi di importazione */
td.head { background-image: url('<?=$var_con_background;?>'); }
</style>

**busa** · 01-12-2006, 13:42

intanto grazie per la velocità di risposta.

cercherò di spiegarti semplicemente la mia situazione nel particolare.

dunque, in ogni pagina ho un 'inclusione php che gestisce lo switch del foglio di stile per ogni browser-

il richiamo al foglio di stile è dato con
<link rel='stylesheet' href='css.css' type='text/css' />

dove dovrei inserire il td.head?

**salasir** · 01-12-2006, 14:20

Una possibile soluzione potrebbe essere attribuire un "id" diverso al body per le pagine di sezioni diverse:

codice:

<body id="princ">
<body id="link">
<body id="sezione2">

e nel CSS definire le differenze:

codice:

body#princ td.head{ background-image:url('head.php'); }
body#link td.head{ background-image:url('head1.php'); }
body#sezione2 td.head{ background-image:url('head2.php'); }
...

**busa** · 01-12-2006, 15:42

grazie a tutti.

ho risolto facendo un'inclusione del td.head delle varie pagine, mettendo un richiamo php

td.head_<? echo ("variabile"); ?>

la variabile viene settata cambiando solo il nome della sezione in una pagine php dedicata.

poi nel foglio di stile ho comunque dovuto mettere tanti td.head quante sono le variabili, così:

td.head_variabile1{
background-image:url(immagine);
}

adesso ogni volta che aggiungo una sezione cambio il valore di variabile nel file php e aggiungo un td.head nel foglio di stile... cambiando così in un colpo 30-40 pagine della sezione..

Discussione: background-image gestito dinamicamente

Strumenti discussione

Ricerca discussione

Visualizza

background-image gestito dinamicamente

Permessi di invio