Den vertikala rullgardinsmenyn är mycket praktisk - det sparar plats på webbsidan, samtidigt som det enkelt hjälper dig att navigera på webbplatsen. Försök att skapa en rullgardinsmeny baserad på CSS - Cascading Style Sheets. Om du ännu inte är expert på att skapa CSS-kod, använd sedan tjänsten purecssmenu.com. Du måste välja en menytyp, anpassa dess utseende och sedan anpassa den till din egen webbplats. Tjänsten själv genererar nödvändig kod som du sedan infogar i filerna på din webbplats.
Instruktioner
Steg 1
Registrera dig på webbplatsen purecssmenu.com, annars kommer du inte att kunna ladda ner den skapade menyn. Klicka på mallknappen till vänster på sidan. Nedan ser du flera små fönster med rullgardinsmenyn mallar, klicka på som laddar en förhandsvisning till höger i förhandsgranskningsfönstret. Välj en mall som passar din webbplats
Steg 2
Anpassa typsnittet och färgen på menyn: använd fliken Parametrar. I teckensnittet väljer du ett teckensnitt, teckensnittsstorlek, vid behov, understrykning och fetstil. I fältet Färger ställer du in menybakgrund, teckensnittsfärg och teckensnitts- och bakgrundsfärg
Steg 3
Öppna fliken Objekt för att hantera menyalternativ. Om du klickar på knappen Rensa papperskorgen rensas exemplet och du kan skapa dina egna. För att göra detta, tryck på knappen Lägg till plus - objektet läggs till i slutet av menyn. Knappen Lägg till nästa artikel används för att lägga till ett objekt efter den valda tiden. Med knappen Lägg till underlag skapas ett undermenyalternativ för valet. Följaktligen, för att ta bort ett objekt, använd knappen Ta bort objekt
Steg 4
Var uppmärksam på fältet Parametrar för objekt längst ner på webbplatsen. I textraden anger du namnet på menyalternativet i länkraden - webbadressen till den sida som det här objektet leder. I tipsraden kan du lämna en beskrivning av artikeln, som kommer att visas när du svävar över länken. Målraden används för att bestämma hur du öppnar sidan som länken leder till. Parametern _self på den här raden öppnar sidan i samma webbläsarfönster som den nuvarande
Steg 5
När du är klar med att ställa in menyn, ladda ner den - klicka på knappen Hämta längst ned till höger på sidan (den här funktionen är tillgänglig efter registrering på webbplatsen). Välj en mapp på hårddisken där arkivfilen ska sparas. Packa upp den. Du måste kopiera den erforderliga koden från purecssmenu.html-filen till din webbplats CSS-mallfil. Öppna filen purecssmenu.html med en textredigerare och kopiera koden mellan taggarna till din webbplats CSS-mall (den här filen har ett.css-tillägg och ser ungefär ut som file.css). Klistra nu in koden i din webbplatsmall (teman) -fil - koden från purecssmenu.html mellan kommentarerna och istället för den vanliga menykoden. För att göra detta måste du vara åtminstone lite bekant med programmering. Se till att klistra in koden i rätt fil och spara.
