Het verticale vervolgkeuzemenu is erg handig - het bespaart ruimte op de webpagina en helpt tegelijkertijd om gemakkelijk door de site te navigeren. Probeer een vervolgkeuzemenu te maken op basis van CSS - Cascading Style Sheets. Als je nog geen expert bent in het maken van CSS-code, gebruik dan de purecssmenu.com-service. U moet een menutype selecteren, het uiterlijk aanpassen en het vervolgens aanpassen aan uw eigen site. De service genereert zelf de benodigde code, die u vervolgens in de bestanden van uw site plaatst.
instructies:
Stap 1
Registreer u op de website purecssmenu.com, anders kunt u het gemaakte menu niet downloaden. Klik op de knop Sjablonen aan de linkerkant van de pagina. Hieronder ziet u verschillende kleine vensters met sjablonen voor vervolgkeuzemenu's, waarop u klikt en een voorbeeld aan de rechterkant in het voorbeeldvenster wordt geladen. Kies een sjabloon die bij uw site past
Stap 2
Pas het lettertype en de kleur van het menu aan: gebruik het tabblad Parameters. Selecteer in het veld Lettertype een lettertype, lettergrootte, indien nodig onderstrepen en vetgedrukt. Stel in het veld Kleuren de menu-achtergrond, letterkleur en zwevende lettertypen en achtergrondkleuren in
Stap 3
Open het tabblad Items om menu-items te beheren. Als u op de knop Prullenbak wissen klikt, worden de voorbeelditems gewist en kunt u uw eigen items maken. Om dit te doen, drukt u op de knop Item toevoegen plus - het item wordt aan het einde van het menu toegevoegd. De knop Volgende item toevoegen wordt gebruikt om een item toe te voegen na de momenteel geselecteerde tijd. De knop Subitem toevoegen maakt een submenu-item voor de selectie. Gebruik daarom de knop Item verwijderen om een item te verwijderen
Stap 4
Let op het veld Itemparameters onderaan de site. Geef in de regel Tekst de naam van het menu-item op, in de regel Link - de url van de pagina waarnaar dit item zal leiden. In de regel Tip kunt u een beschrijving van het item achterlaten, die wordt weergegeven wanneer u met de muis over de link gaat. De doelregel wordt gebruikt om de manier te bepalen om de pagina te openen waarnaar de link leidt. De parameter _self op deze regel opent de pagina in hetzelfde browservenster als het huidige
Stap 5
Nadat u klaar bent met het instellen van het menu, downloadt u het - klik op de knop Downloaden rechtsonder op de pagina (deze functie is beschikbaar na registratie op de site). Selecteer een map op uw harde schijf waar het archiefbestand wordt opgeslagen. Pak het uit. U moet de vereiste code uit het purecssmenu.html-bestand kopiëren naar het CSS-sjabloonbestand van uw site. Open het purecssmenu.html-bestand met een teksteditor en kopieer de code tussen de en tags naar de CSS-sjabloon van uw site (dit bestand heeft de extensie.css en ziet er ongeveer uit als file.css). Plak nu de code in uw sitesjabloon (thema's)-bestand - de code van purecssmenu.html tussen de opmerkingen en in plaats van de gewone menucode. Om dit te doen, moet je op zijn minst een beetje bekend zijn met programmeren. Zorg ervoor dat u de code in het juiste bestand plakt en sla op.
