Jimdo-Elemente » Kontakformular ändern - Eingabefelder nebeneinander

#1 | Kontakformular ändern - Eingabefelder nebeneinander datum

04.05.2017 14:51

So nicht:

sondern so:

Antworten

#2 | RE: Kontakformular ändern - Eingabefelder nebeneinander datum

05.05.2017 11:02

...das machst Du mit float:left und width:48%

LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#3 | RE: Kontakformular ändern - Eingabefelder nebeneinander datum

05.05.2017 12:35

Okay, wie kann ich den Code in das Formular einfügen?

Lg Starty

Antworten

#4 | RE: Kontakformular ändern - Eingabefelder nebeneinander datum

09.05.2017 10:01

...das kann ich so nicht sagen, dazu bräuchte ich mal Deine URL

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#5 | RE: Kontakformular ändern - Eingabefelder nebeneinander datum

01.08.2017 13:23

https://www.speedfussball-akademie.de/jetzt-anfragen/

Wäre super, wenn du mir da weiterhelfen kannst!

Antworten

#6 | RE: Kontakformular ändern - Eingabefelder nebeneinander datum

05.08.2017 15:20 (zuletzt bearbeitet: 05.08.2017 15:42)

az_

Informationen anzeigen

Beitr�ge:	2414
Registriert seit:	28.04.2015
Wohnort:	Berlin

...das ist jetzt nicht ganz einfach zu verstehen, aber Du musst mit Kindern arbeiten
(...Kinderarbeit in CSS ist möglich! Beispiele s.h.: https://css-tricks.com/examples/nth-child-tester/)

Der Code für Dich ist folgender:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 

<style>
/*Inputbreite festnageln (...geht auch mit Jimdo-Bordmitteln)*/
#cc-m-form-13807870122 .cc-m-form-view-element input[type=text]{width:60% !important}
#cc-m-form-13807870122 .cc-m-form-view-element input[type=email]{width: 60% !important;} 
 
/*Mindestbreite verkleinern*/
form.cc-m-form .cc-m-form-view-element .cc-m-form-view-input-wrapper input, form.cc-m-form .cc-m-form-view-element .cc-m-form-view-input-wrapper select, form.cc-m-form .cc-m-form-view-element .cc-m-form-view-input-wrapper textarea
{min-width:45%}
 

@media (min-width:520px) {
/*jedes erste Element*/
#cc-m-form-13807870122 .cc-m-form-view-element.cc-m-form-text:nth-child(2n+1) {    
    float: left;
    width: 48%;
    }
 
/*jedes zweite Element*/
#cc-m-form-13807870122 .cc-m-form-view-element.cc-m-form-text:nth-child(2n+2) {    
    float: right;
    width: 48%;
    margin-top: -70px;
    }
 
/*Breitenanpassung*/    
#cc-m-form-13807870122 .cc-m-form-view-element input[type=text]{width:94% !important}
#cc-m-form-13807870122 .cc-m-form-view-element input[type=email]{width: 45% !important;} 
 
}
</style>
 
 

LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Andre Konrad hat sich bedankt!

Antworten

#7 | RE: Kontakformular ändern - Eingabefelder nebeneinander datum

07.08.2017 00:42

Perfekt - vielen Dank für die Unterstützung!

Antworten

#8 | RE: Kontakformular ändern - Eingabefelder nebeneinander datum

12.05.2018 01:24

Ist die o.g. Anpassung für das Formular auch für folgende Webseite für die Seite "Kontakt" und die Fußzeile möglich?

https://deingehirntrainer.jimdofree.com/kontakt/

Das würde mich sehr freuen!

Viele Grüße
Starty

Antworten

#9 | RE: Kontakformular ändern - Eingabefelder nebeneinander datum

12.05.2018 13:48 (zuletzt bearbeitet: 12.05.2018 13:50)

...prinzipiell ja, aber das müsste ich mir näher ansehen. Wieso "Fusszeile"? Du meinst bestimmt "Sidebar"

LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#10 | RE: Kontakformular ändern - Eingabefelder nebeneinander datum

13.05.2018 18:56

Ja genau- ich meine die Sidebar :)

Antworten

#11 | RE: Kontakformular ändern - Eingabefelder nebeneinander datum

14.05.2018 09:55 (zuletzt bearbeitet: 14.05.2018 09:56)

az_

Informationen anzeigen

Beitr�ge:	2414
Registriert seit:	28.04.2015
Wohnort:	Berlin

...versuch mal folgenden Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 

<style type="text/css">
/* Formular gestalten */
@media (min-width:768px) {
    form[id=cc-m-form-12440920287] input {width:100% !important;}
 
    form[id=cc-m-form-12440920287] .cc-m-form-view-element:nth-child(-n+4) {   
        float: left;
        width: 48%;
        clear: unset;
        padding: 1%;
        }
 
}
</style>
 
 

LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#12 | RE: Kontakformular ändern - Eingabefelder nebeneinander datum

14.05.2018 17:29 (zuletzt bearbeitet: 14.05.2018 17:32)

Klasse! Ich bin begeistert!

Wie kann man diese Formatierung des Formulars für das Kontaktformular im Anhang anwenden?

https://deingehirntrainer.jimdofree.com/kontakt/

Antworten

#13 | RE: Kontakformular ändern - Eingabefelder nebeneinander datum

14.05.2018 17:43

...dazu musst Du den Bezeichner des Formulares ändern. Bitte PN an s.u.

LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#14 | RE: Kontakformular ändern - Eingabefelder nebeneinander datum

10.09.2018 14:06

sgrafik

Informationen anzeigen

Beitr�ge:	100
Registriert seit:	23.09.2016
Wohnort:	Nottwil

Ich bitte um eine Ergänzung mit dem Code :nth-child ...
Meine Seite mit dem Formular : URL

Mein Code für das Formular:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<style type="text/css">
/*<![CDATA[*/
/* Formular 3fach */
@media (min-width:768px) {
    form[id=cc-m-form-7623881862] input {width:100% !important;}
    form[id=cc-m-form-7623881862] .cc-m-form-view-element:nth-child(-n+7) {   
        float: left;
        width: 32%;
        clear: unset;
        padding: 0%;
        }
 /*Zwischentitel grösser und mit Linie*/
 .cc-m-form-subheading>label {
        border-top:2px solid #e9a131;
        line-height:30px;
        font-style: bold !important;
        font-size: 20px !important;
    }
}
/*]]>*/
</style>
 

Und jetzt die Frage: wie kann ich die «Kinder» durchnummerieren und bestimmen, dass 9, 10 und 11 wieder so in einer dreispaltigen Ansicht angezeigt wird (8 aber nicht, 12 auch nicht aber 13, 14 und 15 wieder) und so weiter und so weiter.
Zusätzlich würde ich es noch edel finden, wenn ich den «absenden»-Button zentrieren könnte oder auf die ganze Breite einstellen könnte.

Tausend Dank für Unterstützung!
LG
SG

Antworten

#15 | RE: Kontakformular ändern - Eingabefelder nebeneinander datum

11.09.2018 14:10

sgrafik

Informationen anzeigen

Beitr�ge:	100
Registriert seit:	23.09.2016
Wohnort:	Nottwil

Ich denke, es gibt noch eine einfachere Möglichkeit, die einzelnen «Kinder» zu benennen und nicht für jede Position eine neue Eingabe zu definieren?
Es funktioniert eigentlich schon aber vielleicht gibt mir jemand einen guten Tipp für eine Abkürzung?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
<style type="text/css">
/*<![CDATA[*/
/* Formular 3fach */
@media (min-width:767px) {
    form[id=cc-m-form-7623881862] .cc-m-form-view-element:nth-child(-n+8) {   
        float: left;
        width: 32%;
        clear: unset;
        padding: 0.25%;
        }
    form[id=cc-m-form-7623881862] .cc-m-form-view-element:nth-child(10)    {   
        float: left;
        width: 32%;
        clear: unset;
        padding: 0.25%;
        }
     form[id=cc-m-form-7623881862] .cc-m-form-view-element:nth-child(11)    {   
        float: left;
        width: 32%;
        clear: unset;
        padding: 0.25%;
       }    
     form[id=cc-m-form-7623881862] .cc-m-form-view-element:nth-child(12)    {   
        float: left;
        width: 32%;
        clear: unset;
        padding: 0.25%;
       }
 
und so weiter ...
 
}
/*]]>*/
</style>
 

immer noch die gleiche URL

Vielen Dank!

Antworten

#16 | RE: Kontakformular ändern - Eingabefelder nebeneinander datum

11.09.2018 17:07

az_

Informationen anzeigen

Beitr�ge:	2414
Registriert seit:	28.04.2015
Wohnort:	Berlin

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 

<style type="text/css">
	/*<![CDATA[*/
	/* Formular mehrfach */
	
	@media (min-width:767px) {
		form[id=cc-m-form-7623881862] .cc-m-form-view-element:nth-child(-n+8),
		form[id=cc-m-form-7623881862] .cc-m-form-view-element:nth-child(10),
		form[id=cc-m-form-7623881862] .cc-m-form-view-element:nth-child(11),
		form[id=cc-m-form-7623881862] .cc-m-form-view-element:nth-child(12)
		/*,...und so weiter */		{
			float: left;
			width: 32%;
			clear: unset;
			padding: 0.25%;
		}
	}
	/*]]>*/
 
</style>
 
 

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

sgrafik hat sich bedankt!

Antworten

Xobor-Forum f�r Jimdo-Creator User

Bitte geben Sie einen Grund f�r die Verwarnung an