Operation Manual

DREAMWEAVER CS3
Handboek
441
Tekst opmaken van het object panelen met tabs
U kunt de tekst van een object panelen met tabs opmaken door eigenschappen in te stellen voor de gehele objectcontainer
met panelen met tabs of voor de componenten van het specifieke object.
❖ Als u de tekstopmaak van een object panelen met tabs wilt wijzigen, gebruikt u de volgende tabel om de desbetreffende
CSS-regel op te zoeken. Daarna voegt u uw eigen tekstopmaakeigenschappen en -waarden toe:
De achtergrondkleur wijzigen van een object panelen met tabs
❖
Als u de achtergrondkleuren van verschillende delen van een object panelen met tabs wilt wijzigen, gebruikt u de
volgende tabel om de desbetreffende CSS-regel op te zoeken. Daarna voegt u eigenschappen en waarden voor de gewenste
achtergrondkleur toe of wijzigt u deze:
De breedte van panelen met tabs beperken
Standaardwordthetobjectpanelenmettabsopengeklaptzodatdebeschikbareruimtegeheelinbeslagwordtgenomen.U
kunt de breedte van een object panelen met tabs echter beperken door een breedte-eigenschap voor de container in te
stellen.
1 Zoek de CSS-regel .TabbedPanels door het bestand SpryTabbedPanels.css te openen. Deze regel definieert
eigenschappen voor het hoofdcontainerelement van het object panelen met tabs.
U vindt de regel ook door het object panelen met tabs te selecteren en het paneel CSS-stijlen te bekijken (Venster > CSS-
stijlen). Zorg ervoor dat het paneel is ingesteld op de modus Huidig.
2 Voeg een breedte-eigenschap en -waarde aan de regel toe, bijvoorbeeld
width:. 300px;.
Werken met het object tekstveld voor validatie
Over het tekstveld voor validatie
Een Spry-object tekstveld voor validatie is een tekstveld dat geldige of ongeldige toestanden weergeeft wanneer de
sitebezoeker tekst invoert. U kunt bijvoorbeeld een Object tekstveld voor validatie toevoegen aan een formulier waarin
bezoekers hun e-mailadressen invoeren. Als de bezoeker bijvoorbeeld het symbool “@” in het e-mailadres vergeet op te
nemen, wordt het bericht geretourneerd dat de informatie die de gebruiker heeft ingevoerd, ongeldig is.
In het volgende voorbeeld ziet u de diverse toestanden van een object tekstveld voor validatie:
Te wijzigen tekst Relevante CSS-regel Voorbeeld van toe te voegen
eigenschappen en waarden
Tekst in het hele object .TabbedPanels font: Arial; font-size:medium;
Tekst op de paneeltabs .TabbedPanelsTabGroup of
.TabbedPanelsTab
font: Arial; font-size:medium;
Tekst in de inhoudspanelen .TabbedPanelsC
ontentGroup of
.TabbedPanelsContent
font: Arial; font-size:medium;
Te wijzigen kleur Relevante CSS-regel Voorbeeld van toe te voegen of te
wijzigen eigenschap en waarde
Achtergrondkleur van paneeltabs .TabbedPanelsTabGroup of
.TabbedPanelsTab
background-color: #DDD; (Dit is de
standaardwaarde)
Achtergrondkleur van inhoudspanelen .Tabbed PanelsContentGroup of
.TabbedPanelsContent
background-color: #EEE; (Dit is de
standaardwaarde)
Achtergrondkleur van geselecteerde
tab
.TabbedPanelsTabSelected background-color: #EEE; (Dit is de
standaardwaarde)
Achtergrondkleur van paneeltabs
wanneer de muisaanwijzer eroverheen
beweegt
.TabbedPanelsTabHover background-
color: #CCC; (Dit is de
standaardwaarde)