• Forum
• TYPO3 CMS: TypoScript
• Formulare
• mailform css

mailform css

• zoe
  Padawan

  0 x

  44	Beiträge
  0	Hilfreiche Beiträge

  • Facebook
  • Twitter

  09. 07. 2004, 16:13

  Hi Leute,
  weiss jemand wie man die Formularfelder direkt mit css wrapt?
  [code:1:f330d6fce6]
  ### MAILFORMULAR ###
  styles.content.mailform {
  fieldWrap = <div class="mailform"> | </div>
  labelWrap = <div class="mailformlabel"> | </div>
  commentWrap = <div class="mailformcomment"> | </div>
  radioWrap = <div class="mailformradio"> | </div>
  REQ.labelWrap = <div class="mailformreq"> | </div>
  target = _self
  goodMess = Vielen Dank! Ihre Anfrage wird bearbeitet!
  badMess = Bitte füllen Sie noch folgendes Feld aus:
  }[/code:1:f330d6fce6]
  mit [b:f330d6fce6]fieldWrap = <div class="mailform"> | </div> [/b:f330d6fce6]erreiche ich leider nur die tabelle drum herum. :'(
  den rest mal getestet ergab aber auch kein ergebniss.

  bin um jeden ratschlag dankbar ;)

  greez
  zoe

---

• vorherige
• 1
• 2

• juli9774
  Padawan

  0 x

  36	Beiträge
  0	Hilfreiche Beiträge

  • Facebook
  • Twitter

  10. 11. 2004, 09:46

  So, habe mal nur zum probieren diese ins Constant field gepackt

  ### MAILFORMULAR ###
  styles.content.mailform {
  fieldWrap = <div class="mailform"> | </div>
  labelWrap = <div class="mailformlabel"> | </div>
  commentWrap = <div class="mailformcomment"> | </div>
  radioWrap = <div class="mailformradio"> | </div>
  REQ.labelWrap = <div class="mailformreq"> | </div>
  target = _self
  goodMess = Vielen Dank! Ihre Anfrage wird bearbeitet!
  badMess = Bitte füllen Sie noch folgendes Feld aus:
  }

  den Rest in die CSS aber meine Schriftgröße lässt sich immer noch nicht anpassen. Das ist mein Problem

  http://logistics.best-webhoster.com/index.php?id=33

  LG
  Julia

• jenses
  Flash Gordon

  0 x

  3087	Beiträge
  106	Hilfreiche Beiträge

  • Facebook
  • Twitter

  10. 11. 2004, 12:01

  Hallo Julia!

  Du mußt im Template bei "include static" cSet stylesheet einbinden,
  damit styles.content.mailform. ... greift
  Das hier alles :
  [code:1:8f7fbc8c4c]
  fieldWrap = <div class="mailform"> | </div>
  labelWrap = <div class="mailformlabel"> | </div>
  commentWrap = <div class="mailformcomment"> | </div>
  radioWrap = <div class="mailformradio"> | </div>
  REQ.labelWrap = <div class="mailformreq"> | </div>
  [/code:1:8f7fbc8c4c]
  kannst du wieder löschen.
  goodMess usw. ist OK.

  Den Cache löschen, Seite im FE aufrufen, Quelltext anzeigen lassen.
  Dort siehst du, das mit <span class="mailform"> bzw. <span class="mailformrequired"> gewrapt wird.
  Diese Klassen im Stylesheet definieren, dann sollte das Formular wie gewünscht aussehen.

  viele Grüße
  jenses

• juli9774
  Padawan

  0 x

  36	Beiträge
  0	Hilfreiche Beiträge

  • Facebook
  • Twitter

  10. 11. 2004, 14:24

  Hi Jenses,

  1001 Dank man das hat mich Nerven gekostet.

  LG

  Julia

• silicon
  Padawan

  0 x

  48	Beiträge
  0	Hilfreiche Beiträge

  • Facebook
  • Twitter

  11. 11. 2004, 10:05

  hi,

  hm...komisch. bei mir zeigt allein schon die einbindung der css-formatierung (input, select) usw. schon wirkung. nur den text im formular neben den feldern weiss ich grad nicht zu formatieren. kann ich da direkt <span class="bla"> reinschreiben?

• Merlin732
  R2-D2

  0 x

  120	Beiträge
  0	Hilfreiche Beiträge

  • Facebook
  • Twitter

  05. 09. 2005, 14:29

  Hi, wie bereits beschrieben.

  1. styles.content.mailform in den Constants Bereich im Template

  2. Template >> Click here to edit whole template record >> Include Static : cSet stylesheet hinzufügen und abspeichern.

  3. in deiner CSS-Datei über .mailform und .mailformrequired die klassen ansprechen.

  4. im CSS-File
  SELECT {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #ffffff;

  background-color:#777777

  }
  TEXTAREA {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10px;
  border:1px solid #000000;
  color: #ffffff;
  font-weight : normal;
  background-color:#777777
  }
  INPUT {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10px;
  border:1px solid #000000;
  color: #ffffff;
  background-color:#777777

  }

  einfügen bzw. abändern.

  klappt wunderbar.

• vorherige
• 1
• 2

• Zurück