Choix du design CSS

**SangKou** · 20/12/2005, 03h41

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 !

**balu** · 20/12/2005, 06h03

Bonsoir,

Voici une méthode qui utilise un cookie :

page.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**jeff_!** · 20/12/2005, 09h31

pour plus de detail chercher au nom de styleswitcher

**francis m** · 20/12/2005, 12h39

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é

**jeff_!** · 20/12/2005, 13h32

styleswitcher est une appelation assez generique
que ce soit avec une techo cliente ou serveur
sur alascreation tu doit avoir un tuto dessu

**SangKou** · 20/12/2005, 15h38

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 ?

**SangKou** · 20/12/2005, 18h54

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

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

Quelqu'un veut bien m'aider ?

**SangKou** · 20/12/2005, 20h42

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 ?

**francis m** · 20/12/2005, 23h43

j'ai pas compris mais tu peux avoir un include dans un autre include, aucun problème

**SangKou** · 20/12/2005, 23h55

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

Choix du design CSS

CSS

Vue hybride

Discussions similaires

Partager

Partager