Hallo,
ich tüftel hier mit mit einem Formular rum, aber irgendwie klappt es nicht, das die Formularfelder und der Button per CSS-Stil formatiert werden.
Hier der Code:
Name: | *name = input,40 |
Firma: | *Firma = input,40 |
Email: | *email=input,40 |
Address: | address=textarea,40,5 |
Ich bitte um Kontakt: | Kontaktwunsch=check | ja
|formtype_mail = submit | Send form!
|html_enabled=hidden | 1
|subject=hidden| This is the subject
Wie muß ich es anstellen, das die textfelder und der Submit Button CSS annehmen?
Danke euch im Voraus.
Grüße
KASI
Hi Kasi,
versuchs mal hiermit:
http://selfhtml.teamone.de/css/
hoffe es hilft Dir weiter.
MfG,
maka77
Vielen Dank für die Selfhtml Seite, aber ich wollte nicht wissen wie man CSS schriebt sondern wie ich es in Typo3 einbinde.
Und hierbei genaugenommen die Formularfelder vom Kontaktformular.
GRÜße
KASI
steht in der TSRef (sogar genau mit dem was du brauchst als Beispiel) mußt ma suchen, findst grade nich
Ich habe nun so einiges versucht..
auch in der TSREF den Parameter "params = style="mein.css"
alles probiert.
Die Textfelder und der Submit Button von dem Kontaktformular reagieren einfach nicht auf meine Wünsche in Bezug auf die CSS-Formatierung.
Grüße
KASI
sorry, ich mein das echt nicht böse, aber vielleicht wäre selfhtml es doch noch mal wert reinzugucken.
Du gibst das Stylesheet einmal im HEAD an, und ab dann weißt du Klassen zu.
Du machst also eine Klasse .meinformular, schreibst die Formate rein und schreibst dann params=class="meinformular" ins das entsprechende form field setup.
Und das Beispiel mit style="irgendwas" steht in der TSRef auch ganz anders drin.
Hier mal ne kleine HowTo für alle die immer noch Probs mit dem MailFormular und CSS haben, vielleicht hilft es ja ...
im Setup des Templates steht bei mir folgends :
tt_content.mailform.20.badMess = Folgende Felder sind Pflichtfelder
tt_content.mailform.20.layout = <tr><td align=left class="text">###LABEL###</td><td><img src="clear.gif" width=10></td><td class="text">###FIELD###</td></tr>
tt_content.mailform.20.params >
tt_content.mailform.20.params = class="button"
tt_content.mailform.20.labelWrap.wrap =
tt_content.mailform.20.fieldWrap =
Meine CSS Klasse sieht dabei wie folgt aus :
.button {
color : Black;
background-color: #DAE6F2;
font-size: 9pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
border-bottom-width: 1px;
border-color: #BDD3EA;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
}
das ganze Fomular erstrahlt jetzt in einem hübschen blau #giggle#
greetz++
Bert
einfach statt dem standardformular die extension pil_mailform nehmen....da kann man alles wunderschön anpassen :-)
grüsse
sissi