Met het navigatie element kan je snel een aantal tekstlinks plaatsen in je bericht. Dit is bijvoorbeeld goed geschikt voor headers en footers. Bij het plaatsen van een navigatie element zie je de volgende opties aan de linkerzijde:
Navigatie inhoud
- Navigatie items: geef een naam en url op aan het navigatie item. Met het prullenbak-icoon kan je een item verwijderen. Ook is het mogelijk om met je muis de volgorde van de navigatie items aan te passen, door te slepen vanaf de zes puntjes.
- + Item toevoegen: standaard zijn er drie navigatie items aanwezig, maar je kunt er meer toevoegen.
- Gebruik dezelfde styling: Wanneer je het schuifje naar links verplaatst dan kan je per navigatie item een aparte styling instellen.
Navigatie item stijl
- Lettertype: standaard wordt het lettertype overgenomen die je bij de tab Algemeen hebt aangegeven. Het is mogelijk om deze voor de button te wijzigen. Er is keuze tussen de standaard web safe fonts.
- Lettertype grootte: standaard wordt een lettertype grootte van 14 pixels gehanteerd. Maar je kunt dit wijzigen naar wens.
- Lettertype stijl:
-
Lettertype zwaarte: met deze optie kan je het lettertype "zwaarder" maken
- Regelhoogte: hoeveel ruimte wilt je tussen de tekstregels hebben? Voor een goede leesbaarheid is ruimte nodig.
- Text transform: er zijn verschillende opties voor je navigatie tekst. Wil je dat deze met een hoofdletter start, volledig in kapitalen, in kleine letters of geen toepassing.
- Text decoration: standaard staat deze optie op onderstreept. Maar je kan ook een streep boven de tekst plaatsen of geen decoratie kiezen.
- Letterafstand: de ruimte tussen de letters is hier in te stellen.
- Padding: ruimte rondom per navigatie item. Het is mogelijk om dit boven, onder, links en rechts toe te passen. Standaard is een padding van 5 ingesteld voor alle kanten.
Navigatie stijl
- Achtergrondkleur: de achtergrondkleur voor de rij waar je navigatie items in staan.
- Uitlijning: standaard is de uitlijning van navigatie items links uitgelijnd, maar deze is ook aan te passen naar gecentreerd en uitlijning rechts.
-
Scheidingsteken: standaard is er geen scheidingsteken, maar je hebt een vrij invuld veld om een scheidingsteken te plaatsen, zoals bijvoorbeeld een pipe-teken.
- Kleur scheidingsteken: wanneer je een scheidingsteken opgeeft dan is deze automatisch de tekstkleur die je hebt opgegeven. Maar je kan ook kiezen voor een specifieke kleur.
- Padding (navigatie stijl): ruimte rondom je navigatie. Het is mogelijk om dit boven, onder, links en rechts toe te passen. Standaard is een padding van 10 ingesteld voor alle kanten.
Geavanceerd
- Ervaring met code? Het is mogelijk om zelf CSS classes toe te voegen.