Kontaktformular "Webform" mit css anpassen
Eingetragen von via75 (11)am 13.08.2008 - 12:13 Uhr in
Hallo,
ich habe nun ein Formular erstellt und würde gerne das Aussehen und den Aufbau noch etwas anpassen.
Bspw. PLZ und Ort neben einander stellen.
Kann ich das irgendwo mit CSS machen oder gibt es ein Modul das mir hier weiter helfen kann?
Hier der Testlink:
http://viv-it.de/content/kontakt-viv-it
Viele Grüße,
Oliver
- Anmelden oder Registrieren um Kommentare zu schreiben
Dafür ist CSS ausreichend.
am 13.08.2008 - 13:22 Uhr
Dafür ist CSS ausreichend. Per @float: left;@ kannst Du die Formularfelder nebeneinander setzen.
--
bv - DrupalCenter.de
Kontaktformular "Webform" mit css anpassen
am 13.08.2008 - 13:35 Uhr
Und wo passe ich das an in Drupal? Bin noch relativ neu bei Drupal.
Viele Grüße,
Oliver
Contemplate ist dein Freund
am 13.08.2008 - 13:47 Uhr
Hallo,
Du solltest das mit dem Modul contemplate hinbekommen: http://drupal.org/project/contemplate
Damit kannst du jeden Content Type verändern und musst im Theme keine Zeile Code ändern. Dies machst du innerhalb von Drupal.
HTML- und CSS-Kenntnisse sind allerdings Pflicht. Hilfreich sind ein guter CSS-Editor. Für den Mac gibt es zB CSS-Edit. Für PC weiß ich es nicht genau, es wird aber viel von Firebug (Erweiterung für Firefox) geschwärmt, weil du dann quasi in Echtzeit sehen kannst, wie die veränderten Elemente aussehen werden.
---
http://travel-pictures.net
da fällt mir die Frage ein...
am 13.08.2008 - 14:04 Uhr
...wie hast du das Formular gebastelt?
---
Hobby: travel-pictures.net
Company: konzept360.com
mit dem Modul "Webform" habe
am 13.08.2008 - 16:11 Uhr
mit dem Modul "Webform" habe ich das Formular erstellt. Das bietet schön viel Möglichkeiten - fast zu viele ;-)
...wie hast du das Formular gebastelt?
---
Hobby: travel-pictures.net
Company: konzept360.com
http://www.viv-it.de
http://www-via-web.de
webform & contemplate
am 14.08.2008 - 12:20 Uhr
Hallo nochmal,
contemplate habe ich installiert.
kann ich dann den derzeitigen Ausschnitt des Codes vom Kontaktformulars herausnehmen und den neuen Aufbau mit divs einfach in das Feld von contemplate einfügen? Oder muss ich die komplette Seite "nachbauen"? Ich will das nicht einfach so ausprobieren und mir dann die bisherige Seite zerschiessen, deshalb frag ich lieber nochmal nach :-)
Viele Grüße,
Oliver
Original Code den ich dann anpassen würde:
<div>
<div class="webform-component-textfield" id="webform-component-name">
<div class="form-item" id="edit-submitted-name-wrapper">
<label for="edit-submitted-name">Name: <span class="form-required" title="This field is required.">*</span></label>
<input maxlength="128" name="submitted[name]" id="edit-submitted-name" size="20" value="" class="form-text required" type="text">
</div>
</div>
<div class="webform-component-email" id="webform-component-emailadresse">
<div class="form-item" id="edit-submitted-emailadresse-wrapper">
<label for="edit-submitted-emailadresse">E-Mailadresse: <span class="form-required" title="This field is required.">*</span></label>
<input maxlength="128" name="submitted[emailadresse]" id="edit-submitted-emailadresse" size="50" value="" class="form-text required" type="text">
</div>
</div>
<div class="webform-component-textarea" id="webform-component-nachricht">
<div class="form-item" id="edit-submitted-nachricht-wrapper"><label for="edit-submitted-nachricht">Nachricht: <span class="form-required" title="This field is required.">*</span></label>
<div class="resizable-textarea">
<span><textarea cols="50" rows="8" name="submitted[nachricht]" id="edit-submitted-nachricht" class="form-textarea resizable required textarea-processed"></textarea>
<div style="margin-right: -4px;" class="grippie">
</div>
</span>
</div>
</div>
</div>
<input name="details[email_subject]" id="edit-details-email-subject" value="default" type="hidden">
<input name="details[email_from_name]" id="edit-details-email-from-name" value="default" type="hidden">
<input name="details[email_from_address]" id="edit-details-email-from-address" value="5" type="hidden">
<input name="form_build_id" id="form-04ebf3b85eb4c9595087faa85f1a76b9" value="form-04ebf3b85eb4c9595087faa85f1a76b9" type="hidden">
<input name="form_token" id="edit-webform-client-form-13-form-token" value="8e550cf3896679362bc697d7935c0a1d" type="hidden">
<input name="form_id" id="edit-webform-client-form-13" value="webform_client_form_13" type="hidden">
<input name="op" id="edit-submit" value="senden" class="form-submit" type="submit">
</div>
---
http://www.viv-it.de
http://www.via-web.de