Zum Inhalt springen

mailform css

Erstellt am 9. Juli 2004 · 15 Antworten · letzte Antwort am 5. September 2005

Tags: Frage

zoe ·

Hi Leute,
weiss jemand wie man die Formularfelder direkt mit css wrapt?

### 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:
}

mit fieldWrap = <div class="mailform"> | </div> erreiche ich leider nur die tabelle drum herum. 😢
den rest mal getestet ergab aber auch kein ergebniss.

bin um jeden ratschlag dankbar 😉

greez
zoe

Dander ·

Tag,

so:

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

}

aber damit wrapst du alle selectboxes auf deiner page und alle inputboxes
und alle textareas

MFG

Dander

zoe ·

hallo dander,

vielen dank für deine mühen.

habe leider in der hektik vergessen zu posten, dass ich mir die lösung schon selbst erarbeitet habe 🙂

danke dir aber trotzdem von ganzem herzen 😉

zoe

zoe ·

jawoll 😉

...ich nutze das selbe.

SELECT {
} 
TEXTAREA {
}
INPUT {
}

grüsse aus dem odenwald
zoe

Schnickeschnack ·

hey,

danke für Euren Beitrag.

Hat mir schon viel weitergeholfen.

Nun noch die Frage, wie ich den Absende-Button ansprechen und formatieren kann.
Ich hätte ihn gern in einem kräftigen Rotton.

Hoffe, Ihr könnt mir weiterhelfen?!

viele Grüße,
Schnickeschnack

juli9774 ·

Hallo,

kommt dieser Code auch ins Constant Field
SELECT {
}
TEXTAREA {
}
INPUT {
}

oder wo packe ich den hin?

LG

Julia

juli9774 ·

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 ·

Hallo Julia!

Du mußt im Template bei "include static" cSet stylesheet einbinden,
damit styles.content.mailform. ... greift
Das hier alles :

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>

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

silicon ·

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 ·

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.