Uporabniški vmesnik jQuery in ThemeRoller

• Maj 3, 2024

Če želite preprost in hiter način oblikovanja uporabniškega vmesnika za spletno mesto ali spletno aplikacijo in tudi jQuery, si oglejte uporabniški vmesnik jQuery. Tam boste našli kombinirani paket CSS in jQuery funkcij na ključ, ki omogoča dodajanje teh funkcij v vaš novi projekt.

Sprehodimo se po mestu. Pod povezavo Demos in Docs boste našli seznam interaktivnih vtičnikov jQuery, kot so povleci in spusti, zavihki in prehodi. Za vsak vtičnik je predstavljena predstavitev, dokumentacija in vzorčna koda za rezanje in lepljenje za testiranje.

Če želite zajeti datoteke na ključ, kliknite povezavo Teme za jQuery ThemeRoller. Privzeti css je bela in siva tema belih kosti. Lahko kliknete gumb za prenos in uporabite tako, kot je, vendar obstaja tudi Galerija pisanih tem, da začnete. Na območju Galerije je več sličic tem. Samo kliknite tistega, ki vam je všeč. To temo lahko prenesete tako, da kliknete zavihek Roll Your Own in nato gumb Download Theme. Ampak zabava se začne, ko začnete tvitniti temo z motorjem ThemeRoller. Obstaja 11 možnosti, ki jih lahko prilagodite. Večina možnosti vam omogoča spreminjanje teksture in barve ozadja, barve obrobe ter barv besedila in ikon.

Na voljo imate več možnosti za tvitovanje teme.

• Nastavitve pisave: Spremenite lahko družino pisav, težo in velikost.
  
  
• Kotni polmer: lahko spremenite polmer kota. Vsaka tema ima privzeti zaobljeni slog zavihka, vendar tukaj lahko spremenite velikost vogala ali ga nastavite na nič za kvadratni jeziček. (Zavihki so zgrajeni na CSS3, ki ga IE trenutno ne podpira.)
  
  
• Header / Toolbar: Nastavite lahko barvne vrednosti za območje zavihkov in področja glave, kot je vtičnik za koledar.
  
  
• Vsebina: Tu lahko nastavite barve za glavno območje vsebine. Lahko dobite zelo drugačen dizajn, odvisno od izbire meje ali brez meje.
  
  
• Privzeto stanje, ki ga je mogoče klikniti: to nadzoruje privzeti (neaktivni) videz zavihkov in gumbov.
  
  
• Stanje kazalca, ki ga je mogoče klikniti: Ti gumbi so namenjeni prikazu zavihkov in gumbov v stanju, kolikor želite.
  
  
• Aktivno stanje, ki ga je mogoče klikniti: nadzoruje videz zavihka in gumba za aktivno stran.
  
  
• Označi: barve ozadja, robov, besedila in ikon za označena območja.
  
  
• Napaka: Barve ozadja, roba, besedila in ikone za sporočila o napaki.
  
  
• Modalni zaslon za prekrivke: Nadzira barvo in teksturo ozadja.
  
  
• Drop Shadows: Krmili za motnost senčenja, debelino, odmik in vogale za učinek senčila.
  
  

Ko naložite paket jquery-ui-x.x.xx.custom.zip in nadgradite paket, boste videli tri mape (css, razvojni paket in js) ter datoteko index.html. Datoteka index.html je predstavitev vtičnikov, oblikovanih glede na vašo temo. Mape css in js boste želeli postaviti v svoj glavni imenik in kopirati / prilepiti kodo iz datoteke index.html v kodo za vaše spletno mesto na mestu, kjer želite, da se vtičniki prikažejo.

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

Navodila Video: slider (Maj 2024).