luodaan Valikkopalkit, joissa on Spry
kun hiiren osoitin leijuu valikkopalkin päällä, ilmestyy alivalikko. Menu barsallow paljon valikkovaihtoehtoja pääsee puhdas, uncluttered mainmenu. Vuorovaikutteisuus ne tarjoavat, kun kävijä leijuu hiiren pointerover valikko vaihtoehto lisää dynaaminen Elementti web-sivulle.
valikkopalkin widgetit voivat olla vaaka-tai pystysuuntaisia:
- pystysuuntaiset valikkopalkit on yleensä kohdistettu sivun vasemmalla puolella olevaan kehykseen, taulukkosarakkeeseen, orother layout objectsiin (kuten DIV tai AP DIV).
- vaakasuuntaiset valikkopalkit on yleensä kohdistettu sivun yläosaan,ja ne voidaan sijoittaa sinne ilman, että niitä lisätään asettelu-objektiin.
Spry-widget valikkopalkin widgettien asettamiseen mahdollistaa kahden alivalikon muodostamien valikkopalkkien luomisen. Siksi käyttäjä voi klikata valikkovaihtoehtoa, seea-alivalikkoa, jossa on uudet asetukset, valita jonkin näistä vaihtoehdoista ja valita toisen alivalikon.
jos haluat luoda valikkorivisovelman, toimi seuraavasti:
- Tallenna sivu, johon widget lisätään.
- Valitse Insertti > Spry > Spry Valikkorivi. Kun Pirteä valikkopalkki dialogbox ilmestyy, valitse vaaka-tai pystysuuntainen muoto.
- kun olet luonut valikkorivisovelman, voit määrittää joitakin perusvalikkopalkin ominaisuuksia Kiinteistötarkastajassa. Valitse valikkokohteet tai alivalikkokohteet Kiinteistötarkastajan vasemmalla puolella; muokkaa niitä haluamallasi tavalla (ks.Kuva 4):
- kirjoita tekstikenttään valikossa näkyvä teksti.
- Kirjoita Linkkiruutuun linkki, joka avautuu, kun kohdetta napsautetaan.
- Kirjoita otsikkokenttään esteettömyysteksti, joka ilmestyy browser-ikkunaan, kun käyttäjä ohjaa hiiren osoitinta valikkovaihtoehdon päälle.
- jätä Kohderuutu tyhjäksi avataksesi linkin samassa selainikkunassa, orenter _blank avataksesi linkin uudessa selainikkunassa.
- käytä plus ( + ) ja miinus ( – )-painikkeita valikon tai alivalikon (orsub-alivalikon) sarakkeiden yläpuolella lisätäksesi tai poistaaksesi uusia valikkokohtia. Käytä Siirrä kohde ylös ja poista kohde alas-painikkeita tarpeen mukaan muuttaaksesi valikkokohtien järjestystä.
Kuva 4 kiinteistötarkastajan valikkorivin Valintatasot.
kun luot tai valitset valikkopalkin widget, kiinteistön tarkastajaan ilmestyy Turn Styles Off-painike. Stylesin sammuttaminen ei vaikuta siihen, miten Styleis renderöidään selaimessa, vaan sammuttaa formatoinnin Asiakirjanikkunassa. Voit säätää muotoilua eri valikkorivin ominaisuuksia aselected valikkorivi käyttämällä CSS Styles paneeli.
jokainen valikkopalkki luo vähintään tusinan verran CSS-tyylejä. Useimmat näistä CSSstyles määritellä sijainti ja koko valikot ja alivalikot, jotka näkyvät, kun auser leijuu hiiren osoitin yli valikon vaihtoehto. Näiden valikoiden oletussijainti on yleensä hieno, eikä sitä tarvitse säätää. Voit luoda mukautetun valikkopalkin määrittelemällä omat linkit ja tekstin ja antaa sille adistinctive muodossa muokkaamalla tekstiä ja taustavärejä.
osa CSS-tyylivaihtoehdoista ohjaa suhteellisen huomaamattomia valikkopalkin elementtejä, mutta kaikkia niitä voi muokata CSS-Tyylipaneelissa. Jos haluat muokata valikkoriviin liittyviä tyylejä, laajenna SpryMenuBarHorizontal todisplay luettelo luokkatyyleistä, jotka liittyvät tähän tyylilehteen. Valitsemalla yksi näistä luokan tyylejä yläosassa CSS Styles paneeli voit muokata ominaisuuksia, että tyyli alaosassa CSS Styles paneeli.
jos haluat vaihtaa valikkopalkin taustan tai tekstin värin, valitse tyyli.MenuBarHorizontal a (pystysuuntaiselle valikkopalkille, ul.MenuBarVertical a). Kun tyyli on valittu CSS Styles-paneelissa, Valitse Uusi taustaväri CSS Styles-paneelin alaosasta ja Vaihda fontin väriä käyttämällä värivillaa (KS.kuva 5).
kuva 5 valikkopalkin tekstivärin muuttaminen.
toinen vaihtoehto on muuttaa vaakavaakunan taustan ja tekstin väri käyttämällä näitä kohteita:
- ul.MenuBarHorizontal a. MenuBarItemHover
- ul.MenuBarHorizontal a. MenuBarItemSubmenuHover
- ul.MenuBarHorizontal a. MenuBarSubmenuVisible
pystysuuntaisten valikkopalkkien tyyli on samanlainen,mutta tyylin nimessä pystysuuntaisen sijasta on pystysuuntainen.
kuten alatte nähdä, pirteät valikkobaarit tarjoavat monia, monenkustettavia elementtejä. Saat parhaat tulokset kokeilemalla. Olennaisesti, voit muokata sisältöä valikkopalkit joko omaisuus tarkastaja, tai valitsemalla yksi monista syntyy CSS tyylejä ja muokkaamalla sitä CSS Tyyliespanel.
Okei, olet nyt omillasi! Pidä hauskaa näiden ja muiden Sprywidgets. Ja muista pitää yhteyttä ja kertoa minulle, miten he toimivat sivustoillasi.