mailform css

  • zoe zoe
    Padawan
    0 x
    44 Beiträge
    0 Hilfreiche Beiträge
    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


  • juli9774 juli9774
    Padawan
    0 x
    36 Beiträge
    0 Hilfreiche Beiträge
    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 jenses
    Flash Gordon
    0 x
    3087 Beiträge
    106 Hilfreiche Beiträge
    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 juli9774
    Padawan
    0 x
    36 Beiträge
    0 Hilfreiche Beiträge
    10. 11. 2004, 14:24

    Hi Jenses,

    1001 Dank man das hat mich Nerven gekostet.

    LG

    Julia

  • silicon silicon
    Padawan
    0 x
    48 Beiträge
    0 Hilfreiche Beiträge
    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 Merlin732
    R2-D2
    0 x
    120 Beiträge
    0 Hilfreiche Beiträge
    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.