Den vertikale rullegardinmenyen er veldig praktisk - det sparer plass på websiden, og hjelper samtidig med å enkelt navigere på nettstedet. Prøv å lage en rullegardinmeny basert på CSS - Cascading Style Sheets. Hvis du ennå ikke er ekspert på å opprette CSS-kode, kan du bruke purecssmenu.com-tjenesten. Du må velge en menytype, tilpasse utseendet og deretter tilpasse det til ditt eget nettsted. Selve tjenesten vil generere den nødvendige koden, som du deretter setter inn i filene på nettstedet ditt.
Bruksanvisning
Trinn 1
Registrer deg på nettstedet purecssmenu.com, ellers vil du ikke kunne laste ned den opprettede menyen. Klikk på Maler-knappen til venstre på siden. Nedenfor ser du flere små vinduer med rullegardinmenymaler, og klikker på som vil laste en forhåndsvisning til høyre i forhåndsvisningsvinduet. Velg en mal som passer til nettstedet ditt
Steg 2
Tilpass skrift og farge på menyen: bruk fanen Parametere. I skriftfeltet velger du en skrift, skriftstørrelse, om nødvendig, understreket og fet. I Farger-feltet angir du menyens bakgrunn, skriftfarge, og skrift svever og bakgrunn svever farger
Trinn 3
Åpne kategorien Elementer for å administrere menyelementer. Hvis du klikker på Fjern papirkurv-knappen, tømmes prøveelementene, og du kan lage dine egne. For å gjøre dette, trykk på Add Item plus-knappen - elementet blir lagt til på slutten av menyen. Knappen Legg til neste element brukes til å legge til et element etter den valgte tiden. Add Subitem-knappen oppretter et undermenyelement for valget. Følgelig, for å fjerne et element, bruk Fjern element-knappen
Trinn 4
Vær oppmerksom på feltet Elementparametere nederst på siden. I tekstlinjen spesifiserer du navnet på menyelementet, i koblingslinjen - url til siden som dette elementet vil føre til. I Tips-linjen kan du legge igjen en beskrivelse av varen, som vises når du holder markøren over lenken. Mållinjen brukes til å bestemme måten å åpne siden som lenken fører til. Parameteren _self på denne linjen åpner siden i samme nettleservindu som den nåværende
Trinn 5
Når du er ferdig med å konfigurere menyen, laster du den ned - klikk på Last ned-knappen nederst til høyre på siden (denne funksjonen er tilgjengelig etter registrering på nettstedet). Velg en mappe på harddisken der arkivfilen skal lagres. Pakk den ut. Du må kopiere den nødvendige koden fra purecssmenu.html-filen til nettstedets CSS-malfil. Åpne purecssmenu.html-filen med et tekstredigeringsprogram og kopier koden mellom og kodene til nettstedets CSS-mal (denne filen har en.css-utvidelse og ser ut som file.css). Nå limer du inn koden i sidemalen (temaer) -filen din - koden fra purecssmenu.html mellom kommentarene og i stedet for den vanlige menykoden. For å gjøre dette må du være i det minste litt kjent med programmering. Sørg for å lime inn koden i riktig fil og lagre.
