Come modificare i temi di un sito con un click

**lupo91** · 26-08-2006, 20.02.00

Ciao, ho cercato sul forum ma non ho trovato nulla di interessante o per lo meno che risolva una mia curiosità, ho postato qui dato che credo si tratti di php, voglio sapere come mi possono modificare in fretta dei temi di un sito con click tipo questo:
http://eastblue.net/
andate nel menu dove c'è scritto themes e se cliccate su uno di quelli cambia la grafica del sito sia i colori sia il logo, credo che oltre il php sia collegato a dei fogli css (fogli di stile) ma non so come fare.

26-08-2006, 20.13.29

guardarti il codice della pagina non si usa? tutto il lavoro è stato fatto con javascript che richiama un diverso css esterno a seconda del link sul quale clicchi... poi il fatto che non sia richiesto il ricaricamento della pagina ti può già far capire che non è stato usato il solo PHP. comunque sia una cosa del genere è facilmente realizzabile anche con PHP

**lupo91** · 26-08-2006, 20.21.03

Emh mi sai dire come oppure esiste qualche tutorial per il web facile da comprendere?

**funcool** · 27-08-2006, 09.33.46

Basta fare una ricerca con Google.

P.S.: Sposto in Livello 1.

**lupo91** · 27-08-2006, 11.41.01

ora vedo un po se ci sono altri problemi edito il mio messaggio, ciao e grazie.

27-08-2006, 16.28.40

ciao. Il modo migliore secondo me è quello di usare php misto a cookie/session.

Io su un sito ho fatto così.
1° ho inserito in un file css tutte le caratteristiche sui colori dei tag e ne ho creati tanti quanti sono i temi. Per esempio crei: sunShine.css, dark.css insomma chiamali come ti pare... poi fai
2° una select che onchange fa tipo il reload della pagina in questo modo
select onchange="reload('<?=$_SERVER['PHP_SELF'];?>?style=this.value'); return true;"; (non ricordo bene ma dovrebbe funzionare così)

poi fai così nel file header.php (header.php è un file da includere in ogni pagina del tuo sito) che contiene:
<?php

if(isset($_GET['style'])) {
$style = $_GET['style'];
setcookie("style", $_GET['style'], mktime(0,0,0,date("m"), date("d") + 10, date("y")));
}

if(isset($_COOKIE['style'])) {
$style = $_GET['style'];
setcookie("style", $_COOKIE['style'], mktime(0,0,0,date("m"), date("d") + 10, date("y")));
}

?>
<html>
<head>
<link rel = "stylesheet" type = "text/css" href = "style.css" />
<link rel = "stylesheet" type = "text/csS" href = "<?=$style?>
.....

ecco. Se te ne intendi un po' di php non dovresti avere problemi di comprensione. Se non funge (probabile) vediamo come sistemarlo (lo provo io lunedì)

ciao

**lupo91** · 27-08-2006, 17.13.18

Allora ho fatto un giro su google tramite il link che mi ha dato funcool, e ho trovato ciò che mi serviva, come potete vedere ora funziona + o -, devo solo aggiustare i diversi css:
http://www.deriu.altervista.org/
però al posto di quell'elenco voglio inserire solo le lettere della dimensione del resto del menu per non sfasare tutto, come modifico il codice seguente?:

<FORM action="">
<DIV>
<SELECT size="7" id="tema" onChange="temaChange(this)">
<OPTGROUP label="Tema grafico:">
<OPTION value="" selected="selected">Stile predefinito</OPTION>
<OPTION value="Grigio">Grigio</OPTION>
<OPTION value="Rosso">Rosso</OPTION>
<OPTION value="Blu">Blu</OPTION>
<OPTION value="Giallo">Giallo</OPTION>
<OPTION value="Verde">Verde</OPTION>
</OPTGROUP>
</SELECT>
</DIV>
</FORM>

**funcool** · 28-08-2006, 08.38.07

Per ogni riga devi mettere (al posto di Grigio metti i vari colori):

Codice HTML:

<a href="javascript:templateChange('Grigio');">Grigio</a>

Nel file dyntema.js poi devi cancellare la funzione temaChange.

**lupo91** · 28-08-2006, 14.43.50

intendi di cancellare questa riga:
function temaChange(selObj){
o pure quelle che la susseguono??
ora provo con quel codice.

**funcool** · 28-08-2006, 14.46.36

Devi cancellare queste righe:

Codice:

// Infine la funzione per gestire le select del documento
function temaChange(selObj){
	if(selObj.selectedIndex == 0){
		templateChange();
	}else{
		eval("templateChange('"+selObj.options[selObj.selectedIndex].value+"')");
	}
}

Comunque le puoi mantenere perché tanto non vengono mai richiamate nell'esecuzione dello script.

**lupo91** · 28-08-2006, 14.48.39

Ok allora le lascio, ora è tutto a posto grazie mille potete chiudere dato che fa come potete vedere: http://deriu.altervista.org/

**funcool** · 28-08-2006, 14.49.30

Chiudo!

Discussione: Come modificare i temi di un sito con un click

LinkBack

Strumenti discussione

Display

Come modificare i temi di un sito con un click

Regole di scrittura