Operation Manual

Sie können mit dem Eigenschafteninspektor zwar einfache Änderungen an dem Widget „Überprüfung - Kennwort“ vornehmen, benutzerdefinierte
Stilaufgaben werden jedoch nicht unterstützt. Sie können den CSS-Code für das Widget „Überprüfung - Kennwort“ ändern, um den gewünschten
Stil zu erhalten. Eine ausführliche Liste mit Stilaufgaben finden Sie unter www.adobe.com/go/learn_dw_sprypassword_custom_de.
Alle CSS-Regeln der folgenden Themen beziehen sich auf die Standardregeln in der Datei „SpryValidationPassword.css“. Jedes Mal, wenn Sie ein
Widget vom Typ „Überprüfung - Kennwort“ erstellen, speichert Dreamweaver die Datei „SpryValidationPassword.css“ im Ordner „SpryAssets“ Ihrer
Site. Diese Datei enthält außerdem nützliche kommentierte Informationen zu verschiedenen Stilen für das Widget.
Sie können die CSS-Regeln für das Widget „Überprüfung - Kennwort“ entweder schnell und einfach in der zugehörigen CSS-Datei oder im
Bedienfeld „CSS-Stile“ bearbeiten. Dieses Bedienfeld vereinfacht, speziell bei Verwendung des Modus „Aktuell“, das Auffinden der CSS-
Klassen, die den verschiedenen Bereichen des Widgets zugewiesenen sind.
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 dann die Standardeigenschaften oder fügen benutzerdefinierte Eigenschaften und Werte für den
Textstil hinzu.
Zu ändernder Text Relevante CSS-Regel Relevante zu ändernde Eigenschaften
Text der Fehlermeldung
.passwordRequiredState
.passwordRequiredMsg,
.passwordMinCharsState
.passwordMinCharsMsg,
.passwordMaxCharsState
.passwordMaxCharsMsg,
.passwordInvalidStrengthState
.passwordInvalidStrengthMsg,
.passwordCustomState
.passwordCustomMsg
color: #CC3333; border: 1px solid
#CC3333;
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 ändernde Farbe Relevante CSS-Regel Relevante zu ändernde Eigenschaft
Hintergrundfarbe des Widgets im
gültigen Zustand
.passwordValidState input,
input.passwordValidState
background-color: #B8F5B1;
Hintergrundfarbe des Widgets im
ungültigen Zustand
input.passwordRequiredState,
.passwordRequiredState input,
input.passwordInvalidStrengthS
tate,
.passwordInvalidStrengthState
input,
input.passwordMinCharsState,
.passwordMinCharsState input,
input.passwordCustomState,
.passwordCustomState input,
input.passwordMaxCharsState,
.passwordMaxCharsState input
background-color: #FF9F9F;
Hintergrundfarbe des Widgets, wenn es
.passwordFocusState input,
input.passwordFocusState
background-color: #FFFFCC;
314