Hallo,
ich möchte gerne das einfache Login via CSS anpassen.
Das habe ich auch gemacht, s. unten CSS und setup.
Jetzt habe ich zwei - drei Probleme:
Es werden 2 Loginboxen angezeigt, eins mit der Formatierung aus dem Setup, eins ohne. Aber beide mit der Formatierung des CSS. :o (???)
In der Quelltextanzeige sehe ich aber nur eins. Und zwar das, was nicht im Setup definiert ist.
Wenn ich aus der .20 eine .30 mache, wird nur eine Loginbox angezeigt und wieder nicht auf die Formatierung im Setup zugegriffen
Kann einer von euch helfen? 😢
Gruß
Andrea
/* Email, Login and Search Formulare anpassen: */
/*Abstände rechts und Links vom Rand*/
FORM TABLE TR TD {
padding-left: 2px;
padding-right: 2px;
}
/*Hintergrundfarbe der Labelfelder*/
FORM TABLE TR TD.csc-form-labelcell, FORM TABLE TR TD.csc-form-commentcell {
background-color: transparent;
}
/* Hintergrundfarbe der Inputfelder*/
FORM TABLE TR TD.csc-form-fieldcell {
background-color: transparent;
}
/*Farbe des Inputbutton-Randes und der Hintergrundfarbe*/
FORM TABLE TR TD.csc-form-fieldcell INPUT, FORM TABLE TR TD.csc-form-fieldcell SELECT, FORM TABLE TR TD.csc-form-fieldcell TEXTAREA {
border: 1px solid # 555555;
background-color: transparent;
}
/*Schrift - für die Labels*/
FORM TABLE TR TD.csc-form-labelcell P.csc-form-label-req {
font-weight: bold;
}
tt_content.login.20.stdWrap.wrap = <table align="left" border="0" cellspacing="1" cellpadding="1" class="csc-loginform"><tr><td class="csc-form-labelcell"><p class="csc-form-label-req">Benutzername:</p></td></tr><td class="csc-form-fieldcell"><input type="text" name="user" size="10" value="" /></td></tr><tr><td class="csc-form-labelcell"><p class="csc-form-label-req">Password:</p></td></tr><tr><td class="csc-form-fieldcell"><input type="password" name="pass" size="10" value="" /></td></tr><tr><td class="csc-form-labelcell"><p class="csc-form-label"></p></td></tr><tr><td class="csc-form-fieldcell"><input type="submit" name="submit" value="Login" /></td>
</tr></table>
tt_content.login.20.lang = de
Hallo ?
Ich komme einfach nicht weiter.
Ich möchte doch nur diese doofe Login-Box anpassen.
Wenn ich den Bereich layout einbinde bekomme ich zwar den Umbruch, aber mein Stylesheet wird ignoriert.
Lasse ich es ausgesternt, dann wird zwar mein Stylesheet genommen, aber keine der Angaben aus dem stdWrap werden übernommen.
Wie kann ich verd... noch mal dafür sorgen, dass mein CSS genommen wird,
ein Umbruch gemacht und vor allem: die Eingabefelder die Größe haben, die ich angebe.
Kann denn niemand helfen?
#tt_content.login.20.layout = <p>###LABEL###</p>###FIELD###<BR /><BR />
tt_content.20.stdWrap =
<table align="left" border="0" cellspacing="1" cellpadding="1" class="csc-loginform">
<tr>
<td class="csc-form-labelcell"><p class="csc-form-label-req">Benutzername:</p></td>
</tr>
<tr>
<td class="csc-form-fieldcell"><input type="text" name="user" size="12" value="" /></td>
</tr>
<tr>
<td class="csc-form-labelcell"><p class="csc-form-label-req">Password:</p></td>
</tr>
<tr>
<td class="csc-form-fieldcell"><input type="password" name="pass" size="12" value="" /></td>
</tr>
<tr>
<td class="csc-form-labelcell"><p class="csc-form-label"></p></td>
</tr>
<tr>
<td class="csc-form-fieldcell"><input type="submit" name="submit" value="Login" /></td>
</tr>
</table>
Viele Grüße,
Andrea 😢
Hallo,
also ich habe das jetzt abgebrochen und einfach die New Login-Box genommen und die ganz wunderbar im CSS angepasst.
Das Problem, nein mein Problem war, dass die Felder für Input und submit bei der normalen Login-Box die gleiche Klasse haben ich also die Button-Größe nicht anpassen kann. Und ich habe nicht herausgefunden, wie ich wia CSS diesen Umbruch gestalte.
Aber mit der New Login Box geht das alles ganz easy.
Viele Grüße
Andrea
Hallo Andrea,
könntest Du mir einen kurzen Hinweis geben wo Du bei der New Login Box das css angepasst hast. Ich versuche ein separates CSS File zu verwenden bzw. das allgemeine CSS File welches für meine gesamte Seitengestaltung da ist, aber es haut nicht hin.
Danke und Viele Grüße
Julius
Hallo Julius,
ungefähr so:
/*Styles der New Login Box*/
DIV.tx-newloginbox-pi1 {
position: absolute;
left: 0px;
top: 30px;
background-color: transparent;
color: #000000;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
text-decoration: none;
margin-left: 1px;
}
DIV.tx-newloginbox-pi1 H3 {
/*Ausrichten der überschriften*/
margin-left: 15px;
margin-bottom: 10px;
background-color: transparent;
color: #000000;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
DIV.tx-newloginbox-pi1 P {
/*Ausrichtung der Texte*/
margin-left: 1px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
width: 100px;
}
DIV.tx-newloginbox-pi1 TABLE {
margin-top:0px;
padding-top:0px;
width:100px;
margin-left: 0px;
}
DIV.tx-newloginbox-pi1 TR {
margin-top:0px;
padding-top:0px;
}
DIV.tx-newloginbox-pi1 TD {
margin-top:0px;
padding-top:0px;
}
DIV.tx-newloginbox-pi1 INPUT.tx-newloginbox-pi1-submit {
/*Ausrichtung des Submit Buttons*/
margin-left: 0px;
margin-top: 5px;
/*height: 25px;*/
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #CCCCCC;
border-width: 1px;
border-top-color: #ffffff;
border-left-color: #ffffff;
border-bottom-color: #A2A2A2;
border-right-color: #A2A2A2;
border-style: solid;
vertical-align: middle;
}
DIV.tx-newloginbox-pi1 TABLE TR TD INPUT {
/*Für den Inhalt der Eingabefelder*/
height: 20px;
padding-right: 15px;
border-style: solid;
border-width: 1px;
border-color: #A2A2A2;
width:100px;
margin-left: 1px;
}
DIV.tx-newloginbox-pi1 p.tx-newloginbox-pi1-forgotP {
margin-top:0px;
margin-left: 1px;
/* Für den IE 6, aber auskommentiert für die Validierung*/
/*//margin-left: 3px;*/
padding-top:0px;
width:100px;
white-space: nowrap;
}
DIV.tx-newloginbox-pi1 p.tx-newloginbox-pi1-forgotP A {
margin-top:0px;
margin-left: 3px;
padding-top:0px;
width:100px;
color: #336699;
font-size: 10px;
font-weight: bold;
text-decoration: underline;
white-space: nowrap;
}
DIV.tx-newloginbox-pi1 p.tx-newloginbox-pi1-back {
margin-top:0px;
margin-left: 1px;
padding-top:0px;
width:100px;
}
DIV.tx-newloginbox-pi1 p.tx-newloginbox-pi1-back A {
margin-top:0px;
color: #336699;
margin-left: 0px;
padding:0px;
width:100px;
font-weight: bold;
text-decoration: underline;
font-size: 10px;
}
DIV.tx-newloginbox-pi1 p.tx-newloginbox-pi1-username {
margin-left: 0px;
margin-top:0px;
padding-top:0px;
/*width:100px;*/
display: block;
}