Seite 1 von 1

Passwort Stärke Mod kein farbiges Feld?

Verfasst: 23.09.2013 23:14
von 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! :roll:

Re: Passwort Stärke Mod kein farbiges Feld?

Verfasst: 24.09.2013 08:17
von 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

Re: Passwort Stärke Mod kein farbiges Feld?

Verfasst: 24.09.2013 16:29
von 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;
}

Re: Passwort Stärke Mod kein farbiges Feld?

Verfasst: 24.09.2013 17:34
von 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

Re: Passwort Stärke Mod kein farbiges Feld?

Verfasst: 24.09.2013 19:29
von 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;).

Re: Passwort Stärke Mod kein farbiges Feld?

Verfasst: 24.09.2013 19:34
von Z-MANN
Mist, es liegt wirklich am Hintergrundbild!?

Was nun, hat jemand eine Idee?

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

Re: Passwort Stärke Mod kein farbiges Feld?

Verfasst: 24.09.2013 22:15
von Miriam
Also bei scheint es richtig angezeigt zu werden -> [ externes Bild ]

Re: Passwort Stärke Mod kein farbiges Feld?

Verfasst: 24.09.2013 23:38
von Z-MANN
Miriam hat geschrieben: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.

Re: Passwort Stärke Mod kein farbiges Feld?

Verfasst: 25.09.2013 13:38
von Lehrling
Z-MANN hat geschrieben: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