Se potessi avere un CSS al mese…
Martedì 14 Febbraio 2006 - 10:10
di Cesare Lamanna
Ovvero: servire ai propri visitatori un foglio di stile ad hoc per ciascun mese dell’anno. Niente di rivoluzionario, per carità, visto che integrando CSS e linguaggi di scripting come PHP si può fare ben altro in termini di dinamicità. Lo snippet di codice e il metodo lo prendo da questo post di SonSpring (da cui è possibile scaricare il codice completo).
Sarà sufficiente creare 12 CSS badando ad assegnare a ciascuno, come nome, la cifra numerica del mese (01.css, 02.css, etc.). Quindi, nella nostra paginetta PHP, incorporeremo il foglio di stile in questo modo:
<style type="text/css">
@import “css/<?php $server_month = date(”m”); echo (”$server_month.css”); ?>”;
</style>
Compreso il meccansimo e giocando un po’ con le funzioni per le date si potranno ottenere altri effetti, ovviamente. Magari fare un po’ come Google e i suoi loghi delle ricorrenze.
Commenti
1
bastava questo :-)
@import “css/[?php echo date(’m').’.css’; ?]”;
in aggiunta se ci sono JS dedicati per quel tipo di css o per l’altro tipo (effetti diversi) si potrebbe caricare dinamicamente anche il JS
[script type=”text/javascript” src=”javascript/[?php echo date(’m').’.js’; ?]”][/script]
oppure includere direttamente una pagina nell’ header …
include(’stylesandjs.php’);
con questo dentro
[?php
$d = date(’m');
echo “[style type=\”text/css\”]
@import \”css/{$d}.css\”;
[/style]
[script type=\”text/javascript\” src=\”{$d}.js\”][!–// //–][/script]”;
?]magari banale ma magari non troppo :-)
P.S. le quadre sono per il messaggio, da sostituire con le < :E
2
dimenticavo … secondo me l’ideale sarebbe usare un CSS o js che sia generico e caricare dinamicamente solo le parti che cambiano al fine di non far ricare un CSS per intero all’ utente ma solo il secondario con i pezzi dedicati, ricordiamoci sempre degli utenti :-)
In pratica più css tra cui quello “del mese” dinamico, se i cambiamenti non sono drastici (un solo background, un tipo di menù, una o poche parti del body, etc).
3
Concordo con andr3a,
un operazione del genere è sicuramente è leggera:BODY {background-image:URL(’bg’.< ?php echo date('m').'.gif'; ?>}
basta progettare in maniera consona
# - postato da st3fano - 14 Febbraio 2006 - 12:49
4
dimenticavo che vengono filtrati i tag server
l’esempio
BODY {background-image:URL(bg[?php echo date(’m'); ?].gif}# - postato da st3fano - 14 Febbraio 2006 - 12:51