Cougar
Admin
Admin
| Beiträge: 732 |  |
|
Re:Formular soll so aussehen - 31/03/2009 21:44
Hi!
Also das was du vor hast ist nicht so einfach! Schon gar nicht erklärbar.
Ich kann dir nur Lösungsansätze geben, machen musst du das selber.
So wie dein Bild ausschaut möchtest du das mit einer Tabelle machen. Das ist eigentlich so nicht möglich. Da das Script so geschrieben ist das es ohne Tabellen auskommt und nur mit <div> und CSS formatiert werden kann.
Wenn du den Quelltext der Ausgabe deines Browsers anschaust wirst du so eine ähnliche Ausgabe bekommen wie hier: <form action="/index.php" enctype="multipart/form-data" method="post" class="b4yf_rahmen">
<fieldset class="b4yf_fieldset"> <!-- Informationsfeld -->
<span class="b4yf_infotext">Du kannst mir hier ganz einfach eine Nachricht schreiben.</span>
</fieldset>
<fieldset class="b4yf_fieldset"> <!-- Absender Daten -->
<label for="b4yf_absender">Deine E-Mail Adresse:</label>
<input name="b4yf_absender" id="b4yf_absender" value="" class="b4yf_inputfeld">
<!-- gut Platzierung der Zusatzfelder zur Eingabe weiterer Absenderdaten -->
</fieldset>
<fieldset class="b4yf_fieldset"> <!-- E-Mail Daten -->
<!-- START: Betreff -->
<label for="b4yf_betreff">Betreff:</label>
<input name="b4yf_betreff" id="b4yf_betreff" value="" class="b4yf_inputfeld">
<!-- ENDE: Betreff -->
<label for="b4yf_text">Text:</label>
<textarea name="b4yf_text" id="b4yf_text" rows="6" cols="20" class="b4yf_textarea"></textarea>
<!-- empfohlene Platzierung der Zusatzfelder, wenn weitere algemeine Informationen gemailt werden sollen -->
<p class="b4yf_align_right">
<!-- START: Anhang -->
<label for="b4yf_datei_feld">Anhang (optional):</label>
<input name="b4yf_datei_feld" id="b4yf_datei_feld" class="b4yf_filefeld" type="file">
<!-- ENDE: Anhang -->
</p>
</fieldset>
<fieldset class="b4yf_fieldset"> <!-- Sonstige Daten -->
<!-- ev. Plazierung der zusaetzlichen Felder bei Sonderdaten -->
<!-- START: Sicherheitscode -->
<div class="b4yf_codefeld">
<label for="b4yf_usercode">
Sicherheitscode:
<img src="/B4YFormmailer2/security/images/b4y_8.gif" alt="b4yf_8" width="16" height="21"><img src="/B4YFormmailer2/security/images/b4y_1.gif" alt="b4yf_1" width="16" height="21"><img src="/B4YFormmailer2/security/images/b4y_1.gif" alt="b4yf_1" width="16" height="21"><img src="/B4YFormmailer2/security/images/b4y_6.gif" alt="b4yf_6" width="16" height="21"><img src="/B4YFormmailer2/security/images/b4y_6.gif" alt="b4yf_6" width="16" height="21"><img src="/B4YFormmailer2/security/images/b4y_7.gif" alt="b4yf_7" width="16" height="21"><br>
Code eingeben:
<input name="b4yf_usercode" id="b4yf_usercode" size="10" maxlength="6" class="b4yf_securite_code">
</label>
</div><!-- ENDE: Sicherheitscode -->
<!-- START: Kopie -->
<input name="b4yf_kopie" id="b4yf_kopie" value="yes" type="checkbox">
<label for="b4yf_kopie"> E-Mail Kopie an Dich senden</label>
<!-- ENDE: Kopie -->
</fieldset>
<div class="b4yf_error b4yf_align_center"></div>
<div class="b4yf_align_center">
<input value="Absenden" name="submit" class="b4yf_button" type="submit">
<input value="Löschen" name="submit" class="b4yf_button" type="submit">
<br><br>
</div>
<div class="b4yf_copyright b4yf_align_center">
<a href="http://b4yformmailer.hoerandl.com/" class="b4yf">B4YFormmailer v2.0.1</a> powered by <a href="http://www.hoerandl.com/" class="b4yf">HOERANDL.com</a>
</div>
</form>
Du sieht das viele class und id drinnen vorkommen die du mit CSS ansprechen kannst.
Die entsprechende CSS-Datei findest du da: "templates/default/style_include.css"
Z.B.: wurde das hier "http://www.adtp.de/kontakt.php" auch ganz schön mit CSS erstellt.
Das select Feld (Anrede) kann nicht so einfach als Pflichtfeld gemacht werden. Dazu muss man einiges im Hauptcode ändern.
Ich glaube das wurde aber schon einmal im Forum behandelt.
http://www.hoerandl.com/mambo/forum/func,view/id,1396/catid,22/
limit,6/limitstart,0/
mfg,
Cougar
|
