Changer de style CSS dynamiquement

Publié le par Francisek

​ ​​​​Voici un nouveau script pour votre blog. Il permet de changer de style css sans recharger la page. Mais un exemple vaut mieux que de longs discours. Cliquez ici pour avoir un habillage bleu puis ici pour revenir à l'habillage d'origine.

Pour la mise en place, téléchargez le fichier change-css.zip et décompressez-le dans vos fichiers.
Si vous utilisez des images (pour l'habillage des modules par exemple) elles doivent être référencées dans le fichier css en dossier relatif par rapport au fichier css.
Par exemple, vous voulez habiller le style .box-top avec l'image btop.gif située dans le dossier Mes photos et votre fichier css personnailisé est dans Mes Fichiers, la définition du style .box-top contiendra background: url(../pics/btop.gif)

Faites ensuite appel au script css.js dans le bloc Entête (par l'onglet Design / Editer les blocs du module d'adminstration) en insérant la ligne suivante:
<script src="emplacement_de_css.js" type="text/javascript" language="javascript"></script>

Pour ensuite définir les liens permettant de changer de feuille de style, insérez dans votre page (ou dans le texte libre) un lien de ce type:
<a href="javascript:changeCSS('votre_fichier.css');">Le lien</a>
Et enfin pour rétablir le style par défaut:
<a href="javascript:changeCSS('original');">Style par défaut</a>

Si vous avez des questions sur l'utilisation de cette fonction, passez-moi un commentaire :-)
Et si vous utilisez mon script, ce serait sympa de mettre mon blog dans vos liens et de me faire signe ;-)

Publié dans Poubelle à idées

Commenter cet article

Michele 27/09/2006 11:46

bonjour c'est juste pour savoir comment je dois faire pour mettre un fond de couleur sur mon blog j'ai deja tout essayer et rien a faire ça va pas

Francisek 27/09/2006 11:58

 Il faut que ton CSS soit valide, sans quoi les modifications risquent de pas être prises en compte (pour te dire s'il est valide, il me faudrait l'adresse de ton blog)Dans la ligne body, ajoute background-color:code_de_la_couleur; avant l'accolade fermante.

bazbaz 21/02/2006 14:45

Merci Francisek pour tes conseils... vraiment utiles et sympas! Domage que je soit en confiance ca restreint mais j'ai réussi a faire un blog pas mal grâce a ton aide entre autre... bazbaz

Francisek 21/02/2006 19:36

 Et oui, tout le monde ne peut malheureusement pas bénéficier de ce que je propose.

frise 07/12/2005 08:42

sniff, ça marche po...

Francisek 07/12/2005 13:26

 C'est bien pour ça que le script est à la poubelle. Il marche moyennement bien. Mais il y a bien d'autres façons de procéder.

the_end 06/11/2005 20:36

mon site de design perd une sacré dimention du coup domage.Francisek : Ben oui, je sais bien :(

the_end 06/11/2005 01:01

Bonjour

me voila de retour et je m'appersoit que plus rien ne marche sur mon blog de design endesign.over-blog.com

En faite on dirrai que en confiance ce n'est plus possible de laisser "" dans le haut de page du coup on ne peut plus visionner mes design comment faire?

Francisek : Si ton blog est en Confiance, tu ne peux pas mettre de Javascript. Tu pouvais (avant les restrictions) mais le fait d'éditer ton entête a supprimé la balise Javascript. Tu ne peux plus rien y faire.