Hur Man Skapar En Vertikal Meny För En Webbplats

Innehållsförteckning:

Hur Man Skapar En Vertikal Meny För En Webbplats
Hur Man Skapar En Vertikal Meny För En Webbplats

Video: Hur Man Skapar En Vertikal Meny För En Webbplats

Video: Hur Man Skapar En Vertikal Meny För En Webbplats
Video: How To Create WordPress Vertical Navigation Menu as like w3schools.com 2024, November
Anonim

Den vertikala menyn för webbplatsen är en mycket bekväm funktion som hjälper till att spara utrymme och enkelt navigera i resursen. Du kan göra det baserat på kaskad CSS-stilark eller med hjälp av specialverktyg.

Hur man skapar en vertikal meny för en webbplats
Hur man skapar en vertikal meny för en webbplats

Instruktioner

Steg 1

Öppna purecssmenu.com-webbplatsen och registrera dig på den, annars kan du inte skapa och ladda ner den skapade menyn. På vänster sida, hitta mallknappen och klicka på den. Nedan finns små fönster med vertikala menymallar. Klicka på dem en efter en och visa i förhandsgranskningsfönstret. Välj den mall som bäst passar din webbplats.

Steg 2

Ställ in teckensnitt och färg på menyn med hjälp av fliken Parametrar. Du kan välja ett typsnitt och dess storlek i fältet Font. Ange vid behov understrykning / fetstil. Ställ in bakgrunden (bakgrunden) för den vertikala menyn i fältet Färger, ställ in färgen på teckensnittet och bakgrundsfärgen på svävaren (fonthover / backgroundhover).

Steg 3

Gå till menyn Objekt för att hantera menyalternativ. Om du klickar på knappen Rensa raderas exempelobjekten så att du kan skapa dina egna. Det räcker att klicka på AddItem plus-tangenten för att lägga till ett objekt i slutet av menyn. Med knappen AddNextItem kan du lägga till ett objekt som kommer att följa efter den valda tiden. Knappen AddSubitem i menyn skapar ett kapslat objekt för den valda. För att ta bort en rad, använd knappen RemoveItem.

Steg 4

Öppna artikelparametrarna (ItemParameters) längst ner på webbplatsen. Ange ett namn på menyalternativet i textraden och dess webbadress i Länk. Tipsraden ansvarar för beskrivningen av artikeln, som visas när markören svävar över länken. Avsnittet Mål definierar hur sidan öppnas. Med parametern _self kan sidan konfigureras så att den öppnas i det aktuella webbläsarfönstret.

Steg 5

Ladda ner den färdiga menyn genom att klicka på knappen Hämta längst ner på sidan. Kopiera motsvarande kod i purecssmenu.html-filen till CSS-mallfilen: i början och i slutet. Se till att klistra in rätt kod och spara filen.

Rekommenderad: