Passwort Stärke Mod kein farbiges Feld?

[Z-MANN]

Hallo,

habe den "Show Password Strength" Mod verbaut.
Nun habe ich das Problem das das Feld der Passwortangabe nicht Farbig wird, jedoch die Komplexität wird angezeigt!?

Hat jemand Ideen woran dies Liegen könnte? Bin Ratlos!

[Crizzo]

Hi

Was kannst du denn ausschließen? Hast du mal im code geschaut ob der HTML Quelltext da ist oder ob nur das CSS fehlt?

Grüße

[Z-MANN]

Mir ist da ein Einfall gekommen, könnte es an dem Hintergrundbild liegen?

Habe bei den Textfeldern ein Hintergrundbild drinnen.

Code: Alles auswählen

/* Input field styles
---------------------------------------- */
.inputbox {
	background-color: #EEEEEE; 
        background-image:url('http://elongated-coin.de/images/NFTextfeld2.gif');
	border-color: #B4BAC0;
	color: #333333;
}

[AYYILDIZLAR]

Hallo,

Probier es doch mal selber aus, dann hättest du evtl. deine Antwort. Du weißt doch bestimmt noch von deinen Anfragen damals, wo du was hinzugefügt bzw. geändert hast um dein Bildchen einzufügen.

Grüße

[Lehrling]

also bei mir wird die Hintergrundfarbe angezeigt.
Stark ist grün (#a9f5a9) hinterlegt, Gut ist gelb (#f3f781) hinterlegt, Schwach ist orange (#f5d0a9) hinterlegt und Sehr schwach rot (#f5a9a9;).

[Z-MANN]

Mist, es liegt wirklich am Hintergrundbild!?

Was nun, hat jemand eine Idee?

Ist es möglich nur die Passwortzeilen zu verändern?

[Miriam]

Also bei scheint es richtig angezeigt zu werden -> [ externes Bild ]

[Z-MANN]

Also bei scheint es richtig angezeigt zu werden -> [ externes Bild ]

Normalerweise, steht unter dem Passwortfeld nur das "stark" etc. Habe "Komplexität" sowie Hintergrundfarbe in die "common" (de) eingefügt.
Wenn ich das Hintergrundbild nicht verwenden würde, wäre das Passwortfeld Farbig.
[ externes Bild ]

Werde wohl mit meiner Lösung leben müssen, da ich auf die Hintergrundbilder nicht verzichten möchte.

[Lehrling]

Mist, es liegt wirklich am Hintergrundbild!?

Was nun, hat jemand eine Idee?

Ist es möglich nur die Passwortzeilen zu verändern?

Du könntest ein eigenes fieldset für die Passworteingabe erstellen. Ich weiß aber nicht, in wie weit das dann mit dem Mod kompatibel wäre.


Finde in der ucp_register.html

Code: Alles auswählen

<dt><label for="new_password">{L_PASSWORD}:</label><br /><span>{L_PASSWORD_EXPLAIN}</span></dt>
		<dd><input type="password" tabindex="4" name="new_password" id="new_password" size="25" value="{PASSWORD}" class="inputbox autowidth" title="{L_NEW_PASSWORD}" /></dd>
	</dl>
	<dl>
		<dt><label for="password_confirm">{L_CONFIRM_PASSWORD}:</label></dt>
		<dd><input type="password" tabindex="5" name="password_confirm" id="password_confirm" size="25" value="{PASSWORD_CONFIRM}" class="inputbox autowidth" title="{L_CONFIRM_PASSWORD}" /></dd>
	</dl>

Ersetze jeweils inputbox autowidth durch inputboxpw autowidth

Finde in der colours.css folgenden Abschnitt:

Code: Alles auswählen

.inputbox {
	background-color: #EEEEEE; 
        background-image:url('http://elongated-coin.de/images/NFTextfeld2.gif');
	border-color: #B4BAC0;
	color: #333333;
}

.inputbox:hover {
	border-color: #11A3EA;
}

.inputbox:focus {
	border-color: #11A3EA;
	color: #0F4987;
}

Füge danach folgenden Abschnitt ein:

Code: Alles auswählen

.inputboxpw {
	background-color: #EEEEEE; 
       
	border-color: #B4BAC0;
	color: #333333;
}

.inputboxpw:hover {
	border-color: #11A3EA;
}

.inputboxpw:focus {
	border-color: #11A3EA;
	color: #0F4987;
}

Damit das mit dem autowidth klappt, musst du in dem forms.css eventuell hier noch eine Änderung vornehmen:

Finde:

Code: Alles auswählen

.inputbox {
	background-color: #FFFFFF;
	border: 1px solid #c0c0c0;
	color: #333333;
	padding: 2px;
	cursor: text;
}

.inputbox:hover {
	border: 1px solid #eaeaea;
}

.inputbox:focus {
	border: 1px solid #eaeaea;
	color: #4b4b4b;
}

Füge danach ein:

Code: Alles auswählen

.inputboxpw {
	background-color: #FFFFFF;
	border: 1px solid #c0c0c0;
	color: #333333;
	padding: 2px;
	cursor: text;
}

.inputboxpw:hover {
	border: 1px solid #eaeaea;
}

.inputboxpw:focus {
	border: 1px solid #eaeaea;
	color: #4b4b4b;
}

Dann finde:

Code: Alles auswählen

input.inputbox	{ width: 85%; }
input.medium	{ width: 50%; }
input.narrow	{ width: 25%; }
input.tiny		{ width: 125px; }

textarea.inputbox {
	width: 85%;
}

Und ersetze mit:

Code: Alles auswählen

input.inputbox	{ width: 85%; }
input.inputboxpw	{ width: 85%; }
input.medium	{ width: 50%; }
input.narrow	{ width: 25%; }
input.tiny		{ width: 125px; }

textarea.inputbox {
	width: 85%;
}
textarea.inputboxpw {
	width: 85%;
}

Alle Angaben ohne Gewähr.

LG Beate