Dreamweaver CS3 - Adobe

Te wijzigen stijl CSS-regel voor verticale of
horizontale menubalk
Tekstkleur bij focus ul.MenuBarVertical a:focus,
ul.MenuBarHorizontal a:focus
Kleur van menubalkitem wanneer
muisaanwijzer eroverheen schuift
Kleur van vervolgmenu-item wanneer
de muisaanwijzer eroverheen schuift
ul.MenuBarVertical
a.MenuBarItemHover,
ul.MenuBarHorizontal
a.MenuBarItemHover
ul.MenuBarVertical
a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal
a.MenuBarItemSubmenuHover
kleur: #FFF;
kleur: #FFF;
DREAMWEAVER CS3
Handboek
De achtergrondkleur wijzigen van een menu-item
De CSS die aan de tag is gekoppeld, bevat de informatie over de achtergrondkleur van een menu-item. Er zijn diverse
waarden voor achtergrondkleurklassen die zijn gekoppeld aan de tag 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:
Te wijzigen kleur CSS-regel voor verticale of
horizontale menubalk
Standaardachtergrond ul.MenuBarVertical a,
ul.MenuBarHorizontal a
Achtergrondkleur wanneer de
muisaanwijzer eroverheen schuift
ul.MenuBarVertical a:hover,
ul.MenuBarHorizontal a:hover
Achtergrondkleur bij focus ul.MenuBarVertical a:focus,
ul.MenuBarHorizontal a:focus
Kleur van menubalkitem wanneer
muisaanwijzer eroverheen schuift
Kleur van vervolgmenu-item wanneer
de muisaanwijzer eroverheen schuift
ul.MenuBarVertical
a.MenuBarItemHover,
ul.MenuBarHorizontal
a.MenuBarItemHover
ul.MenuBarVertical
a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal
a.MenuBarItemSubmenuHover
Relevante eigenschappen en
standaardwaarden
kleur: #FFF;
Relevante eigenschappen en
standaardwaarden
background-color: #EEE;
background-color: #33C;
background-color: #33C;
background-color: #33C;
background-color: #33C;
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.
436