Menüsávok létrehozása A Spry
programmal amikor az egérmutató egy menüsor fölé mutat, megjelenik egy almenü. Menüsoroklehetővé teszi, hogy sok menüpont elérhető legyen egy tiszta, zavartalan főmenüből. Az interaktivitás, amelyet akkor nyújtanak, amikor a látogató az egérmutatót mozgatja egy menüopció felett, dinamikus elemet ad hozzá egy weboldalhoz.
menüsor widget lehet vízszintes vagy függőleges:
- a függőleges menüsávok általában az oldal bal oldalán lévő keretben, táblázatoszlopban vagy más elrendezési objektumokban (például DIV vagy AP DIV) vannak igazítva.
- a vízszintes menüsorok általában az oldal tetején vannak igazítva,és oda helyezhetők anélkül, hogy beillesztenék őket egy layout objektumba.
a Spry widget beszúrásához menüsor kütyü lehetővé teszi, hogy létrehoz menubars két szinten almenük. Ezért a felhasználó rákattinthat egy menüopcióra, láthat egy almenüt egy új opciókészlettel, választhat egyet ezek közül, majd választhat a második almenüből.
menüsor widget létrehozásához kövesse az alábbi lépéseket:
- mentse el azt az oldalt, amelybe a widget beillesztésre kerül.
- Válassza A > Spry > Spry Menüsor Beszúrását. Amikor megjelenik a Spry menüsor párbeszédpanel, válassza a vízszintes vagy függőleges formátum lehetőséget.
- miután létrehozott egy menüsor widgetet, megadhat néhány alapvető menüsortulajdonságot a Property inspector-ban. Válassza ki a menüelemeket vagy almenüelemeket aaz Ingatlanfelügyelő bal oldalán; majd módosítsa őket tetszés szerint (lásd 4.ábra):
- a szövegmezőbe írja be a menüben megjelenő szöveget.
- a hivatkozás mezőbe írja be azt a linket, amely akkor nyílik meg, amikor az elem be van jelölve.
- a cím mezőbe írja be a Kisegítő lehetőségek szövegétböngésző ablak, amikor a felhasználó az egérmutatót egy menüpont fölé viszi.
- hagyja üresen a Célmezőt, hogy megnyissa a linket ugyanabban a böngészőablakban, vagy az ALT _blank, hogy megnyissa a linket egy új böngészőablakban.
- használja a menü vagy almenü (vagy almenü) oszlopok fölötti plusz ( + ) és mínusz ( – ) gombokat új menüelemek hozzáadásához vagy törléséhez. Használja az elem mozgatása fel ésaz elem lefelé mozgatása gombokat szükség szerint a menüelemek sorrendjének megváltoztatásához.
4.ábra a menüsor beállításainak meghatározása az Ingatlanfelügyelőben.
amikor létrehoz vagy kiválaszt egy menüsor widgetet, megjelenik a stílusok kikapcsolása gomb a Tulajdonságellenőrzőben. A stílusok kikapcsolása nem befolyásolja a stílus megjelenítését a böngészőben, hanem inkább kikapcsolja a formázást a dokumentumablakban. A kiválasztott menüsor különböző menüsor-tulajdonságainak formázását a CSS stílusok panel segítségével módosíthatja.
minden menüsor legalább egy tucat CSS stílust generál. Ezen CSS-stílusok többsége meghatározza a menük és almenük pozicionálását és méretét, amelyek akkor jelennek meg, amikor az auser az egérmutatót egy menüpont fölé viszi. Ezeknek a menüknek az alapértelmezett elhelyezése általában rendben van, ezért nem kell módosítani. Létrehozhat egy testreszabott menüsort a saját linkek és szöveg meghatározásával, és megkülönböztethető formátumot adhat a szöveg és a háttérszín testreszabásával.
a CSS Stílusbeállítások egy része a menüsor viszonylag észrevétlen elemeit vezérli, de mindegyik szerkeszthető a CSS stílusok panelen. A menüsor widgethez társított stílusok szerkesztéséhez bontsa ki a Sprymenubarhorizontális elemetmegjelenítse az ehhez a stíluslaphoz társított osztálystílusok listáját. Ezen osztálystílusok egyikének kiválasztása a CSS stílusok panel felső részén lehetővé teszi az adott stílus tulajdonságainak szerkesztését a CSS stílusok panel alsó felében.
a menüsor háttér-vagy szövegszínének módosításához válassza ki a styleul-t.Menubarvízszintes a (függőleges menüsorhoz, ul.MenuBarVertical a). A CSS stílusok panelen kiválasztott stílussal használja a CSS stílusok panel alsó felében található háttérszín színminta mezőt az új háttérszín kiválasztásához, éshasználja a színmintát a betűszín megváltoztatásához (lásd az 5.ábrát).
5. ábra menüsor szövegszínének módosítása.
egy másik lehetőség a lebegtetett-overhorizontal menüpont háttér-és szövegszínének megváltoztatása az alábbi elemek használatával:
- ul.MenuBarHorizontal a. MenuBarItemHover
- ul.MenuBarHorizontal a. MenuBarItemSubmenuHover
- ul.MenuBarHorizontal a. MenuBarSubmenuVisible
a függőleges menüsorok stílusa hasonló, de a függőleges helyettvízszintes a stílus nevében.
ahogy kezded látni, a Spry menüsorok sok-sok testreszabható elemet kínálnak. A legjobb eredmény érdekében kísérletezzen. Lényegében a menüsávok tartalmát vagy a Tulajdonságfelügyelőben szerkesztheti, vagy a generált CSS stílusok sokaságának kiválasztásával, majd a CSS Stíluspanelen szerkesztheti.
Oké, most már egyedül vagy! Jó szórakozást ezekkel és más Sprywidgets. És ne feledjétek, hogy maradjatok kapcsolatban, és tudassátok velem, hogy működnek az oldalaitokon.