crearea barelor de meniu cu Spry
când indicatorul mouse-ului trece peste o bară de meniu, apare un submeniu. Barsallow meniu pentru o mulțime de opțiuni de meniu pentru a fi accesate de la un MainMenu curat, ordonat. Interactivitatea pe care o oferă atunci când un vizitator planează indicatorul mouse-uluipeste o opțiune de meniu adaugă un element dinamic la o pagină web.
widget-uri bara de meniu poate fi orizontală sau verticală:
- barele de meniu verticale sunt de obicei aliniate în cadru, coloană de tabel sau alte obiecte de aspect (cum ar fi un DIV sau un AP div) în partea stângă a paginii.
- barele de meniu orizontale sunt de obicei aliniate în partea de sus a paginii și pot fi plasate acolo fără a fi inserate într-un obiect de aspect.
widgetul Spry pentru inserarea widgeturilor din bara de meniu vă permite să generați bare de meniu cu două niveluri de submeniuri. Prin urmare, un utilizator poate face clic pe o opțiune de meniu, vedeaun submeniu cu un nou set de opțiuni, alege una dintre aceste opțiuni și alege dinun al doilea submeniu.
pentru a genera un widget bara de meniu, urmați acești pași:
- Salvați pagina în care va fi inserat widgetul.
- Alegeți Inserare > Spry > Bara De Meniu Spry. Când apare caseta de dialog bara de meniu Spry, alegeți format orizontal sau vertical.
- după generarea unui widget bara de meniu, puteți defini unele barproperties meniu de bază în inspectorul de proprietate. Selectați elemente de meniu sau submeniu elemente din partea stângă a inspectorului de Proprietăți; apoi modificați-le după cum doriți (consultați Figura4):
- în caseta Text, Introduceți textul care va apărea în meniu.
- în caseta Link, introduceți linkul care se va deschide atunci când elementul este selectat.
- în caseta Titlu, Introduceți textul de accesibilitate care va apărea înfereastra browser-ului atunci când un utilizator trece cursorul mouse-ului peste o opțiune de meniu.
- lăsați caseta țintă goală pentru a deschide linkul în aceeași fereastră a browserului, orenter _blank pentru a deschide linkul într-o fereastră nouă a browserului.
- Utilizați butoanele plus ( + ) și minus ( – ) de deasupra coloanelor meniu sau submeniu (sausub-submeniu) pentru a adăuga sau șterge elemente de meniu noi. Utilizați elementul Mutare sus șimutați butoanele element jos după cum este necesar pentru a schimba ordinea elementelor de meniu.
Figura 4 Defininglevels de opțiuni bara de meniu în inspectorul de proprietate.
când creați sau selectați un widget pentru bara de meniu, apare un buton Turn Styles Off în inspectorul de proprietăți. Dezactivarea stilurilor nu afectează modul în care stiluleste redat într-un browser, ci mai degrabă dezactivează formatarea în fereastra documentului. Puteți ajusta formatarea diferitelor proprietăți ale barei de meniu aselectat bara de meniu utilizând panoul Stiluri CSS.
fiecare bară de meniu generează cel puțin o duzină de stiluri CSS. Majoritatea acestor stiluri CSS definesc poziționarea și dimensiunea meniurilor și submeniurilor care apar atunci când auser planează indicatorul mouse-ului peste o opțiune de meniu. Poziționarea implicită a acestor meniuri este de obicei bună și nu trebuie ajustată. Putețicreați o bară de meniu personalizată prin definirea propriilor linkuri și text și dați-i un format adistinctiv prin personalizarea textului și a culorilor de fundal.
unele dintre opțiunile de stil CSS controlează elemente relativ inconspicuoase ale barei de meniu, dar toate pot fi editate în panoul Stiluri CSS. Pentru a editastiluri asociate cu un widget bara de meniu, extindeți SpryMenuBarHorizontal todisplay o listă de stiluri de clasă asociate cu această foaie de stil. Selectarea unuia dintre aceste stiluri de clasă în partea de sus a panoului stiluri CSS vă permite să editproprietăți pentru acel stil în jumătatea de jos a panoului stiluri CSS.
pentru a schimba culoarea de fundal sau text pentru bara de meniu, selectați styleul.MenuBarHorizontal a (pentru o bară de meniu verticală, ul.MenuBarVertical a). Custilul selectat în panoul Stiluri CSS, utilizați caseta specimen de culoare de fundal dinjumătatea inferioară a panoului stiluri CSS pentru a alege o nouă culoare de fundal și utilizați specimenul de culoare pentru a schimba culoarea fontului (vezi Figura 5).
Figura 5 Schimbarea culorii textului pentru o bară de meniu.
o altă opțiune este de a schimba fundalul și culoarea textului unei opțiuni de meniu planat-overhorizontal, folosind aceste elemente:
- ul.MenuBarHorizontal a. MenuBarItemHover
- ul.MenuBarHorizontal a. MenuBarItemSubmenuHover
- ul.Menubarsubmenuvizible
stilul de bare de meniu verticale este similar, dar cu verticală în loc ofHorizontal în numele stilului.
după cum începeți să vedeți, barele de meniu Spry oferă multe elemente personalizate. Pentru cele mai bune rezultate, experimentați. În esență, editați conținutul barelor de meniu fie în inspectorul de proprietăți, fie selectând unuldin multitudinea de stiluri CSS generate și editând-o în panoul CSS Stylespanel.
bine, ești pe cont propriu acum! Distreaza-te cu aceste și alte Sprywidgets. Și amintiți-văstați în contactși anunțați-mă cum funcționează pe site-urile dvs.