Opprette Menylinjer Med Spry
når musepekeren svever over en menylinje, vises en undermeny. Menylinjertillat for mange menyalternativer som skal nås fra en ren, ryddig hovedmeny. Interaktiviteten de gir når en besøkende svever musen pointerover et menyalternativ legger et dynamisk element til en nettside.
menylinjen widgets kan være horisontal eller vertikal:
- Vertikale menylinjer er vanligvis justert i ramme, tabellkolonne eller andre layoutobjekter (FOR eksempel EN DIV eller EN AP DIV) på venstre side av siden.
- Horisontale menylinjer er vanligvis justert øverst på siden, og kan plasseres der uten å bli satt inn i et layoutobjekt.
Spry widget for å sette inn menylinjen widgets lar deg generere menylinjer med to nivåer av undermenyer. Derfor kan en bruker klikke på et menyalternativ, se en undermeny med et nytt sett med alternativer, velge ett av disse alternativene og velge fraen annen undermeny.
Følg disse trinnene for å generere en menylinjewidget:
- Lagre siden der widgeten skal settes inn.
- Velg Sett Inn > Spry > Spry Menylinje. Når Spry Menylinjedialogboksen vises, velger du vannrett eller loddrett format.
- når du har generert en menylinjewidget, kan du definere noen grunnleggende menylinjeegenskaper i Egenskapsinspektøren. Velg menyelementer eller undermenyelementer påvenstre side av Eiendomsinspektøren; endre deretter dem som du vil (Se Figure4):
- skriv inn teksten som skal vises i menyen I Tekstboksen.
- skriv inn lenken som åpnes når elementet klikkes i Koblingsboksen.
- i Tittel-boksen skriver du inn tilgjengelighetsteksten som skal vises i nettleservinduet når en bruker holder musepekeren over et menyvalg.
- La Målboksen være tom for å åpne lenken i samme nettleservindu, orenter _blank for å åpne lenken i et nytt nettleservindu.
- Bruk knappene pluss ( + ) og minus ( – ) over kolonnene meny eller undermeny (orsub-undermeny) til å legge til eller slette nye menyelementer. Bruk Flytt Element Opp andmove Element Ned knappene etter behov for å endre rekkefølgen på menyelementer.
Figur 4 Defininglevels av menylinjealternativer i Eiendomsinspektøren.
når du oppretter eller velger en menylinje-widget, vises En Deaktiver Stiler Av-knapp i Egenskapsinspektøren. Slå av stiler påvirker ikke hvordan stilen gjengis i en nettleser, men slår av formatering i Documentwindow. Du kan justere formateringen av ulike menylinjeegenskaper for somvalgt menylinje ved HJELP AV CSS-Stiler-panelet.
hver menylinje genererer minst et dusin CSS-stiler. De fleste Av Disse CSSstyles definere plassering og størrelse på menyene og undermenyer som vises når auser svever musepekeren over et menyvalg. Standardplasseringen av disse menyene er vanligvis bra og trenger ikke justeres. Du kan opprette en tilpasset menylinje ved å definere dine egne lenker og tekst, og gi det adistinctive format ved å tilpasse tekst og bakgrunnsfarger.
NOEN AV CSS-stilalternativene styrer relativt uklare elementer avmenylinjen, men alle kan redigeres i CSS-Stilpanelet. Hvis du vil redigere stiler som er knyttet til en menylinjewidget, utvider Du Sprymenubarhorisontal for å vise en liste over klassestiler som er knyttet til dette stilarket. Hvis du velger en av disse klassestilene i DEN øverste delen AV CSS-Stilpanelet, kan du redigereegenskaper for den stilen i DEN nederste halvdelen av CSS-Stilpanelet.
hvis du vil endre bakgrunn eller tekstfarge for menylinjen, velger du styleul.Menyenhorisontal a (for en vertikal menylinje, ul.Menusvertikal a). Når stilen er valgt i CSS-Stiler-panelet, bruker du fargeprøveboksen i NEDERSTE halvdel av CSS-Stiler-panelet til å velge en ny bakgrunnsfarge, og bruk fargeprøven til å endre skriftfarge (Se Figur 5).
Figur 5 Endre tekstfarge for en menylinje.
Et annet alternativ er å endre bakgrunn og tekstfarge på et overhorisontalt menyalternativ ved hjelp av disse elementene:
- ul.Menubarhorisontal A. MenuBarItemHover
- ul.Menubarhorisontal a.MenuBarItemSubmenuHover
- ul.MenuBarSubmenuVisible
stilen for vertikale menylinjer er lik, men Med Vertikal i stedet forhorisontal i stilnavnet.
Som du begynner å se, Tilbyr Spry menylinjer mange, mangetilpasselige elementer. For de beste resultatene, eksperimentere. I hovedsak redigerer duinnholdet i menylinjene enten i Eiendomsinspektøren, eller ved å velge enav mange genererte CSS-stiler og redigere det i CSS-Stilpanelet.
Ok, du er på egen hånd nå! Ha det gøy med disse Og Andre Sprywidgets. Og husk å holde kontakten og gi meg beskjed om hvordan de trener på nettstedene dine.