Changer de style CSS dynamiquement
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 ;-)