Plusieurs styles CSS pour une seule page
Résolu
Profil bloqué
-
Profil bloqué -
Profil bloqué -
Bonjour,
J'ai un site personnel et j'aimerais que mes visiteurs puissent changer le style de ma page en un simple clic, grâce à plusieurs feuilles de style externes... Trois, je pense. Il suffirais alors de sélectionner en haut de la page, son thème, comme sur http://www.csszengarden.com/211/page0/
Vous trouvez ça inutile ? Eh bien oui ! Ca l'est, et c'est en cela que c'est un site perso/blog... Car il ne sert à rien, il me sert seulement à m'entraîner à la programmation d'un site web ^^.
Je voudrais pouvoir faire ça, sans changer le contenu de la page, c'est à dire que je reste sur la page d'accueil ... Hors je ne vois pas comment faire... Quelqu'un à une idée ?
Merci par avance pour votre aide
Cordialement,
Th3 Tagg3r
J'ai un site personnel et j'aimerais que mes visiteurs puissent changer le style de ma page en un simple clic, grâce à plusieurs feuilles de style externes... Trois, je pense. Il suffirais alors de sélectionner en haut de la page, son thème, comme sur http://www.csszengarden.com/211/page0/
Vous trouvez ça inutile ? Eh bien oui ! Ca l'est, et c'est en cela que c'est un site perso/blog... Car il ne sert à rien, il me sert seulement à m'entraîner à la programmation d'un site web ^^.
Je voudrais pouvoir faire ça, sans changer le contenu de la page, c'est à dire que je reste sur la page d'accueil ... Hors je ne vois pas comment faire... Quelqu'un à une idée ?
Merci par avance pour votre aide
Cordialement,
Th3 Tagg3r
A voir également:
- Plusieurs styles CSS pour une seule page
- Supprimer une page word - Guide
- Comment imprimer un tableau excel sur une seule page - Guide
- Mettre une seule page en paysage word - Guide
- Word 2 colonnes sur une seule page - Guide
- Styles word - Guide
6 réponses
En quoi tu fais ton site ? En PHP ?
Si c'est ça, alors tu n'as qu'à prendre ta balise qui va chercher ta feuille de style :
Et lui passer une variable :
Et tu t'arranges pour que $style soit une variable récupérée quand l'utilisateur change de style, que ce soit quand il pèse sur un bouton ou quand il y a un onchange sur une liste déroulante.
Est-ce que ça te paraît clair, ou ce que je dis est du chinois pour toi ? ;-)
Si c'est ça, alors tu n'as qu'à prendre ta balise qui va chercher ta feuille de style :
<link rel="stylesheet" type="text/css" href="styles.css" />
Et lui passer une variable :
<link rel="stylesheet" type="text/css" href="<?php print $style; ?>.css" />
Et tu t'arranges pour que $style soit une variable récupérée quand l'utilisateur change de style, que ce soit quand il pèse sur un bouton ou quand il y a un onchange sur une liste déroulante.
Est-ce que ça te paraît clair, ou ce que je dis est du chinois pour toi ? ;-)
Eh bien étant donné que je ne code qu'en xhtml et css, c'est bien du chinois, désolé j'ai oublié de préciser que je n'utilisais pas de php, car premièrement, je ne le connais pas, deuxièmement, même si je le connaissais, mon hébergeur est orange... Donc ==> pas de php. J'espère que c'est possible comme ça...
Merci pour votre aide.
Merci pour votre aide.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Si tu n'utilises pas PHP, tu peux y aller avec Javascript.
Au lieu de :
Mets :
Et ensuite, fais-toi une fonction JS :
Et tu appelles changeStyle() sur un onchange ou un autre déclencheur de ton choix.
Sans PHP ni Javascript, ce ne sera pas possible. Choisis la méthode que tu veux.
Hope that helps ! ;-)
Au lieu de :
<link rel="stylesheet" type="text/css" href="styles.css" />
Mets :
<link rel="stylesheet" type="text/css" id="mySheet" href="styles.css" />
Et ensuite, fais-toi une fonction JS :
function changeStyle(style) {
document.getElementById('mySheet').href = style+'.css';
}
Et tu appelles changeStyle() sur un onchange ou un autre déclencheur de ton choix.
Sans PHP ni Javascript, ce ne sera pas possible. Choisis la méthode que tu veux.
Hope that helps ! ;-)