Menu déroulant pour feuilles de style

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
Répondre
Breat
Salamandre
Messages : 42
Inscription : 17 oct. 2008, 12:54

Menu déroulant pour feuilles de style

Message par Breat »

salut, voilà je veux faire un menu déroulant pour que les visiteur puissent choisir entre mes 4 style (fichier CSS) de page, mais le soucis en image:

Image

en fait que je voudrait c'est que mes visiteur vois seulement "Style de page" avec la petite flèche de menu et que quand ils cliquent dessus ils vois toutes mes feuille de style.

sinon pour les lien vers les feuilles de style, ceux-ci fonctionneront-ils pour changer l'aspect de mon site? et ce changement restera-t-il pour toute les pages de mon site?

donc voilà le code de mon menu:

Code : Tout sélectionner

<select name="Style de page">
				<option>
					<a href="bleu.css">Style Bleu (Défaut)</a><br />
					<a href="bleu_anime.css">Style Bleu Animé</a><br />
					<a href="rouge.css">Style Rouge</a><br />
					<a href="rouge_anime.css">Style Rouge Animé</a>
				</option>
</select>
Merci d'avance.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
KompoZer v0.7.10
ImageImage
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Bonjour
Il y a un excellent article sur la question (et plein d'autres choses utiles) là:
http://openweb.eu.org/articles/presenta ... ernatives/

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.3) Gecko/2008092510 Ubuntu/8.04 (hardy) Firefox/3.0.3
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Breat
Salamandre
Messages : 42
Inscription : 17 oct. 2008, 12:54

Message par Breat »

alors voilà j'ai corrigé mon code, ce qui donne celui ci-dessous:

Code : Tout sélectionner

<select name="Style de page">
				<option value="bleu.css">Style Bleu (Défaut)</option>
				<option value="bleu_anime.css">Style Bleu Anim&eacute;</option>
				<option value="rouge.css">Style Rouge</option>
				<option value="rouge_anime.css">Style Rouge Anim&eacute;</option>
</select>
Maintenant je souhaiterai mettre un lien à chaque option vers un de mes fichiers CSS.

Mon soucis est que je ne peut pas associer une balise <option> à une balise <a href>, comment faire?

Merci d'avance

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
KompoZer v0.7.10
ImageImage
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

A priori, si l'on en croit les explications qui figurent sous le titre
Utilisation d'un cookie pour un style switcher
de la référence mentionnée, il suffirait de récupérer la valeur de l'option dans une page PHP. Celle-ci forcerait alors un cookie qui permettrait de connaître le style à appliquer.
Cela devrait fonctionner aussi avec une variable de session en PHP.

Désolé de ne pouvoir expliquer plus avant, n'étant pas pratiquant. Ce type de question trouverait sans doute plus de réponse sur le forum "Développement web", juste à côté.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.3) Gecko/2008092510 Ubuntu/8.04 (hardy) Firefox/3.0.3
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Breat
Salamandre
Messages : 42
Inscription : 17 oct. 2008, 12:54

Message par Breat »

très bien merci, mis le soucis c'est que je ne pige rien du tout au php :lol:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
KompoZer v0.7.10
ImageImage
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Breat a écrit :très bien merci, mis le soucis c'est que je ne pige rien du tout au php :lol:
http://www.siteduzero.com/tutoriel-3-14 ... c-php.html :wink:
Asumbaa
Tyrannosaurus Rex
Messages : 2411
Inscription : 08 déc. 2004, 20:07

Message par Asumbaa »

Salut,

Sans PHP, tu peux aussi le faire en Javascript (sachant que du coup, tout le monde n'aura pas la fonctionnalité)

Voir http://batraciens.net/css-astuces/skins-changement.htm

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9) Gecko/2008052906 Firefox/3.0
Breat
Salamandre
Messages : 42
Inscription : 17 oct. 2008, 12:54

Message par Breat »

merci beaucoup

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
KompoZer v0.7.10
ImageImage
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Si tu lis l'anglais, le "style switcher" de Chris Clark, c'est de la rigolade à réaliser, suffit de copier ce qu'il dit :
http://www.alistapart.com/articles/phpswitch/
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Breat
Salamandre
Messages : 42
Inscription : 17 oct. 2008, 12:54

Message par Breat »

oui sauf que j'ai une erreur

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3 (.NET CLR 3.5.30729)
KompoZer v0.7.10
ImageImage
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Personellement en javascript je préfère largement le Switcher d'Aurélien Maille qui a l'avantage de générer le formulaire en javascript, et donc d'éviter d'avoir un formulaire inopérant lorsque js est désactivé (confusion en moins pour l'utilisateur) :wink:

Cela dit la version php est simple et efficace, si php est disponible, c'est probablement l'idéal :wink:
Asumbaa
Tyrannosaurus Rex
Messages : 2411
Inscription : 08 déc. 2004, 20:07

Message par Asumbaa »

calimo a écrit :Personellement en javascript je préfère largement le Switcher d'Aurélien Maille qui a l'avantage de générer le formulaire en javascript, et donc d'éviter d'avoir un formulaire inopérant lorsque js est désactivé (confusion en moins pour l'utilisateur) :wink:
Merci Calimo, je mets à jour mes marque-pages :wink:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9) Gecko/2008052906 Firefox/3.0
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 5 invités