Choix du design CSS

Version imprimable

20/12/2005, 03h41
SangKou

Choix du design CSS

Bonsoir mes chers amis ;)

J'aimerais bien avoir un menu déroulant lequel qu'on peut choisir le design à afficher du site...

Ceci utilisera CSS, mais je ne saurai pas comment créer...

Pour plus détail, j'aimerais bien qu'il fonctionne avec la cookie si possible, sinon pour débuter un truc basique et fonctionnel fera largement un excellent affaire ;)

Merci d'avance !

Bonsoir,

Voici une méthode qui utilise un cookie :

page.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Choix d'une feuille de styles</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<?php $sitestyle = isset($_COOKIE['sitestyle']) ? $_COOKIE['sitestyle'] : 'ecran'; ?>
<link rel="stylesheet" type="text/css" href="css/<?php echo $sitestyle; ?>.css" media="screen" title="Présentation mémorisée par session" />
<link rel="alternate stylesheet" type="text/css" href="css/ecran.css" media="screen" title="Normale" />
<link rel="alternate stylesheet" type="text/css" href="css/em.css" media="screen" title="Gros caractères" />
<link rel="alternate stylesheet" type="text/css" href="css/fondnoir.css" media="screen" title="Fond noir" />
<link rel="alternate stylesheet" type="text/css" href="css/fondnoir_em.css" media="screen" title="Fond noir Gros caractères" />
<link rel="alternate stylesheet" type="text/css" href="css/minimale.css" media="screen" title="Minimale" />
</head>
 
<body>
 
<form id="switcher" method="post" action="switcher.php">
<label for="set" id="presentation">Présentation&nbsp;:</label>
<select id="set" name="set">
	<option value="ecran" selected="selected">Normale</option>
	<option value="em">Gros caractères</option>
	<option value="fondnoir">Fond noir</option>
	<option value="fondnoir_em">Fond noir Gros caractères</option>
	<option value="minimale">Minimale</option>
</select>
<input type="submit" value="Envoi" alt="Envoi" />
<input name="url" type="hidden" value="<?php echo $_SERVER['PHP_SELF']; ?>" />
</form>
 
</body>
</html>

switcher.php

Code:

1
2
3
4
<?php
setcookie('sitestyle', $_POST['set'], time()+31536000);
header('Location: '.$_POST['url']);
?>

Plusieurs détails peuvent être à améliorer mais ça pourra te donner une idée. ;)

PS : Pour les feuilles de styles alternatives, elles sont utilisés par le navigateur s'il gère les feuilles de styles alternatives. Firefox les gère. Voir le menu Affichage et Style de la page.

20/12/2005, 09h31
jeff_!

pour plus de detail chercher au nom de styleswitcher
20/12/2005, 12h39
francis m
mais comme tu vois, en tout état de cause, tu dois utiliser php ou javascript
- php pour la solution de balu, qui en fait recharge la page d'après un choix dans un form. Avec cookie ou pas, peu importe.
- js pour la solution de jeff
A savoir que certains navigateurs, mais pas tous (pas IE par exemple), permettent de choisir le style avec leur propore menu incorporé
20/12/2005, 13h32
jeff_!

styleswitcher est une appelation assez generique
que ce soit avec une techo cliente ou serveur
sur alascreation tu doit avoir un tuto dessu
20/12/2005, 15h38
SangKou

Euh...

Je suis un VRAI NOOB...

Si vous pouviez m'expliquer de façon clair et simple ce sera très sympa :)

Je devrai me concentrer sur la solution proposé par Balu ?
20/12/2005, 18h54
SangKou

J'ai décidé d'utiliser celui de Jeff !

Style switcher et cependant j'aurau besoin d'aide...

Quelqu'un veut bien m'aider ?
20/12/2005, 20h42
SangKou

Non, c'est bon j'ai réussi ;)

mais je vous demande est-ce que c'est possible d'avoir

include php et encore dedans include php ?

cela ralenti l'affichage ?
20/12/2005, 23h43
francis m

j'ai pas compris mais tu peux avoir un include dans un autre include, aucun problème
20/12/2005, 23h55
SangKou

Tu n'as pas compris mais tu réponds bien lololol

;)