Den lodrette rullemenu er meget praktisk - det sparer plads på websiden og hjælper samtidig med at let navigere på webstedet. Prøv at lave en rullemenu baseret på CSS - Cascading Style Sheets. Hvis du endnu ikke er ekspert i oprettelse af CSS-kode, skal du bruge tjenesten purecssmenu.com. Du skal vælge en menutype, tilpasse dens udseende og derefter tilpasse den til dit eget websted. Selve tjenesten genererer den nødvendige kode, som du derefter indsætter i filerne på dit websted.
Instruktioner
Trin 1
Tilmeld dig hjemmesiden purecssmenu.com, ellers kan du ikke downloade den oprettede menu. Klik på knappen Skabeloner i venstre side af siden. Nedenfor ser du flere små vinduer med rullemenu-skabeloner, hvor du klikker på, som vil indlæse en forhåndsvisning til højre i vinduet Preview. Vælg en skabelon, der passer til dit websted
Trin 2
Tilpas skrifttype og farve i menuen: Brug fanen Parametre. Vælg en skrifttype, skriftstørrelse, hvis det er nødvendigt, understreget og fed i feltet Font. I feltet Farver skal du indstille menuens baggrund, skrifttypefarve og font-svæve- og baggrunds-svæverfarver
Trin 3
Åbn fanen Elementer for at administrere menupunkter. Hvis du klikker på knappen Ryd papirkurven, ryddes prøveemnerne, og du kan oprette dine egne. For at gøre dette skal du trykke på knappen Tilføj vare plus - elementet tilføjes i slutningen af menuen. Knappen Tilføj næste emne bruges til at tilføje et emne efter det aktuelt valgte tidspunkt. Knappen Add Subitem opretter et undermenupunkt til valget. Brug derfor knappen Fjern element for at fjerne et element
Trin 4
Vær opmærksom på feltet Elementparametre nederst på webstedet. I linjen Tekst skal du angive navnet på menupunktet i linjen Link - url på den side, som dette punkt fører til. I tipslinjen kan du efterlade en beskrivelse af varen, som vises, når du holder markøren over linket. Mållinjen bruges til at bestemme, hvordan man åbner den side, som linket fører til. Parameteren _self på denne linje åbner siden i det samme browservindue som den aktuelle
Trin 5
Når du er færdig med opsætningen af menuen, skal du downloade den - klik på knappen Download nederst til højre på siden (denne funktion er tilgængelig efter registrering på webstedet). Vælg en mappe på din harddisk, hvor arkivfilen gemmes. Pak det ud. Du bliver nødt til at kopiere den krævede kode fra purecssmenu.html-filen til dit websteds CSS-skabelonfil. Åbn purecssmenu.html-filen med en teksteditor, og kopier koden mellem tags og tags i dit websteds CSS-skabelon (denne fil har en.css-udvidelse og ligner file.css). Indsæt nu koden i din webstedsskabelonfil (temaer) - koden fra purecssmenu.html mellem kommentarerne og i stedet for den almindelige menukode. For at gøre dette skal du i det mindste være lidt fortrolig med programmering. Sørg for at indsætte koden i den rigtige fil og gemme.
