jQuery UI ja ThemeRoller

• Aprill 23, 2024

Kui soovite hõlpsat ja kiiret viisi veebisaidi või veebirakenduse kasutajaliidese kujundamiseks ning ka jQuery lisamiseks, vaadake jQuery kasutajaliidest. Siit leiate käivitusvalmis CSS ja jQuery funktsioonide liitpaketi, mis muudab nende funktsioonide lisamise uuele projektile kiireks.

Teeme jalutuskäigu läbi saidi. Lingi Demos and Docs alt leiate jQuery interaktiivsete pistikprogrammide loendi, näiteks pukseerimine, vahelehed ja üleminekud. Iga pistikprogrammi jaoks on olemas demo, dokumentatsioon ja proovide lõika ja kleebi kood testimiseks.

Kui soovite haarata käivitusvalmis olevaid faile, klõpsake jQuery ThemeRolleri linki Teemad. Vaikimisi css on paljaste luude valge ja hall teema. Võite klõpsata allalaadimisnupul ja kasutada olemasolevat, kuid alustamiseks on olemas ka värvikate teemade galerii. Galerii alal on mitu teema pisipilti. Klõpsake lihtsalt seda, mis teile meeldib. Selle teema saate alla laadida sellisel kujul, kui klõpsate vahekaardil Oma roll ja siis nupul Laadi teema alla. Kuid nalja saab alguse sellest, kui hakkate teemat ThemeRolleri mootoriga piiksuma. Seal on 11 võimalust, mida saate kohandada. Enamik valikuid võimaldab teil muuta tausta tekstuuri ja värvi, äärise värvi ning teksti- ja ikoonivärve.

Teema sättimiseks on mitu võimalust.

• Fondi sätted: saate muuta fontide perekonda, kaalu ja suurust.
  
  
• Nurgaraadius: nurgaraadiust saate muuta. Igal teemal on vaikimisi ümardatud sakkide stiil, kuid siin saate nurga suurust muuta või ruudukujulise vahelehe jaoks nulli seada. (Vahelehed on üles ehitatud CSS3-le, mida IE praegu ei toeta.)
  
  
• Päis / tööriistariba: saate seada vahekaartide taga asuva ala ja päisealade, näiteks kalendri pistikprogrammi, värviväärtused.
  
  
• Sisu: siin saate seada peamise sisuala värvid. Võite saada väga erineva kujunduse, sõltuvalt teie valitud piirist või ilma selleta.
  
  
• Klõpstav vaikeolek: see kontrollib vahelehtede ja nuppude vaikimisi (passiivset) välimust.
  
  
• Klõpsamiseks hõljutatav olek: need juhtelemendid on mõeldud vahelehtede ja nuppude kuvamiseks hover-olekus.
  
  
• Klikkitav aktiivne olek: kontrollib aktiivse lehe vahelehe ja nupu välimust.
  
  
• Esiletõstmine: esiletõstetud alade tausta-, äärise-, teksti- ja ikoonivärvid.
  
  
• Viga: veateadete taust, äärised, teksti- ja ikoonivärvid.
  
  
• Ülekatete moodi ekraan: juhib taustavärvi ja tekstuuri.
  
  
• Drop Shadows: varju läbipaistmatuse, paksuse, nihke ja nurkade juhtimine varju efekti saavutamiseks.
  
  

Jquery-ui-x.x.xx.custom.zip allalaadimisel ja paketi värskendamisel näete kolme kausta (css, arenduspakett ja js) ning faili index.html. Fail index.html on teie teemaga loodud pistikprogrammide demo. Soovite panna kaustad css ja js oma peakataloogi ning kopeerida / kleepida kood failist index.html oma saidi koodi sellesse kohta, kus soovite pistikprogrammide kuvamist.

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

Video Juhiseid: 06 jquerymobile arbeiten mit ThemeRoller CSS anpassen (Aprill 2024).