L'applicazione di Matt Galvin Skin "stile XP" per YUI visualizzazione a scheda »Blog utente Yahoo! Interface (YUIBlog)

L'applicazione di Matt Galvin Skin "stile XP" per YUI visualizzazione a scheda

11 Apr, 2008 alle 2:17 pm da Eric Miraglia | In Sviluppo | 3 commenti

YUI comunità membro Matt Galvin della complessità semplificata sta lavorando su alcune nuove skin per YUI . E 'nelle prime fasi del processo, ma non è troppo presto per iniziare a prendere vantaggio del suo lavoro - è a partire da un XP-stile del tema e lo sta applicata al pulsante di controllo YUI e YUI visualizzazione a scheda di controllo .

Ecco come applicare la sua pelle XP per YUI visualizzazione a scheda:

Vista la fonte di Matt Sweeney "Build da Markup" esempio visualizzazione a scheda , copia e incolla che in un nuovo file.
Nella stessa directory, posto questo nuovo file tabs.css . E 'composto di visualizzazione a scheda di "Core CSS" e Matt Galvin le regole di presentazione XP.
Nel fonte esempio, eliminare il riferimento al <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.1/build/tabview/assets/skins/sam/tabview.css"> ; sostituirlo con <link rel="stylesheet" type="text/css" href="tabs.css"> , indicando il vostro nuovo file css.
Nel fonte esempio, modificare il nome della classe CSS sul <body> da yui-skin-sam a yui-skin-xp .
Prendete le tre immagini personalizzate per la pelle XP ( 1 , 2 , 3 ) e metterli nella stessa directory.

Ricarica e siete arrivati. Ecco lo stesso trattamento applicato alla serie dyanamic-scheda-esempio di contenuto ( cliccare per l'esempio di lavoro ):

dolce a tema! Funziona bene, grazie
Commento di rubicondo - 9 settembre 2008 #
yui.simplifiedcomplexity.org sembra essere un sito di ricerca di spam questi giorni, qualsiasi idea di dove un aggiornato copia della pelle potrebbe essere trovato?
Commento di Andy Stevens - 11 febbraio 2009 #
Andy -
È possibile trovare una copia della pelle qui:
http://ericmiraglia.com/yui/demos/tabs.css
-Eric
Commento di Eric Miraglia - 11 feb 2009 #

Al momento l'inserimento di commenti non è in questo momento.