Operation Manual

449
DREAMWEAVER GEBRUIKEN
Spry-pagina's visueel opbouwen
Laatst bijgewerkt 2/5/2011
De achtergrondkleur wijzigen van een menu-item
De CSS die aan de tag <a> is gekoppeld, bevat de informatie over de achtergrondkleur van een menu-item. Er zijn
diverse waarden voor achtergrondkleurklassen die zijn gekoppeld aan de tag <a> en die iets zeggen over de
verschillende menutoestanden.
Als u de achtergrondkleur van een menu-item wilt wijzigen, gebruikt u de volgende tabel om de juiste CSS-regel op
te zoeken, en verandert u de standaardwaarde:
De afmeting van menu-items wijzigen
U verandert de afmetingen van menu-items door de breedte-eigenschappen van de tags li en ul van het menu-item
te wijzigen.
1 Zoek de regel ul.MenuBarVertical li of ul.MenuBarHorizontal li op:
2 Verander de breedte-eigenschap in een gewenste breedte (of verander de eigenschap in auto als u een ingestelde
breedte wilt opheffen, en voeg de eigenschap en waarde
white-space nowrap; aan de regel toe).
3 Zoek de regel ul.MenuBarVertical ul of ul.MenuBarHorizontal ul op.
4 Verander de breedte-eigenschap in een gewenste breedte (of verander de eigenschap in auto als u een vaste breedte
wilt opheffen).
5 Zoek de regel ul.MenuBarVertical li of ul.MenuBarHorizontal li op:
6 Voeg de volgende eigenschappen toe aan de regel: zweven: none; en background-color: transparant;.
7 Verwijder de breedte: 8.2em; eigenschap en waarde.
Tekstkleur bij focus ul.MenuBarVertical a:focus,
ul.MenuBarHorizontal a:focus
kleur: #FFF;
Kleur van menubalkitem wanneer
muisaanwijzer eroverheen schuift
ul.MenuBarVertical a.MenuBarItemHover,
ul.MenuBarHorizontal a.MenuBarItemHover
kleur: #FFF;
Kleur van vervolgmenu-item wanneer de
muisaanwijzer eroverheen schuift
ul.MenuBarVertical
a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal
a.MenuBarItemSubmenuHover
kleur: #FFF;
Te wijzigen kleur CSS-regel voor verticale of horizontale
menubalk
Relevante eigenschappen en
standaardwaarden
Standaardachtergrond ul.MenuBarVertical a, ul.MenuBarHorizontal a background-color: #EEE;
Achtergrondkleur wanneer de muisaanwijzer
eroverheen schuift
ul.MenuBarVertical a:hover,
ul.MenuBarHorizontal a:hover
background-color: #33C;
Achtergrondkleur bij focus ul.MenuBarVertical a:focus,
ul.MenuBarHorizontal a:focus
background-color: #33C;
Kleur van menubalkitem wanneer
muisaanwijzer eroverheen schuift
ul.MenuBarVertical a.MenuBarItemHover,
ul.MenuBarHorizontal a.MenuBarItemHover
background-color: #33C;
Kleur van vervolgmenu-item wanneer de
muisaanwijzer eroverheen schuift
ul.MenuBarVertical
a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal
a.MenuBarItemSubmenuHover
background-color: #33C;
Te wijzigen stijl CSS-regel voor verticale of horizontale
menubalk
Relevante eigenschappen en
standaardwaarden