Les thèmes dynamiques instantanés My Yahoo/iGoogle

Question

Je peux penser à beaucoup de façons de le faire par moi-même, mais j'espérais trouver une sorte de meilleure pratique et j'ai eu du mal à trouver d'autres expériences. Je veux créer facilement du HTML sur le thème et fournir un sélecteur en temps réel pour que l'utilisateur expérimente les thèmes.

Je veux faire quelque chose comme l'onglet "Change Appearance" au http://my.yahoo.com.

Je vais utiliser jQuery. jQuery a un système de "theming", mais il semble très concentré sur les widgets jQuery par opposition à l'ensemble du site, et ne semble pas non plus traiter l'aspect de la sélection en temps réel (la page jQuery a cette fonctionnalité, mais je ne Je pense que cela fait partie de la bibliothèque.) Peut-être y a-t-il un plugin jQuery qui le fait déjà? Ou une sorte de framework css/jQuery?

Answer 1

JQuery UI utilise le plugin ThemeSwitcher et il est axé uniquement sur les thèmes de l'interface utilisateur jQuery. En règle générale, cependant, vous pouvez prendre ses idées et les traduire selon vos propres exigences en matière de thèmes. L'idée de base est de garder votre thème dans un seul fichier CSS, puis de gérer le thème qui est utilisé via javascript en remplaçant l'élément de lien contenant le thème avec le lien sélectionné. Notez qu'il doit généralement être le dernier fichier CSS référencé pour qu'il fonctionne correctement dans tous les navigateurs.

J'ai un similar plugin détaillé sur mon blog qui est plus simple que celui de jQuery UI, cependant, je me suis plutôt tourné vers la personnalisation du plugin jQuery UI comme j'aime l'aperçu qu'il donne.