Manualshelf

Operation Manual

ManualsBrandsAdobe ManualsSoftwareDREAMWEAVER CS5.5
501502503504505506507508509510
Table Of Contents
497
VERWENDEN VON DREAMWEAVER
Spry-Seiten visuell erstellen
Last updated 10.4.2012
More Help topics
“Das Bedienfeld „CSS-Stile“ im Modus „Aktuell“” on page 139
Stil für Widgets vom Typ „Überprüfung - Kennwort“ zuweisen (allgemeine Anweisungen)
1 Öffnen Sie die Datei „SpryValidationPassword.css“.
2 Suchen Sie die CSS-Regel für den zu ändernden Bereich des Widgets. Wenn Sie beispielsweise die
Hintergrundfarbe für den Zustand „Erforderlich“ des Widgets „Überprüfung - Kennwort“ ändern möchten,
bearbeiten Sie die Regel
input.passwordRequiredState in der Datei „SpryValidationPassword.css“.
3 Nehmen Sie die gewünschten Änderungen an der CSS-Regel vor und speichern Sie die Datei.
Die Datei „SpryValidationPassword.css“ enthält ausführliche Kommentare, in denen der Code und der Zweck
bestimmter Regeln erläutert wird. Weitere Informationen finden Sie in den Kommentaren in der Datei.
Textstil von Fehlermeldungen für das Widget „Überprüfung - Kennwort“ zuweisen
Fehlermeldungen für das Widget „Überprüfung - Kennwort“ werden standardmäßig mit einem 1 Pixel breiten roten
durchgehenden Rahmen um den Text angezeigt.
❖ Um den Textstil für Fehlermeldungen des Widgets „Überprüfung - Kennwort“ zu ändern, suchen Sie in der
folgenden Tabelle die entsprechende CSS-Regel und ändern Sie dann die Standardeigenschaften oder fügen Sie
benutzerdefinierte Eigenschaften und Werte für den Textstil hinzu.
Hintergrundfarben des Widgets „Überprüfung - Kennwort“ ändern
❖ Um die Hintergrundfarben eines Widgets vom Typ „Überprüfung - Kennwort“ zu ändern, suchen Sie in der
folgenden Tabelle die entsprechende CSS-Regel und ändern Sie die Standardfarbwerte.
Zu ändernder Text Dazugehörige CSS-Regel Zu ändernde dazugehörige
Regeln
Text der Fehlermeldung
.passwordRequiredState .passwordRequiredMsg,
.passwordMinCharsState .passwordMinCharsMsg,
.passwordMaxCharsState .passwordMaxCharsMsg,
.passwordInvalidStrengthState
.passwordInvalidStrengthMsg,
.passwordCustomState .passwordCustomMsg
color: #CC3333; border: 1px solid
#CC3333;
Zu ändernde Farbe Dazugehörige CSS-Regel Zu ändernde dazugehörige
Eigenschaft
Hintergrundfarbe des
Widgets im Gültig-Zustand
.passwordValidState input,
input.passwordValidState
background-color: #B8F5B1;
Hintergrundfarbe des
Widgets im Ungültig-
Zustand
input.passwordRequiredState,
.passwordRequiredState input,
input.passwordInvalidStrengthState,
.passwordInvalidStrengthState input,
input.passwordMinCharsState,
.passwordMinCharsState input,
input.passwordCustomState,
.passwordCustomState input,
input.passwordMaxCharsState,
.passwordMaxCharsState input
background-color: #FF9F9F;
Hintergrundfarbe des
Widgets im Fokus
.passwordFocusState input,
input.passwordFocusState
background-color: #FFFFCC;