Freeway 5 heeft een nieuwe methode om navigatie-menu's te maken. De nieuwe menu's werken met CSS (daarmee worden ze snel) en worden gemaakt met HTML lijsten zodat ze ook beschikbaar zijn voor mensen die ondersteunende technologieën gebruiken zoals schermlezers.
Oudere versies van Freeway maakten gebruik van JavaScript menu's die trager waren. Bovendien JavaScript menu's werken niet wanneer JavaScript uit staat in browsers.
Freeway 5.4 bevat een update voor deze Action (versie 2), die een aantal veelgevraagde eigenschappen en uitbreidingen heeft. Deze eigenschappen en uitbreidingen zijn:
- Vaste pixelbreedte: elk menu onderdeel heeft nu zijn eigen pixelbreedte
- Gebruik inhoudbreedte: onderdelen in horizontale menu's kunnen nu de breedte hebben van de inhoud
- Instelbare hoogte: de hoogte van uw menu-onderdelen kan kleiner gemaakt worden door de opvulling aan te passen die gebruikt wordt in de menu‘s
- Uitlijnen van de menu's: de menu's kunnen nu links, midden of rechts geplaatst worden in de inhoud
- Verbeterde accentuering van de menu's: wanneer gebruikers de muis over een submenu schuiven dan wordt de volledige weg van het submenu zichtbaar
- Randen: elke kant van de menuranden kan nu aangepast worden
- Scheidingstekens: twee aparte kleuren kunnen nu gekozen worden voor de scheidingstekens
- Pijlen: de pijlen voor de submenu's kunnen nu verplaatst worden
- Rechts naar links: verbeterde ondersteuning voor rechts naar links tekst
- Klik: hoe een menu er uit moet zien als er op geklikt werd kan nu aangegeven worden
- Grafische positionering: meer mogelijkheden om uw achtergronden te bewerken
U maakt een CSS menu als volgt:
1. Schets een HTML element op uw pagina
2. Maak een lijst met de namen van uw pagina's van uw site, en maak de links naar de betreffende pagina's
3. Open het Actions palet door het te kiezen uit het menu Venster of uit de knoppenbalk
4. Klik op de plusknop in het Actions palet en kies de CSS Menus Action uit de lijst
5. Gebruik het Actions palet om alle eigenschappen in te stellen van het menu. De eigenschappen die beschikbaar zijn:
- Hoofd- of submenu instellingen: schakel -in de instellingen in het Actions palet- tussen het hoofdmenu en elk niveau daar onder
- Algemene instellingen:
- Markeer deze pagina: pas het uiterlijk aan van de huidige pagina (wanneer een menu item een link bevat naar een pagina die al bezocht werd dan wordt die als de huidige pagina gebruikt)
- Rechts naar links: bepaal de tekstrichting van de menu's. Dit draait de volgorde om van horizontale menu's
- Submenu richting: wanneer de submenu's bekeken worden, kan de richting van de submenu's aangegeven worden (rechts of links)
- Grootte en vorm:
- Opmaak: kies tussen verticale en horizontale menu's
- Uitlijning: links, midden of rechts
- Gebruik breedte inhoud (alleen bij horizontale menu's): zorgt er voor dat alle menu-onderdelen zo groot worden als de inhoud
- Breedte: de breedte van elk menu-onderdeel (in ems of pixels)
- Opvulling: is er om de opvulling van het element boven, rechts, onder en links in te stellen
- Links:
- Link: kies een kleur voor de tekst in de menu's
- Zweven: kies een kleur voor alle zwevende tekst in de menu's
- Klik: kies een kleur voor alle reeds aangeklikte tekst in de menu's
- Markeer deze pagina: kies een kleur voor de tekst van de huidige (al bekeken) pagina in de menu's
- Onderstrepen: voegt onderstreping toe aan de tekst in het menu-onderdeel
- Achtergrond:
- Link: kies een achtergrondkleur voor alle menu-onderdelen
- Zweven: kies een achtergrondkleur voor alle zwevende menu-onderdelen
- Klik: kies een achtergrondkleur voor alle aangeklikte menu-onderdelen
- Markeer deze pagina: kies een achtergrondkleur voor de menu-onderdelen van de huidige (al bekeken) pagina
- Gebruik afbeelding: beschikbaar voor alle bovenstaande instellingen, wanneer er op geklikt wordt komen alle instellingen vrij om afbeeldingen te selecteren en te positioneren
- Afbeelding: kies de afbeelding die u wilt laten zien
- Herhaal: kies hoe u de afbeelding wilt herhalen (x is horizontaal en y is verticaal)
- Positioneren: de positionering van de afbeelding
- Rand:
- Rand: kleur van de rand
- Grootte: kies de grootte van de rand
- Stijl: kies de stijl van de rand
- Aangepaste randen: hiermee kunt u alle hierboven genoemde instellingen doen per kant
- Scheidingstekens:
- Boven/links: kies de kleur van boven of links van het scheidingsteken (afhankelijk van de opmaak)
- Onder/rechts: kies de kleur van onder of rechts van het scheidingsteken (afhankelijk van de opmaak)
- Stijl: kies de stijl van het scheidingstekens
- Grootte: kies de grootte van het scheidingsteken
- Pijl:
- Stijl: kies de stijl van een voorgedefinieerde set pijlen
- Bestand : wanneer Aangepaste bestanden gekozen wordt in Stijl dan kan een eigen afbeelding gekozen worden voor uw pijl
- Afstand: bepaal hoe ver de pijl van de linker- of rechter hoek moet verschijnen
6. Wanneer u uw site gepubliceerd heeft toont Freeway een voorvertoning van het menu. U kunt de lijst waarmee de menu's gemaakt worden gewoon bewerken met Freeway's eigen tekstverwerker (klik twee maal op het element waarin de lijst zit). Waarschijnlijk wilt u een navigatie-menu maken op een Master pagins zodat het menu overal getoond wordt. Voor een stap voor stap leerboek over CSS menu's kunt u hier klikken.
|
