Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Module ›

Kontaktformular "Webform" mit css anpassen

Eingetragen von via75 (11)
am 13.08.2008 - 12:13 Uhr in
  • Module
  • Drupal 6.x

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

‹ Wie Druckausgabe / printerfriendly abschalten? [gelöst] FCK-Editor und der Hintergrund des Editorfeldes ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Dafür ist CSS ausreichend.

Eingetragen von bv (3917)
am 13.08.2008 - 13:22 Uhr

Dafür ist CSS ausreichend. Per @float: left;@ kannst Du die Formularfelder nebeneinander setzen.

--
bv - DrupalCenter.de

  • Anmelden oder Registrieren um Kommentare zu schreiben

Kontaktformular "Webform" mit css anpassen

Eingetragen von via75 (11)
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

http://www.viv-it.de
http://www.via-web.de

  • Anmelden oder Registrieren um Kommentare zu schreiben

Contemplate ist dein Freund

Eingetragen von travel-pictures (156)
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

---
Hobby: travel-pictures.net - NEU: 360 Grad Panoramen aus Afrika!

  • Anmelden oder Registrieren um Kommentare zu schreiben

da fällt mir die Frage ein...

Eingetragen von travel-pictures (156)
am 13.08.2008 - 14:04 Uhr

...wie hast du das Formular gebastelt?

---
Hobby: travel-pictures.net
Company: konzept360.com

---
Hobby: travel-pictures.net - NEU: 360 Grad Panoramen aus Afrika!

  • Anmelden oder Registrieren um Kommentare zu schreiben

mit dem Modul "Webform" habe

Eingetragen von via75 (11)
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 ;-)

travel-pictures schrieb

...wie hast du das Formular gebastelt?

---
Hobby: travel-pictures.net
Company: konzept360.com

http://www.viv-it.de
http://www-via-web.de

http://www.viv-it.de
http://www.via-web.de

  • Anmelden oder Registrieren um Kommentare zu schreiben

webform & contemplate

Eingetragen von via75 (11)
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

http://www.viv-it.de
http://www.via-web.de

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Drupal 8/9 SEO-Beratung/Coaching
  • Hilfe zu Views und Filter?
  • Variable aus dem inkludierten Partial Template auslesen
  • Probleme beim Versand von Mails via Drupal 9
  • Drupal 9: Wie kommt der Inhalt eines selbst erstellten Feldes in page-title.html.twig
  • Drupal DACH Meetup - Donnerstag 4. März 2021, 19 Uhr
  • Layout-Builder hängt
  • Sollte das Forum vielleicht lieber offline gehen?
  • Cronjob für Multisite
  • Drupal oder Symfony Web Entwickler (m/w/i*) in Hamburg
  • Problem mit Verschlüsselungsmodul Real AES: PHP-encryption library via Composer
  • [gelöst] nodeone Tutorials nicht mehr online?
Weiter

Neue Kommentare

  • manarak schrieb Ich konnte
    vor 16 Stunden 7 Minuten
  • Geschafft!
    vor 17 Stunden 22 Minuten
  • montviso schrieb Bist Du auf
    vor 18 Stunden 22 Minuten
  • bewerben Sie sich bitte wie
    vor 22 Stunden 44 Minuten
  • Dann per persönlicher
    vor 23 Stunden 18 Minuten
  • da es sich um eine
    vor 23 Stunden 26 Minuten
  • Danke AliGerne möchte ich
    vor 23 Stunden 26 Minuten
  • Danke für den Tipp! Ich werde
    vor 23 Stunden 30 Minuten
  • Um welche Seite gehts denn?
    vor 23 Stunden 40 Minuten
  • Hallo, wir sind ein junges
    vor 1 Tag 19 Stunden

Statistik

Beiträge im Forum: 246072
Registrierte User: 18884

Neue User:

  • uniquename
  • xapizm
  • maklko

» Alle User anzeigen

User nach Punkten sortiert:
wla9015
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3917
ronald3831
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 0 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association