Operation Manual

448
DREAMWEAVER GEBRUIKEN
Spry-pagina's visueel opbouwen
Laatst bijgewerkt 2/5/2011
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
Opmerking: Als u echter een verticale menubalk in een horizontale converteert, voegt u de laadoptie imgDown en de
komma toe.
7 (Optioneel) Als de pagina geen andere horizontale menubalkwidgets meer bevat, verwijdert u de koppelingen naar
het voormalige bestand MenuBarHorizontal.css in de kop van het document.
8 Sla de pagina op.
De menubalkwidget aanpassen
Hoewel u vanuit de eigenschappencontrole eenvoudige bewerkingen in een menubalkwidget kunt uitvoeren, worden
aangepaste opmaaktaken niet ondersteund. U kunt de CSS-regels voor de menubalkwidget wijzigen en een menubalk
maken die naar uw eigen smaak is opgemaakt.
Voor een geavanceerdere lijst met opmaaktaken gaat u naar www.adobe.com/go/learn_dw_sprymenubar_custom_nl.
Raadpleeg het artikel Customizing a Spry Menu Bar van David Powers voor een zelfstudie over het uitvoeren van de
meestvoorkomende opmaaktaken.
Raadpleeg het artikel Spry-menubalken aanpassen in Dreamweaver van Ryan Grabenstein voor meer webbronnen
over het aanpassen van de menubalkwidget.
Alle CSS-regels in de volgende onderwerpen verwijzen naar de standaardregels in het bestand
SpryMenuBarHorizontal.css of SpryMenuBarVertical.css (afhankelijk van uw selectie). Wanneer u een Spry-
menubalkwidget maakt, slaat Dreamweaver deze CSS-bestanden op in de map SpryAssets van uw site. Deze bestanden
bevatten ook nuttige informatie over diverse stijlen die u op de widget kunt toepassen.
Hoewel u de regels voor de menubalkwidget gemakkelijk rechtstreeks in het bijbehorende CSS-bestand kunt bewerken,
kunt u ook het deelvenster CSS-stijlen gebruiken om de CSS van een menubalk te bewerken. Het deelvenster CSS-
stijlen is handig om de CSS-klassen te zoeken die aan de verschillende onderdelen van de widget zijn toegewezen, met
name als u de modus Huidig van het paneel gebruikt.
Meer Help-onderwerpen
“Het deelvenster CSS-stijlen in de modus Huidig” op pagina 132
De tekststijl van een menu-item wijzigen
De CSS die aan de tag <a> is gekoppeld, bevat de informatie over de tekstopmaak. Er zijn diverse waarden voor
tekstopmaakklassen die zijn gekoppeld aan de tag <a> en die iets zeggen over de verschillende menutoestanden.
❖ Als u de tekstopmaak van een menu-item wilt wijzigen, gebruikt u de volgende tabel om de juiste CSS-regel op te
zoeken, en verandert u de standaardwaarde:
Te wijzigen stijl CSS-regel voor verticale of horizontale
menubalk
Relevante eigenschappen en
standaardwaarden
Standaardtekst ul.MenuBarVertical a, ul.MenuBarHorizontal a kleur: #333; text-decoration: none;
Tekstkleur wanneer de muisaanwijzer
eroverheen schuift
ul.MenuBarVertical a:hover,
ul.MenuBarHorizontal a:hover
kleur: #FFF;