Het verticale menu voor de site is een erg handige functie die helpt om ruimte te besparen en gemakkelijk door de bron te navigeren. Je kunt het maken op basis van trapsgewijze CSS-stijlbladen of met speciale tools.
instructies:
Stap 1
Open de purecssmenu.com-website en registreer u erop, anders kunt u het gemaakte menu niet maken en downloaden. Zoek aan de linkerkant de knop Sjablonen en klik erop. Hieronder zijn er kleine vensters met verticale menusjablonen. Klik ze een voor een aan en bekijk ze in het voorbeeldvenster. Kies de sjabloon die het beste bij uw site past.
Stap 2
Stel het lettertype en de kleur van het menu in met behulp van het tabblad Parameters. U kunt een lettertype en de grootte ervan selecteren in het veld Lettertype. Specificeer zo nodig onderstrepen / vetgedrukt. Zet de achtergrond (achtergrond) van het verticale menu in het veld Kleuren, zet de kleur van het lettertype en de achtergrondkleur op hover (fonthover / backgroundhover).
Stap 3
Ga naar het menu Items om menu-items te beheren. Als u op de knop Wissen klikt, worden de voorbeelditems gewist, zodat u uw eigen items kunt maken. Het volstaat om op de AddItem plus-toets te klikken om een item aan het einde van het menu toe te voegen. Met behulp van de AddNextItem-knop kunt u een item toevoegen dat zal volgen na de momenteel geselecteerde tijd. De AddSubitem-knop in het menu maakt een genest item voor het geselecteerde item. Gebruik de knop RemoveItem om een regel te verwijderen.
Stap 4
Open de itemparameters (ItemParameters) onderaan de site. Voer een naam in voor het menu-item in de tekstregel en het webadres in Link. De regel Tip is verantwoordelijk voor de beschrijving van het item, die wordt weergegeven wanneer de cursor over de link zweeft. De sectie Doel bepaalt hoe de pagina wordt geopend. Met de parameter _self kan de pagina worden geconfigureerd om te openen in het huidige browservenster.
Stap 5
Download het kant-en-klare menu door onderaan de pagina op de knop Downloaden te klikken. Kopieer de bijbehorende code in het purecssmenu.html-bestand naar het CSS-sjabloonbestand: aan het begin en aan het einde. Zorg ervoor dat u de juiste code plakt en sla het bestand op.
