Hoe Maak Je Een Menu Op De Site

Inhoudsopgave:

Hoe Maak Je Een Menu Op De Site
Hoe Maak Je Een Menu Op De Site

Video: Hoe Maak Je Een Menu Op De Site

Video: Hoe Maak Je Een Menu Op De Site
Video: How To Make Drop Down Menu Using HTML And CSS | HTML Website Tutorials 2024, December
Anonim

Informatietechnologie ontwikkelt zich elke dag. En wat voorheen iets onbereikbaars leek, is vandaag al beschikbaar voor bijna elke man in de straat. En het is helemaal niet nodig om bovennatuurlijke vaardigheden en kennis te hebben om je eigen website te maken. En als we het alleen hebben over het toevoegen van een menu aan uw bron, dan kan zelfs een schoolkind het aan.

Hoe maak je een menu op de site
Hoe maak je een menu op de site

Het is nodig

Computer met internetverbinding

instructies:

Stap 1

Ga naar de PureCSSMenu-website. Hier ziet u een visuele editor waarmee u snel en eenvoudig een menu kunt maken voor elke site.

Stap 2

Om naar de pagina te gaan waar de menusjablonen zijn ingedeeld, klikt u op de knop "Sjablonen", die zich aan de linkerkant bevindt. Vervolgens moet u de gewenste sjabloon selecteren en erop klikken. In het "Preview"-venster ziet u een echt werkend menu, dat is gemaakt met behulp van trapsgewijze stijlbladen.

Stap 3

Blader door elk van de voorgestelde sjablonen om degene te kiezen die het beste bij uw site past. Als de kleur en het lettertype dat u leuk vond door de stijl van het menu niet passen in het kleurenschema van de site, dan kunt u deze parameters wijzigen door op het tabblad "Parameters" te klikken.

Stap 4

Wijzig de kleur en het lettertype met behulp van HTML-code of selecteer het uit het palet dat door de bron wordt aangeboden door op de gewenste tint te klikken.

Stap 5

Maak nu een menustructuur voor uw site. Klik hiervoor op de knop "Artikelen". In het tabblad dat wordt geopend, ziet u een knop met een groot plusteken en het opschrift "Item toevoegen". Klik op deze knop en een nieuw item wordt aan het einde van het menu toegevoegd. Om een nieuw item in het midden van het menu in te voegen, selecteert u het tabblad dat moet worden toegevoegd en klikt u op de knop met het label "Volgend item toevoegen".

Stap 6

Om een subitem toe te voegen aan het vervolgkeuzemenu, drukt u op de knop met het label "Subitem toevoegen", nadat u het menu-item hebt geselecteerd dat het nieuwe tabblad zal bevatten. Als u een van de items wilt verwijderen, selecteert u deze en klikt u op de knop "Item verwijderen".

Stap 7

In het gebied "Artikelparameters" is het noodzakelijk om alle velden in te vullen om het nieuwe menu correct te laten werken. Voer in het veld "Tekst" de naam van het menu-item in, voer in het veld "Link" het adres in van de pagina waarnaar de overgang zal plaatsvinden na het klikken op deze knop. Om te kiezen hoe de pagina moet worden geopend, stelt u in het veld "Target" de waarde "_self" of "_blank" in. Bij de eerste optie wordt de pagina in hetzelfde venster geopend, met de functie "_blank" geselecteerd - in een nieuw venster.

Stap 8

Nu moet je de code van het gemaakte menu in je site plakken. Om dit te doen, klikt u op de knop "Download", die zich in de rechterbenedenhoek bevindt, en selecteert u een map op uw computer waar het archief purecssmenu-com.zip zal worden opgeslagen. Na het opslaan van het bestand, pakt u dit archief uit en opent u het purecssmenu.html-bestand, dat uw menucode bevat. Kopieer deze code en plak deze in uw websitesjabloonbestand.

Aanbevolen: