jQuery felhasználói felület és a ThemeRoller

• Lehet 17, 2024

Ha egyszerűen és gyorsan szeretne egy weboldal vagy webalkalmazás felhasználói felületét megtervezni, és magában foglalja a jQuery alkalmazást, akkor nézd meg a jQuery felhasználói felületet. Itt található egy kulcsrakész CSS és a jQuery function combo csomag, amely ezen szolgáltatások hozzáadását az új projekthez pillanatok alatt teszi lehetővé.

Tegyünk egy sétát a helyszínen. A Demók és a Dokumentumok hivatkozás alatt megtalálja a jQuery interaktív bővítmények listáját, például a húzást, a lapokat és az átmeneteket. Minden beépülő modulhoz tartozik egy bemutató, dokumentáció és minta kivágási és beillesztési kód a teszteléshez.

Ha szeretne megragadni a kulcsrakész fájlokat, kattintson a jQuery ThemeRoller Témák linkjére. Az alapértelmezett css egy csupasz csontfehér és szürke téma. Kattintson a letöltés gombra, és használhatja a jelenlegi formátumot, de van egy színes témák galéria is az induláshoz. A Galéria területén több téma miniatűr található. Csak kattintson a kívántra. A témát úgy is letöltheti, ha rákattint a Saját tekercs fülre, majd a Téma letöltése gombra. A móka azonban akkor kezdődik, amikor elkezdi a tweetet a téma a ThemeRoller motorral. 11 lehetőség van testreszabható. A legtöbb lehetőség lehetővé teszi a háttér textúrájának és színének, a keret színének, valamint a szöveg és az ikonnak a megváltoztatását.

Számos lehetősége van a téma tweetelésére.

• Betűkészlet-beállítások: Megváltoztathatja a betűtípus-családot, a súlyt és a méretet.
  
  
• Sarok sugara: Meg lehet változtatni a sarok sugarat. Minden témának van alapértelmezett kerek fülstílusa, de itt megváltoztathatja a sarok méretét vagy nullára állíthatja egy négyzet alakú fülnél. (A lapok a CSS3-ra épülnek, amelyet az IE jelenleg nem támogat.)
  
  
• Fejléc / Eszköztár: Beállíthatja a lapok mögötti terület színértékeit és a fejléc területeit, például a naptár-bővítményhez.
  
  
• Tartalom: Itt állíthatja be a fő tartalmi terület színeit. Kaphat egy nagyon eltérő mintát, attól függően, hogy melyik szegélyt választotta, vagy nincs.
  
  
• Kattintható alapértelmezett állapot: Ez a lapok és gombok alapértelmezett (inaktív) megjelenését vezérli.
  
  
• Kattintható hover állapot: Ezek a vezérlők a fülek és gombok hover állapotban való megjelenésére vonatkoznak.
  
  
• Kattintható aktív állapot: Vezérli az aktív oldal fülének és gombjának megjelenését.
  
  
• Kiemelés: A kiemelt területek háttér-, szegély-, szöveg- és ikonszínei.
  
  
• Hiba: háttér, szegély, szöveg és ikon színei a hibaüzenetekhez.
  
  
• Átfedések modális képernyője: A háttér színének és textúrájának vezérlése.
  
  
• Drop Shadows: Az árnyék átlátszóságának, vastagságának, eltolódásának és sarkainak vezérlése a drop shadow hatására.
  
  

Amikor letölti a jquery-ui-x.x.xx.custom.zip fájlt és frissíti a csomagot, három mappát (css, fejlesztői csomag és js) és egy index.html fájlt fog látni. Az index.html fájl egy demonstráció a témájához illesztett pluginekhez. A css és a js mappákat be kell helyeznie a fő könyvtárba, és másolja / illessze be az index.html fájlból származó kódot a webhely kódjába azon a helyen, ahol a pluginek megjelennek.

//jqueryui.com
//jqueryui.com/demos/
//jqueryui.com/themeroller/

Video Utasításokat: React nyári tanfolyam 1 (Lehet 2024).