Ich habe probleme bei der Layoutanpassung von den login Feldern. Mit dem Css funtioniert es nicht, weil ich nicht genau weis, wie man Klassen einbindet. In nem alten posting habe ich gelesen, daß man mit im TypoScript Object Browser das Layout anpassen kann, aber das funktioniert in der Version 3.5b4 nicht. Da ist nur der baum ausklappbar.
Ist da etwas nicht installiert? Oder ist die Funktion einfach nicht mehr verfügbar?
Wie kann ich sonst noch die Login-Felder formatieren?
Bin etwas ratlos.
viele grüße
Hi,
kleiner Ausflug ins CSS2 😃
Für weitere Infos: http://www.w3c.org
Style-Sheet-Inhalt:
p {font-family: Arial, Helvetica, sans-serif;color: #000000;font-size: 12px;font-style: normal;font-variant: normal; text-transform: none;text-decoration: none;text-indent: 0px;letter-spacing: normal;line-height: normal; margin: 3px 5px 5px 5px;}
.textbox
{font-family: Arial,sans serif; font-size: 11px;font-weight: normal;text-align: left;margin: 0px 0px 0px 0px;background-color:#00cc00;}
.button
{font-family: Arial,sans serif; font-size: 11px;font-weight: normal;text-align: center;margin: 0px 0px 0px 0px;background-color:#009900;}
Definition der Classes in HTML-Code:
<input class="textbox" type="text" name="Name" size="10" value>
<input class="button" type="submit" value="blablabla" id="submit1" name="submit1">
Ciao
DJ Picasso
PS: Farben, Text, Größen etc. hier nur frei gewählt.
nun gut, da hab ich mich wohl etwas falsch ausgedrückt. in CSS kenne ich mich schon aus und deinen Vorschlag hatte ich bereits ausprobiert und...
Das funktioniert aber nicht. Ich kann typo 3 irgendwie nicht klarmachen, daß es auf die klassen zugreifen soll und damit die mit typo3 erstellten loginfelder so formatieren soll.
Sicher kann man das ganze auch irgendwie in Typo Script verpacken, damit es angezeigt wird.
Css:
.right {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
text-align: left;
}
INPUT.right {
border-right: #FFFFFF solid 1px;
border-left: #FFFFFF solid 1px;
border-top: #FFFFFF solid 1px;
border-bottom: #FFFFFF solid 1px;
color: #B7C98D;
}
Im HTML-template habe ich dann folgendes eingefügt (vor der Bereichsdefiniton für Typo3)
<td colspan="2" class="INPUT.right">
<!-- ###CONTENT_RECHTS### start-->
aber das funktionierte nicht. logo oder?
an das input-tag selbst, um das class dort zu definieren, komme ich nicht ran. Wär aber schön zu wissen wie!!!
Hi,
ich habe folgendes gemacht (Beispieleintrag ins Template):
seite3 = PAGE
seite3.typeNum = 0
seite3.stylesheet = fileadmin/css/style.css
seite3.bodyTag = <body bgcolor = "#ffffff">
Oder Du bindest es über einen ganz normalen externen Link in Deine Designvorlage.
velvet schrieb
Im HTML-template habe ich dann folgendes eingefügt (vor der Bereichsdefiniton für Typo3)
<td colspan="2" class="INPUT.right">
<!-- ###CONTENT_RECHTS### start-->
Ich weiß nicht, ob das funktioniert bei dem was Du dort in das CSS geschrieben hast. Versuche es doch mal mit:
td.right {border: 1px solid #FFFFFF; background-color: #B7C98D;}
und dann
<td colspan="2" class="right">
Das wird Dir aber noch nicht die Farbe in Deiner Textbox ändern. Dafür mußt Du entweder direkt an die Textbox ran (wie schon beschrieben).
Eine Alternative wäre, es ggfls. über JavaScript anzusprechen. Falls von Typo3 der Textbox ein Name vergeben wird oder eine id, kannst Du es ja ansprechen (hab ich noch nicht versucht dürfte aber eigentlich nicht so schwer sein).
Ciao
DJ Picasso
Hi velvet
Es ist möglich Werte wie folgt in ein Marker einzulesen und zu ändern:
marks.LOGINFORM < styles.content.loginform
marks.LOGINFORM {
layout = <tr height="25"><td width="40"> </td><td height="25">###FIELD###</td></tr>
stdWrap.wrap = <table border="0" cellspacing="0" cellpadding="0"> | </table>
dataArray {
40.value = Einloggen
}
}
Die überschreibbaren Werte kannst Du mit dem ObjectBrowser ermitteln.
Ich habe damit vergeblich versucht, die Größe der Inputfelder zu ändern. Da ist eine Anpassung wohl nur mit CSS möglich
oder
Formulare wie search und login fest in die Designvorlage einzubauen. Dann hast Du die totale Designkontrolle. Ich habe damit gute Erfahrungen gemacht.
Gruss
Stefan
Danke für den Tip, werds gleich mal probieren.
velvet schriebIch habe probleme bei der Layoutanpassung von den login Feldern. Mit dem Css funtioniert es nicht, weil ich nicht genau weis, wie man Klassen einbindet. In nem alten posting habe ich gelesen, daß man mit im TypoScript Object Browser das Layout anpassen kann, aber das funktioniert in der Version 3.5b4 nicht. Da ist nur der baum ausklappbar.
Ist da etwas nicht installiert? Oder ist die Funktion einfach nicht mehr verfügbar?
Wie kann ich sonst noch die Login-Felder formatieren?
Bin etwas ratlos.
viele grüße
hallo velvet,
um die werte im object browser zu ändern musst du ganz unten "Enable object links" anklicken. dann kannst du auch die einzelnen punkte in der baumstruktur anklicken und mit neuen werte versehen.
ansonsten kannst du auch im css styler, welches du als extension laden kannst, viele werte anpassen.
mfg
bk
Tausend dank, der Tag ist gerettet! man muß nur wissen wo das Häckchen hin muß #giggle#
Der css styler ist ziemlich genial, aber wie sage ich ihm, daß er mehr als
das nachfolgende anzeigt z.B. auch die Dinge aus dem tt_content?
Template Styles
---General
---Links
---General content
---Plugin: Indexed search
---Plugin: "tx_mininews_pi1
hallo velvet,
viele werte kannst du zusätzlich im object browser verändern, wenn du diesen aufrufst und im folgenden (links oben) das drop down feld von "setup" auf "constant" setzt.
mfg
bk
Hallo,
ich habe es endlich geschafft meinen Loginbereich zu formatieren und ans laufen zu bringen. Über das Ganze habe ich auch ein Tutorial verfasst.
Interesse? Es ist unter folgender Adresse zu finden:
http://www.nicoleputscher.de/typo3/login.pdf
viele grüße
Hallo Velvet
leider funktioniert der Link nicht....
Ist er allenfalls verschoben worden.
Das Tutorial würde mich sehr intressieren.
Gruss Corey
So, hier ein neuer funktionierender Link zu dem Tutorial:
http://www.npw-media.de/t3info/login.pdf
Viele Grüße
Nicole