L'application de Matt Galvin "XP-style" peau de YUI TabView

11 avril 2008 à 14:17 par Eric Miraglia | En développement | 3 Commentaires

YUI membre de la communauté de Matt Galvin simplifié la complexité a travaillé sur quelques nouveaux skins pour YUI . Il est tôt dans le processus, mais ce n'est pas trop tôt pour commencer à tirer profit de son travail - il commence avec un thème de style XP et il l'a appliqué à la bouton de contrôle YUI et YUI TabView contrôle .

Voici la façon d'appliquer sa peau XP à YUI TabView:

  • Voir la source de Matt Sweeney "Construire à partir de balisage" par exemple TabView ; copier et le coller dans un nouveau fichier.
  • Dans le même répertoire, placez ce fichier tabs.css nouvelle . Il est composé de TabView de "Core CSS" et les règles de Matt Galvin présentation XP.
  • Dans la source, par exemple, supprimer la référence à <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.1/build/tabview/assets/skins/sam/tabview.css"> ; le remplacer par <link rel="stylesheet" type="text/css" href="tabs.css"> , pointant sur ​​votre fichier css nouvelle.
  • Dans la source, par exemple, changer le nom de classe CSS sur l'élément body de yui-skin-sam à yui-skin-xp .
  • Prenez les trois images personnalisées pour la peau XP ( 1 , 2 , 3 ) et les mettre dans le même répertoire.

Recharger, et vous y êtes. Voici le même traitement appliqué à la dyanamic-tab-exemple de contenu standard ( cliquer sur l'exemple de travail ):

YUI TabView style avec la peau de Matt Galvin XP.

Trouver des conversations: bloglines | technorati

Partager et prolonger: Ajouter aux Favoris del.icio.us | Digg it! | reddit!

3 Commentaires

  1. thème doux! Fonctionne bien, merci

    Commentaire de vermeil - 9 Septembre 2008 #

  2. yui.simplifiedcomplexity.org semble être un site de recherche de mails ces jours-ci, toute idée d'où une copie à jour à de la peau pourrait être trouvée?

    Commentaire par Andy Stevens - Février 11, 2009 #

  3. Andy -

    Vous pouvez trouver une copie de la peau ici:

    http://ericmiraglia.com/yui/demos/tabs.css

    -Eric

    Commentaire par Eric Miraglia - Février 11, 2009 #

Désolé, les commentaires sont fermés pour le moment.

Hébergé par Yahoo!

Copyright © 2006-2011 Yahoo! Tous droits réservés. Politique de confidentialité - Conditions d'utilisation

Propulsé par WordPress sur Yahoo! Web Hosting .