Forum - Eigenes Kontaktformular für Gäste

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages �

Das neue Template Xobor (v6). � Eigenes Kontaktformular für Gäste - HTML

Seite 1 von 2 � Seite 1 2 Seite �

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News. Stellen Sie Ihr eigene Webseite vor. Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps. MS Windows 11, 10, 8 und 7 - Fragen & Antworten. Linux, Ubuntu und andere Betriebssysteme. �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe? �rger mit dem PC, Laptop oder Tablet - Fragen & Antworten? Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten. XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! Das neue Template Xobor (v6). Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie. Wasserstoff - Energietr�ger der Zukunft. Elektronik & Elektrotechnik Elektronik & Elektrotechnik - Fragen und Antworten Elektronik & Elektrotechnik - Praxis - Highlights Die besten Links! Empfehlenswerte und interessante Links! Link - Suche. Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones. Lob, Kritik & Verbesserungsvorschl�ge. Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit. Alles, was noch so �brig bleibt. Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel.

#1 | Eigenes Kontaktformular für Gäste - HTML datum

10.02.2021 00:37 (zuletzt bearbeitet: 12.02.2021 10:54)

Eigenes Kontaktformular für Gäste - HTML
Aktualisiert 12.02.21

Viele selbsterstellte Kontaktformulare benötigen PHP, das aber nicht jeder Provider unterstützt!
Oft wird das Kontaktformular auch als iFrame angeboten, nur lassen sich hier Anpassungen schwer umsetzen!

Hier im Forum kann man als Mitglied über PN's (Private Nachrichten) Kontakt aufnehmen, als Gast über das Impressum & FAQ (muss allerdings sein)!
Auf der Suche nach einem geeigneten Anbieter hat sich SSL-CONTAKT.DE wegen zweifelhafter Werbelinks nicht bewehrt!

Habe den Anbieter ssl-contact.de gelöscht!

Bis dann
Wolfgang

Antworten

#2 | RE: Eigenes Kontaktformular für Gäste - HTML datum

10.02.2021 23:25

Thomas ( Gast )

Der Teil mit mit Adressmonster also

1
 
<a href="https://adressmonster.de" style="text-decoration:none"> </a>

Kann man weglassen. SSL-Contact ist der Betreiber von Adressmonster und somit macht man unfreiwillig Werbung für einen Adresshändler.

creator findet das Top!

Antworten

#3 | Xobor - Hauseigenes Kontaktformular für Gäste erweitern! datum

14.02.2021 18:48 (zuletzt bearbeitet: 10.04.2023 22:57)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3816
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Wolfgang hat heute Geburtstag!

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1643

Xobor - Hauseigenes Kontaktformular für Gäste erweitern!

Hallo Thomas und @creator,
besten Dank für Euer Feedback....

Es ist nicht immer einfach bei Online-Diensten einen seriösen und guten Anbieter zu finden.
Oft werden nicht alle Optionen offengelegt und man erkennt erst in der Benutzung oder mit der Zeit, auf was man sich eingelassen hat!
Ich denke, dass hier die Online-Dienste umdenken müssen, denn das Angebot ist groß.
Wer klickt schon Werbung an? Nervige und immer wiederkehrende Werbungen, schon gar nicht!
Auch das Wort "Kostenlos" ist schon lange in Verruf gekommen und längst kein Zugpferd mehr!
Klare Angebote, keine versteckten Tricks und bessere Programme sollten hier Platz einnehmen!

Das Xobor eigene Kontaktformular:
Ist das Kontaktformular unter "Admin > Einstellungen > Impressum > Kontaktformular" aktiviert, ist es im Impressum oder im FAQ aufzufinden!
Hier ist es möglich dem Administrator eine Nachricht zu senden, wenn man Fragen hat oder einen fragwürdigen Inhalt melden möchte!

Super!

Wie sieht es aber bei Gästen und neuen User aus, die sich für das Forum interessieren und Fragen haben?
Hier müssen sie erst schauen, wo und wie sie Ihre Fragen stellen können!
Das Impressum und die Hilfe ist auf jeden Fall ein guter Platz!

Vorschlag:
Wie wäre es, wenn im Login, in der Anmeldung oder bei Fehlern ein Zugang zum Kontaktformular zusätzlich vorhanden wäre?

Installation für alle Templates & Mobil

Was kann das Skript?

Verlinkung zum Xobor-Kontaktformular im Login, in der Anmeldung und bei Fehlermeldungen!
Die Verlinkung führt zur Seite des Xobor-Kontaktformulars und öffnet es auch!
Die geöffnete Seite wird in den Sichtbereich gescrollt!
Die Links sind gut sichtbar, nicht als Button angelegt.
Funktioniert in allen Templates, auch Mobil.
Das Template selber wird nicht verändert und bleibt immer aktuell!

Neues Template (v6):

Das Kontaktformular

Die Verlinkung zum Kontaktformular

Business Template (v4):

Das Kontaktformular

Die Verlinkung zum Kontaktformular

Schließen

Für die Templates (v1-4) kann das Skript komplett mit CSS in die "Kopf- oder Fußzeile", als Plugin in "Untere Leiste / header" kopiert werden!!
Für das neue Template (v6) & Mobil kommt das Skript fürs Xobor (v6) & Mobil in Eigenes Javascript, Eigene Fußzeile , HTML vor Navigation oder Eigene Kopfzeile kopiert werden!
In Zeile 2-5 kann das Aussehen der Verlinkung noch angepasst werden!
In Zeile 11 wird die Verlinkung angehängt.
Hier kann auch der Linktext geändert werden!
Durch Zeile 14 wird das Formular geöffnet.
Zeile 16 ist für die Scroll-Funktion zuständig!
Zeile 19-21 blendet die Verlinkung im angemeldeten (v6) aus.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<style>
a.question {width-space:nowrap !important; color:#008018; font-size:11px; margin:0 10px; text-decoration-line:none; display:inline-block;}
a.question:hover{text-decoration:underline !important;}
#login_form a small {display:inline-block;}
.card-body #login_form {text-align:center;}
</style>
 
<script>
window.addEventListener('load', function ( ) {
/* Link einfügen */
$('#form_submit, #pwforget_link, [name="pwforget"],.button1[name="signup"],.nnor[name="signup"],#signup-submit[name="signup"], [name="B1"] + a, #errorlist ~ a').after('<a href="/faq.php#question" class="question">Ich habe eine Frage</a>');
 
if (location.href.indexOf("#question") != -1) {
toggle_contact_form();
/* Scrollfunktion */
$('html, body').delay(500).animate({scrollTop: $('#contact, #impressum, .page2 h2, .inner h2, .tbhi .ntit').offset().top -10}, '1000')
};
/* Nur (v6) - Verlinkung im angemeldeten Forum ausblenden */
if (!$('.navbar-nav.d-none.d-lg-flex strong').length) {
$('.question').hide();
};
 
});
</script>
 

Schließen

Anklicken, um den Spoiler zu öffnen und zu schließen!

Bis dann und gutes Gelingen

Wolfgang

Scannerxy und charlie1965 finden das Top!

Antworten

#4 | RE: Eigenes Kontaktformular für Gäste - HTML datum

16.02.2021 13:08

Hallo beisammen!

Ich bin der Betreiber, des Online-Service form.taxi. Dieser Dienst ermöglicht es beliebige HTML-Formular zu empfangen, speichern und sich z.B. per E-Mail zusenden zu lassen.

Wie Wolfgang schon ganz richtig geschrieben hat, ist es oftmals schwer einen guten Anbieter für bestimmte Leistungen zu finden.
form.taxi wird in Österreich entwickelt und die Datenverarbeitung und Speicherung erfolgt ausschließlich in der E.U. Dabei ist uns auch wichtig, dass keine Daten zu andere Anbieter übertragen werden.
So stellen wir auch den Betrieb der Webformulare entsprechend der DSGVO sicher.

Bei Fragen einfach bei mir melden! > support@form.taxi

Liebe Grüße aus Österreich!
Reinhard

Antworten

#5 | Neuer Versuch: Eigenes Kontaktformular für Gäste - HTML datum

20.02.2021 10:04 (zuletzt bearbeitet: 30.04.2025 12:49)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3816
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Wolfgang hat heute Geburtstag!

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1643

Neuer Versuch: Eigenes Kontaktformular für Gäste - HTML
Aktualisiert 22.04.2025

@Magister

Für kurze und einfache Mitteilungen reichen die Xobor-Kontaktformulare für Gäste völlig hin!
Ein großer Aufwand würde sich hier nicht lohnen!

Möchte man aber ein besonderes Kontaktformular schaffen mit Form und Farbe, das mehrere Spalten mit den verschiedensten Themen aufweist, das Auswahlmenüs und die unterschiedlichsten Info- und Check-Boxen zu Verfügung stellt, lohnt es sich hier Hand anzulegen!
Wichtig und auch notwendig sollten Verschlüsselungen, Spamschutz und Datenkonformität sein.
Mit einfachen Skripten ist das bestimmt nicht zu bewerkstelligen!
Hier geht die Suche nach einem geeigneten Anbieter los!

Mit Formular-chef.de lassen sich eigene HTML-Formulare erstellen, aber eine sichere Verschlüsselung mit HTTPS gibt es nur in der kostenpflichtigen Profi-Version!

Einen sehr guten Eindruck macht hier wirklich form.taxi - Bitte prüfen!

Mit form.taxi ist es möglicht ein HTML-Formular selbst zu erstellen und zu senden. Hat in der Free-Ware-Version eine Menge zu bieten!
Kommt ohne Werbelinks im Kontaktformular aus!
Wer mehr will, kann auf den Profitarif umsteigen!

Installation der eigenen HTML-Kontaktformulare - Für alle Templates & Mobil

HTML-CodeDas Kontakt-Formular wird über eine Verlinkung der "" aufgerufen!

• <a href="https://www.hilfe-tricks-tipps.de/page-104774-70.html">Kontaktformular</a>

Foren-CodeDas Kontakt-Formular wird über eine Verlinkung der "" aufgerufen!

• [url=https://www.hilfe-tricks-tipps.de/page-104774-70.html]Kontaktformular[/url]

Erste Schritte (mit Anbieter "form.taxi"):

Webseite von form.taxi aufrufen, sich registrieren und ein eigenes Konto anlegen.
Später hat man Zugriff auf die Verwaltung der Webformulare, hat Einsicht auf aktuelle Sendungen, Formulare und Dokumentationen!
Es folgen Informationen zur Integration (Bild 1)!
Sendeadresse aufschreiben z.B.: https://form.taxi/s/11111111.
Später auch unter "Anmelden --> Formulare > Kontaktformular > Anzeigen > Einstellungen > Sendeadresse" zu finden.
Nach der Anmeldung bekommt man eine Email, um die Registrierung abzuschließen.
Ohne Abschluss der Registrierung wird der Account nach einer Woche gelöscht!
Formular unter Formularvorlagen auswählen oder ein eigenes Formular erstellen!
Wichtig! Angabe für die E-Mail-Zustellung auf der Webseite von "form.taxi" prüfen (Bild 2)!

Die Sendeadresse ist unter "Integration" zu finden"

Wichtige Angaben zur E-Mail-Zustellung auf der Webseite von form.taxi

Formularvorlagen von "form.taxi"

Kontaktformular: HTML Vorlage - Kontaktformular
Terminanfrage: HTML Vorlage - Terminanfrage
Bewerbungsformular: HTML Vorlage - Bewerbungsformular

Die zugesandte "Sendeadresse" wird unter "action" in Zeile 136 eingetragen.
Das HTML-Skript ist für die Eintragung Eigene Seiten gedacht:

"Neue Seite erstellen...", "HTML Quelltext direkt bearbeiten?", "Editor ausschalten" und "Weitere Einstellungen ein-/ausblenden" anklicken.
Berechtigungen vergeben: Sinnvoll ist "Gäste"!
Wenn "Premium-Tarif", Option "Kopf- und Fußzeile ausblenden" anhaken.
Namen vergeben, z.B.: "Kontaktformular für Gäste"

Das Kontaktformular kann nach Belieben erweitert oder gekürzt werden.
Alle Boxen sind mit Überschriften versehen, um besser die Funktionen zu erkennen!
In Zeile 217 wird die Signatur / das Copyright angepasst!
Das Kontakt-Formular wird über eine Verlinkung der "Eigenen Seite" aufgerufen!
z.B.: <a href="https://www.hilfe-tricks-tipps.de/page-104774-70.html">Kontaktformular</a>

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
 
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Kontaktformular</title>
</head>
 
<body oncontextmenu="return false" bgcolor="#111111">
 
<style>
.table_kont {
 margin: 20px auto;
 max-width:550px;
}
.head_kont {
 width:500px;
 background-color: #dddddd; 
 text-align:left;
 padding:10px 40px 5px 25px;
 border-radius: 6px;
 color: #222222 !important; 
 border:1px solid #000000;
}
.head_kont span {
 font-size:30px;
 text-align:center;
 margin:20px 25px auto 0;
 float:left;
 font-weight: bold;
}
.head_kont img {
 margin-right:30px;
 float:left;
 height:60px;
}
.head_kont.daten {
 background:url("https://files.homepagemodules.de/b104774/a_340_b2e88c9c.png");
 background-size: cover;
 background-repeat:no-repeat !important;
 background-color:#dddddd;
}
#kontaktformular {
 background-color: #eeeeee !important;
 padding: 10px 10px 20px 10px;
 border: 1px solid #8c8c8c;
 box-shadow:6px 6px 8px #aaaaaa;
 border-radius: 6px;
 -moz-border-radius:6px; 
 -webkit-border-radius:6px;
}
#kontaktformular .kontakt_label {
 display:inline-block;
 font-weight:bold;
 background:#ffffff;
 padding:1px 5px;
 border-radius:2px;
 margin:7px 0 2px 0;
 font-size:75%;
 color:#000000 !important;
}
#kontaktformular .kontakt_lab {
 color:#222222 !important;
}
#kontaktformular input:hover, #kontaktformular textarea:hover, #kontaktformular input[type="radio"]:hover {
 background:#bbbbbb !important; 
 cursor:pointer;
}
#kontaktformular input:focus, #kontaktformular textarea:focus {
 background-color: #d9d9d9 !important;
 cursor:text;
}
#kontaktformular #nachricht_k {
 height: 5em;
}
#kontaktformular .kontakt_form::placeholder { 
 opacity:0.8;
 color: #000000 !important;
}
#kontaktformular .kontakt_form {
 width:98%;
 border: 1px solid #8c8c8c;
 padding:1px 5px;
 display: block;
 cursor: pointer;
 background:#eeeeee !important;
 color: #000000 !important;
}
#kontaktformular .button4, #kontaktformular .button5{
 background-image:url("https://files.homepagemodules.de/b104774/a_343_52b653ba.jpg"); 
 background-size: cover;
 background-color:#383838;
 color:#ffffff !important;
 padding: 3px 5px;
 border-radius:2px ; 
 -moz-border-radius:2px; 
 -webkit-border-radius:2px;
 border:1px solid #eeeeee;
}
#kontaktformular .button5{
 float:right;
}
#kontaktformular .button4{
 margin-right:10px;
 float:left;
}
#kontaktformular .button4:hover, #kontaktformular .button5:hover {
 cursor:pointer;
 background:#777777 !important;
}
#kontaktformular #sign {
 color: #000000;
 float:right;
 margin:2px auto 0px auto;
 font-size:12px;
}
 
#kontaktformular input[type="radio"]:hover, #kontaktformular input[type="checkbox"]:hover {
cursor:pointer;
}
#kontaktformular input[type="radio"]:checked {
cursor:default !important;
}
#kontaktformular input, #kontaktformular select, #kontaktformular textarea {
width: auto;
box-shadow:none;
font-size:100% !important;
}
</style>
 
<table class="table_kont">
<tr>
<td>
 
<!-- Zugesandte Sendeadresse in Zeile 136 unter "action" eintragen --> 
<form id="kontaktformular" name="kontaktformular" action="https://form.taxi/s/11111111" id="ft-form" method="POST" accept-charset="UTF-8" enctype="multipart/form-data" autocomplete="off">
 
<!-- Überschrift -->
<table class="table_daten">
<tr>
<td class="head_kont"><img src="https://files.homepagemodules.de/b104774/a_342_8c566e58.png">
<span>Kontaktformular</span></td>
</tr>
<tr><td> </td></tr>
<tr>
<td class="head_kont daten">
 
<!-- Radiobutton - Anrede -->
<label class="kontakt_label">*Anrede</label><br>
<label class="kontakt_lab" for="Frau">Frau:</label>
<input type="radio" name=" &nbsp; Anrede" checked="checked" value="Frau">
<label class="kontakt_lab" for="Herr">Herr:</label>
<input type="radio" name=" &nbsp; Anrede" value="Herr">
<br>
 
<!-- Textfeld einzeilig - Vorname -->
<label for="Vorname" class="kontakt_label">*Vorname:</label>
<input type="text" class="kontakt_form" name=" &nbsp; Vorname" required="required" placeholder="Max">
 
<!-- Textfeld einzeilig - Nachname -->
<label for="Nachname" class="kontakt_label">*Nachname:</label>
<input type="text" class="kontakt_form" name=" &nbsp; Nachname" required="required" placeholder="Mustermann">
 
<!-- E-Mail -->
<label for="Absender" class="kontakt_label">*E-Mail-Adresse:</label>
<input type="email" id="absender" class="kontakt_form" name=" &nbsp; Absender" required="required" placeholder="gast@web.de">
 
<!-- Datum - Geburtstag -->
<label for="Geburtstag" class="kontakt_label">Geburtstag:</label>
<input type="date" class="kontakt_form" name="Geburtstag">
 
<!-- Textfeld einzeilig - Webseite -->
<label for="Webseite" class="kontakt_label">Webseite:</label>
<input type="text" class="kontakt_form" name="Webseite" placeholder="https://www.server.de">
 
<!-- Selectbox - Auswahl Kategorie -->
<label for="Kategorie der Webseite" class="kontakt_label">Kategorie der Webseite:</label>
 <select class="kontakt_form" name="Webseiten-Kategorie">
    <option value="" disabled selected hidden>Bitte auswählen</option>
    <option value="Computer & Technik">Computer & Technik</option>
    <option value="Fotografie & Video">Fotografie & Video</option>
    <option value="Ausbildung & Beruf">Ausbildung & Beruf</option>
    <option value="Pflanzen & Garten">Pflanzen & Garten</option>
    <option value="Gesundheit">Gesundheit</option>
    <option value="Modellbau">Modellbau</option>
    <option value="Tiere">Tiere</option>
    <option value="Spiele">Spiele</option>
    <option value="Sonstiges">Sonstiges</option>
 </select>
 
<!-- Textfeld mehrzeilig - Nachricht -->
<label for="Nachricht" class="kontakt_label">*Nachricht:</label><br>
<textarea id="nachricht_k" class="kontakt_form" name=" &nbsp; Nachricht" required="required" placeholder="Ich habe da eine Frage!"></textarea>
 
<!-- Checkbox - Newsletter / Angebote -->
<label class="kontakt_label">Information:</label><br>
 <input type="checkbox" name="Newsletter" checked="checked"> <label class="kontakt_lab" for="Newsletter">Newsletter</label>
 <input type="checkbox" name="Angebote"> <label class="kontakt_lab" for=Angebote>Angebote</label>
<br>
 
 
<!-- Bot- Spamschutz -->
<input type="text" name="_gotcha" value="" style="display:none;">
 
<!-- Sende-, Abbrech- und Zurück-Button -->
<br>
<input type="submit" class="button4" value="Abschicken"> <input type="reset" class="button4" value="Abbrechen"> 
<input type="button" class="button5" title="Zur letzten angeschauten Seite wechseln" onClick="parent.location='javascript: history.go(-1); return false;'" value="Zurück">
<small style="float:left;margin:2px 0 5px 5px;clear:both;">Felder markiert mit * sind Pflichtfelder.</small>
<br><br>
 
</td>
</tr>
</table>
 
<!-- Signatur -->
<div id="sign">© Hilfe, Tricks & Tipps seit 2006</div>
 
</form>
</td>
</tr>
</table>
 
</body>
</html>
 

Schließen

Vorschau: Kontaktformular im hellen Design

Die zugesandte "Sendeadresse" wird unter "action" in Zeile 127 eingetragen.
Das HTML-Skript ist für die Eintragung Eigene Seiten gedacht:

"Neue Seite erstellen...", "HTML Quelltext direkt bearbeiten?", "Editor ausschalten" und "Weitere Einstellungen ein-/ausblenden" anklicken.
Berechtigungen vergeben: Sinnvoll ist "Gäste"!
Wenn "Premium-Tarif", Option "Kopf- und Fußzeile ausblenden" anhaken.
Namen vergeben, z.B.: "Kontaktformular für Gäste"

Das Kontaktformular kann nach Belieben erweitert oder gekürzt werden.
Alle Boxen sind mit Überschriften versehen, um besser die Funktionen zu erkennen!
In Zeile 206 wird die Signatur / das Copyright angepasst!
Das Kontakt-Formular wird über eine Verlinkung der "Eigenen Seite" aufgerufen!
z.B.: <a href="https://www.hilfe-tricks-tipps.de/page-104774-33.html">Kontaktformular</a>

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
 
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Kontaktformular</title>
</head>
 
<body ooncontextmenu="return false" bgcolor="#111111">
 
<style>
.table_kont {
 margin: 0px auto;
 max-width:550px;
}
.head_kont {
 width:500px;
 background-color:#262626;
 text-align:left;
 padding:5px;
 color: #ffffff !important; 
 border:1px solid #000000;
}
.head_kont span {
 font-size:30px;
 text-align:center;
 margin:20px 25px auto 0;
 float:left;
 font-weight: bold;
}
.head_kont img {
 margin-right:30px;
 float:left;
 height:60px;
}
#kontaktformular {
 background-color:#383838;
 padding: 10px 10px 20px 10px;
 border: 1px solid #8c8c8c;
 box-shadow:6px 6px 8px #aaaaaa;
 border-radius: 6px;
 -moz-border-radius:6px; 
 -webkit-border-radius:6px;
}
#kontaktformular .kontakt_label {
 display:inline-block;
 font-weight:bold;
 padding:1px 5px;
 margin:7px 0 1px 0;
 font-size:75%;
 color: #ffffff !important;
}
#kontaktformular .kontakt_lab {
 color: #eeeeee !important;
}
#kontaktformular input:hover, #kontaktformular textarea:hover, #kontaktformular input[type="radio"]:hover {
 background:#bbbbbb !important; 
 cursor:pointer;
}
#kontaktformular input:focus, #kontaktformular textarea:focus {
 background-color: #d9d9d9 !important;
 cursor:text;
}
#kontaktformular #nachricht_k {
 height: 5em;
}
#kontaktformular .kontakt_form::placeholder { 
 opacity:0.8;
 color: #000000 !important;
}
#kontaktformular .kontakt_form {
 width:98%;
 border: 1px solid #8c8c8c;
 padding:1px 5px;
 display: block;
 cursor: pointer;
 background-color:#eeeeee !important;
 color: #000000 !important;
}
#kontaktformular .button4, #kontaktformular .button5{
 background-image:url("https://files.homepagemodules.de/b104774/a_343_52b653ba.jpg"); 
 background-size: cover;
 background-color:#383838;
 color:#ffffff !important;
 padding: 3px 5px;
 border-radius:2px ; 
 -moz-border-radius:2px; 
 -webkit-border-radius:2px;
 border:1px solid #eeeeee;
}
#kontaktformular .button5{
 float:right;
}
#kontaktformular .button4{
 margin-right:10px;
 float:left;
}
#kontaktformular .button4:hover, #kontaktformular .button5:hover {
 cursor:pointer;
 background:#777777 !important;
}
#kontaktformular #sign {
 color: #aaaaaa;
 float:right;
 margin:2px auto 0px auto;
 font-size:12px;
}
 
#kontaktformular input[type="radio"]:hover, #kontaktformular input[type="checkbox"]:hover {
cursor:pointer;
}
#kontaktformular input[type="radio"]:checked {
cursor:default !important;
}
#kontaktformular input, #kontaktformular select, #kontaktformular textarea {
width: auto;
box-shadow:none;
font-size:100% !important;
}
</style>
 
<table class="table_kont">
<tr>
<td>
 
<!-- Zugesandte Sendeadresse in Zeile 127 unter "action" eintragen -->
<form id="kontaktformular" name="kontaktformular" action="https://form.taxi/s/11111111" id="ft-form" method="POST" accept-charset="UTF-8" enctype="multipart/form-data" autocomplete="off">
 
<!-- Überschrift -->
<table class="table_daten">
<tr>
<td class="head_kont"><img src="https://files.homepagemodules.de/b104774/a_342_8c566e58.png"><span>Kontaktformular</span></td>
</tr>
<tr><td> </td></tr>
<tr>
<td class="head_kont">
 
<!-- Radiobutton - Anrede -->
<label class="kontakt_label">*Anrede</label><br>
<label class="kontakt_lab" for="Frau">Frau:</label>
<input type="radio" name=" &nbsp; Anrede" checked="checked" value="Frau">
<label class="kontakt_lab" for="Herr">Herr:</label>
<input type="radio" name=" &nbsp; Anrede" value="Herr">
<br>
 
<!-- Textfeld einzeilig - Vorname -->
<label class="kontakt_label" for="Vorname">*Vorname:</label>
<input type="text" class="kontakt_form" name=" &nbsp; Vorname" required="required" placeholder="Bitte ausfüllen">
 
<!-- Textfeld einzeilig - Nachname -->
<label class="kontakt_label" for="Nachname">*Nachname:</label>
<input type="text" class="kontakt_form" name=" &nbsp; Nachname" required="required" placeholder="Bitte ausfüllen">
 
<!-- E-Mail -->
<label class="kontakt_label" for="Absender">*E-Mail-Adresse:</label>
<input type="email" id="absender" class="kontakt_form" name=" &nbsp; Absender" required="required" placeholder="Bitte ausfüllen">
 
<!-- Datum - Geburtstag -->
<label class="kontakt_label" for="Geburtstag">Geburtstag:</label>
<input type="date" class="kontakt_form" name="Geburtstag">
 
<!-- Textfeld einzeilig - Webseite -->
<label class="kontakt_label" for="Webseite">Webseite:</label>
<input type="text" class="kontakt_form" name="Webseite" placeholder="Optional">
 
<!-- Selectbox - Auswahl Kategorie -->
<label class="kontakt_label" for="Kategorie">Kategorie:</label>
 <select class="kontakt_form" name="Kategorie">
    <option value="" disabled selected hidden>Bitte auswählen</option>
    <option value="Computer & Technik">Computer & Technik</option>
    <option value="Fotografie & Video">Fotografie & Video</option>
    <option value="Ausbildung & Beruf">Ausbildung & Beruf</option>
    <option value="Pflanzen & Garten">Pflanzen & Garten</option>
    <option value="Gesundheit">Gesundheit</option>
    <option value="Modellbau">Modellbau</option>
    <option value="Tiere">Tiere</option>
    <option value="Spiele">Spiele</option>
    <option value="Sonstiges">Sonstiges</option>
 </select>
 
<!-- Textfeld mehrzeilig - Nachricht -->
<label class="kontakt_label" for="Nachricht">*Nachricht:</label><br>
<textarea id="nachricht_k" class="kontakt_form" name=" &nbsp; Nachricht" required="required" placeholder="Bitte ausfüllen"></textarea>
 
<!-- Checkbox - Newsletter / Angebote -->
<label class="kontakt_label">Informationen</label><br>
 <input type="checkbox" name="Newsletter" checked="checked"> <label class="kontakt_lab" for="Newsletter">Newsletter</label>
 <input type="checkbox" name="Angebote"> <label class="kontakt_label" for="Angebote">Angebote</label>
 <br> 
 
<!-- Bot- Spamschutz -->
<input type="text" name="_gotcha" value="" style="display:none;">
 
<!-- Sende-, Abbrech- und Zurück-Button -->
 
<br>
<input type="submit" class="button4" value="Abschicken"> <input type="reset" class="button4" value="Abbrechen"> 
<input type="button" class="button5" title="Zur letzten angeschauten Seite wechseln" onClick="parent.location='javascript: history.go(-1); return false;'" value="Zurück">
<small style="float:left;margin:2px 0 5px 5px;clear:both;">Felder markiert mit * sind Pflichtfelder.</small>
<br><br>
 
</td>
</tr>
</table>
 
<!-- Signatur -->
<div id="sign">© Hilfe, Tricks & Tipps seit 2006</div>
 
</form>
</td>
</tr>
</table>
 
</body>
</html>
 

Schließen

Vorschau: Kontaktformular im dunklen Design

Wichtige und interessante Links zum Thema Kontaktformulare:

Bis dann und gutes Gelingen beim Einbau!

Wolfgang

Antworten

Moderations-Kommentar:

E-Mail-Zustellung genauer beschrieben!
Zurück-Button funktioniert jetzt auch auf Apple-Endgeräten

#6 | Kostenloses Kontaktformular - HTML datum

22.02.2022 00:30

Kostenloses Kontaktformular - HTML

Im Support wurde gerade von Sami einen toller Link zum Gratis-Kontaktformular vorgestellt!
Habe bis jetzt noch nichts Negatives festgestellt....
Wenn Interesse besteht, bitte prüfen!

Das Formular ist 100% kostenlos
Für private & auch geschäftliche Webseiten
Optimiert für Smartphones
HTTPS verschlüsselt
DSGVO konform DSGVO-Hinweis

Dein Kontaktformular: https://www.gratis-kontaktformular.de/

Wolfgang

844er findet das Top!

Antworten

#7 | RE: Kostenloses Kontaktformular - HTML datum

23.02.2022 23:16

Im Prinzip ist der Generator ja nicht schlecht, nur wenn er nicht das macht was ich will
und das obwohl er es mir anbietet, finde ich nicht so prickelnd.

Ich habe nun zigmal versucht, den Nachnamen weg zu lassen, aber das interessiert diesen Generator nicht.

Binde ich das Formular ein, lächelt mich der Nachname an und das natürlich als Pflichtfeld aber ich bin kein Google oder Facebook und will nicht alles wissen.

Mein Fazit:
Nicht zu empfehlen ;-)

Liebe Grüße von Mato

Antworten

#8 | RE: Neuer Versuch: Eigenes Kontaktformular für Gäste - HTML datum

26.08.2023 04:08 (zuletzt bearbeitet: 27.08.2023 08:12)

Daishi

Informationen anzeigen

Beitr�ge:	392
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 � Forum Spende
Sternzeichen	Steinbock
Likes	334

Aktualisiert 12.08.22

Hallo Wolfgang, ich muss sagen, du hast hier eine super Arbeit geleistet, mit dem Kontaktformular.

Ich bin ja nicht so gut und habe ein Versuch gestartet und mir selbst eins geschrieben, na ja der Schuss ging voll nach hinten los.

Da fand ich hier im Forum dein Beitrag und deine wundervolle Arbeit.

Ich habe mir deine weise Vorlage genommen, und dann etwas weiterbearbeitet, etwas verändert, und nach meinen Wünschen angepasst. Die Befehlsbeschreibung war für den ersten Blick nicht ganz klar für mich, aber ich brauchte 2 Tage bis ich dahinterkam und ich es verstand, dass ich das nach meinem Wünschen hinbekam.

Das Kontaktformular kann man gestalten wie man möchte und das finde ich echt super. Wenn man sich da richtig einarbeitet, kann man damit echt viel machen. Da ich das Copyright nicht entfernen wollte, habe ich da noch Änderungen gemacht, ich hoffe das, das so ok war.

Webseite von form.taxi bin ich sehr zufrieden, keine Werbung und es tut, was es soll und es funktioniert einwandfrei.

Der Link dazu:

Das Kontaktformular

Und hier das Script:

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
 
<link href='//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
<center><div id="box-news-container">
  <p><i class="fa fa-cog fa-spin"></i>  Kontaktformular 
</p>
  
<style>
 

 body {
font-family:'Oswald',serif;
text-align: justify;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 95vh;
}
 
#box-news-container {
    position: relative;
    margin: 100px 2.5% auto 2.5%;
    width: 95%;
    max-width: 500px;
    height: atuo;
    background: linear-gradient(110deg, #dfe3f1 60%, #dfe3f1 60%);
    font-size: 16px;
    padding: 20px 10px;
   line-height:1.8em;
   box-shadow: 0 14px 28px     rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
#box-news-container::before {
    position: absolute;
    content: '';
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    right: -2px;
    top: -2px;
    background: linear-gradient(to right, blue, lightblue);
    z-index: -1;
}
p {
    position: absolute;
    top: -18px;
    left: 5%;
    padding: 1px 20px;
    margin: 0;
    font-size: 20px;
    color:#fff;
    font-weight: normal;
    background: linear-gradient(-122deg, rgba(255,0,0,0) 10%,rgba(255,0,0,0) 0%,rgba(255,0,0,0) 0%, rgb(61%,19%,100%) 0);
}
  .table_kont {
 margin: 20px auto;
 max-width:550px;
}
.head_kont {
 width:500px;
 background-color: none; 
 text-align:left;
 padding:10px 40px 5px 25px;
 border-radius: 6px;
 color: #222222 !important; 
 border:1px solid #000000;
}
.head_kont span {
 font-size:30px;
 text-align:center;
 margin:20px 25px auto 0;
 float:left;
 font-weight: bold;
}
.head_kont img {
 margin-right:30px;
 float:left;
 height:60px;
}
.head_kont.daten {
 background-size: cover;
 background-repeat:no-repeat !important;
 background-color:none;
}
#kontaktformular {
 background-color: none !important;
 padding: 10px 10px 20px 10px;
 border: 1px solid #8c8c8c;
 box-shadow:6px 6px 8px #aaaaaa;
 border-radius: 6px;
 -moz-border-radius:6px; 
 -webkit-border-radius:6px;
}
#kontaktformular .kontakt_label {
 display:inline-block;
 font-weight:bold;
 background:none;
 padding:1px 5px;
 border-radius:2px;
 margin:7px 0 2px 0;
 font-size:75%;
 color:#000 !important;
}
#kontaktformular .kontakt_lab {
 color:#222222 !important;
}
#kontaktformular input:hover, #kontaktformular textarea:hover, #kontaktformular input[type="radio"]:hover {
 background:#f5f2f2 !important; 
 cursor:pointer;
}
#kontaktformular input:focus, #kontaktformular textarea:focus {
 background-color: #d9d9d9 !important;
 cursor:text;
}
#kontaktformular #nachricht_k {
 height: 5em;
}
#kontaktformular .kontakt_form::placeholder { 
 opacity:0.8;
 color: #000000 !important;
}
#kontaktformular .kontakt_form {
 width:98%;
 border: 1px solid #8c8c8c;
 padding:1px 5px;
 display: block;
 cursor: pointer;
 background:#eeeeee !important;
 color: #000000 !important;
}
#kontaktformular .button4, #kontaktformular .button5{ 
 background-size: cover;
 background-color:#eeeeee;
 color:#000 !important;
 padding: 3px 5px;
 border-radius:2px ; 
 -moz-border-radius:2px; 
 -webkit-border-radius:2px;
 border:1px solid #eeeeee;
}
#kontaktformular .button5{
 float:right;
}
#kontaktformular .button4{
 margin-right:10px;
 float:left;
}
#kontaktformular .button4:hover, #kontaktformular .button5:hover {
 cursor:pointer;
 background:#807d7d !important;
}
#kontaktformular #sign {
 color: #000000;
 float:right;
 margin:2px auto 0px auto;
 font-size:12px;
}
 
#kontaktformular input[type="radio"]:hover, #kontaktformular input[type="checkbox"]:hover {
cursor:pointer;
}
#kontaktformular input[type="radio"]:checked {
cursor:default !important;
}
#kontaktformular input, #kontaktformular select, #kontaktformular textarea {
width: auto;
box-shadow:none;
font-size:100% !important;
}
#kontaktformular #Daishi {
 color: #000000;
 float:center;
 margin:2px auto 0px auto;
 font-size:12px;
}
</style> 
 
 <table class="table_kont">
<tr>
<td>
 
<!-- Zugesandte Sendeadresse in Zeile 136 unter "action" eintragen --> 
<form id="kontaktformular" name="kontaktformular" action="https://form.taxi/s/a4p4vgsf" id="ft-form" method="POST" accept-charset="UTF-8" enctype="multipart/form-data" autocomplete="off">
 
<!-- Überschrift -->
<table class="table_daten">
 
<tr>
 
<td class="head_kont"><img src="https://files.homepagemodules.de/b906480/avatar-bbf0d685-1.jpg"> <label class="kontakt_label">Hausmeisterservice Service Crew Loreth in Dahme/Mark  (Dahme)</label><br>  
 <small style="float:left;margin:2px 0 5px 5px;clear:both;">Meine Verantwortung gegenüber meiner Familie spiegelt sich in meinem Pflichtbewusstsein wider,<br> die ich gegenüber meinem Gewerbe und meinen Kunden empfinde.<br>
An diesen Maßstäben habe ich auch meine Firmenphilosophie ausgerichtet: <br>
Wir setzten bei all unseren Kunden auf eine partnerschaftliche, direkte und damit langfristig erfolgreiche Zusammenarbeit.<br> 
Dabei ist uns die persönliche und individuell abgestimmte Beratung besonders wichtig, da sie uns hilft, so schnell und flexibel wie möglich auf Ihre Wünsche zu reagieren.<br>  
Durch diese stete Qualitätskontrolle können wir ebenfalls sicherstellen, uns immer weiter zu verbessern.<br> 
Ich würde mich freuen, auch Sie bald im Kreis meiner Kunden begrüßen zu dürfen.<br>
Mit freundlichen Grüßen Ihr Christian Loreth</small><br><br>
<br>
<br>
<br>
</tr>
 <tr> 
 <tr>
 <tr>
<td class="head_kont daten">
<img src="//files.homepagemodules.de/b906480/a_215_abceadf2.png">  
<span>Kontaktformular</span><br>
</tr>
<tr><td> </td></tr>
 
<tr>
<td class="head_kont daten">
 
<br>
<br>
<br>  
<!-- Radiobutton - Anrede -->
<label class="kontakt_label">*Anrede</label><br>
<label class="kontakt_lab" for="Frau">Frau:</label>
<input type="radio" name=" &nbsp; Anrede" checked="checked" value="Frau">
<label class="kontakt_lab" for="Herr">Herr:</label>
<input type="radio" name=" &nbsp; Anrede" value="Herr">
<br>
 
<!-- Textfeld einzeilig - Vorname -->
<label for="Vorname" class="kontakt_label">*Vorname:</label>
<input type="text" class="kontakt_form" name=" &nbsp; Vorname" required="required" placeholder="Max">
 
<!-- Textfeld einzeilig - Nachname -->
<label for="Nachname" class="kontakt_label">*Nachname:</label>
<input type="text" class="kontakt_form" name=" &nbsp; Nachname" required="required" placeholder="Mustermann">
 
<!-- E-Mail -->
<label for="Absender" class="kontakt_label">*E-Mail-Adresse:</label>
<input type="email" id="absender" class="kontakt_form" name=" &nbsp; Absender" required="required" placeholder="gast@web.de">
  
<!-- Telefon -->
 <label for="Telefon" class="kontakt_label">*Telefon:</label>
<input type="Telefon" id="Telefon" class="kontakt_form" name=" &nbsp; Telefon" required="required" placeholder="1234/567890"> 
  
<!-- Textfeld einzeilig - Webseite -->
<label for="Webseite" class="kontakt_label">Webseite:</label>
<input type="text" class="kontakt_form" name="Webseite" placeholder="https://www.server.de">
<br>
 
<!-- Information -->
 <label class="kontakt_label">Information:</label><br> 
 <label class="kontakt_label">Zuschläge auf die Arbeitszeit:</label><br>
 <small style="float:left;margin:2px 0 5px 5px;clear:both;">Freitags (ab 18:00 Uhr) 12 % Zuschlag<br>
Samstagszuschlag:
von 0:00-24:00 Uhr: 25 %<br>
Sonn- und Feiertagszuschlag:
von 0:00-24:00 Uhr: 75 %</small><br>
<br>
<label class="kontakt_label">Anfahrtskosten je Umkreis:</label><br><small style="float:left;margin:2px 0 5px 5px;clear:both;">Dahme/Mark: Fahrtkostenpauschale 5 �<br>
Zieckau: Fahrtkostenpauschale 10,20 �<br>
Jüterbog: Fahrtkostenpauschale 14,65 �<br>
Zossen: Fahrtkostenpauschale 21,90 �</small></label><br>  
  <br> 
  <br><br>
<label class="kontakt_label">Gasflaschen-Preise je verbrauchte Gas - Flasche:</label><br> 
<small style="float:left;margin:2px 0 5px 5px;clear:both;">Da sich die Füllpreise sich stetig ändern<br>     
 
Gasflasche  5 kg      zwischen 15,54 �  bis 17,64 �<br>
 
Da sich die Füllpreise sich stetig ändern<br>
 
Gasflasche  11 kg    zwischen 30,65 �  bis 38,74 � <br>
 
Für das Bezahlen der Flasche kann der Kassenbon vorgelegt werden.</small></label><br>  
  <br>
  <br>
<br>
<br>
 <br> 
<!-- Datum - Terminwunsch -->
<label for="Terminwunsch" class="kontakt_label">Terminwunsch:</label>
<input type="date" class="kontakt_form" name="Terminwunsch">
<br>
  <!-- Checkbox - Information&#8203; Vormittags nachmittags Ganztägig -->
 <input type="checkbox" name="Vormittags erwünscht" value="Ja bitte ich möchte das Sie Vormittags Kommen">Vormittags<br>
<input type="checkbox" name="Nachmittags erwünscht" value="Ja bitte ich möchte das Sie Nachmittags Kommen">Nachmittags<br>
<input type="checkbox" name="Ganztägig erwünscht" value="Ja bitte ich möchte das Sie Ganztägig Kommen">Ganztägig<br>
 <br>
 <br> 
  <!-- Checkbox - Dienstleistungen -->
  <label class="kontakt_label">Dienstleistungen:</label><br>
<input type="checkbox" name="Dienstleistung" value="Ja bitte ich möchte das Sie Unkraut abflämmen"> Unkraut abflämmen
<br>
<input type="checkbox" name="Dienstleistung" value="Ja bitte ich möchte das Sie Rasenmähen"> Rasenmähen
<br>
<input type="checkbox" name="Dienstleistung" value="Ja bitte ich möchte das Sie die Grabpflege machen"> Grabpflege
<br> 
<input type="checkbox" name="Dienstleistung" value="Ja bitte ich möchte das Sie die Heckenschneiden"> Heckenschneiden
<br>  
  <br>
 <br>
 
  <br>
  <br>
  <!-- Selectbox - Baustellenfotos Vorher / Nacher -->
<label for="Baustellenfotos Vorher / Nacher" class="kontakt_label">Baustellenfotos:</label><br>
<small style="float:left;margin:2px 0 5px 5px;clear:both;">Eine sorgfältige fotografische Dokumentation von Bauprojekten und Sanierungsprojekten bietet zahlreiche Vorteile. Durch die Fotografie kann nicht nur eine umfassende Dokumentation erstellt werden, sondern auch ein Vergleich zwischen dem vorherigen und aktuellen Zustand der Immobilie oder des Projekts durchgeführt werden. Baustellenfotos stellen wichtige Informationsmaterialien für Kunden, Investoren und die Öffentlichkeit dar und können das Vertrauen in das Projekt sowie die beteiligten Unternehmen stärken.</small><br>  
  
<label for="Baustellenfotos Vorher / Nacher" class="kontakt_label">Baustellenfotos Vorher / Nacher:</label><br>
 <label for="Baustellenfotos Vorher / Nacher" class="kontakt_label"> <img src="https://i.ibb.co/bzyVn4m/20221007-165317.jpg"></label> <label for="Baustellenfotos Vorher / Nacher" class="kontakt_label"> <img src="https://i.ibb.co/rGLj0gP/20221007-165323.jpg"></label><br>
<br>
 <!-- Erlaubnisanfrage --> 
  <label class="kontakt_label">Erlaubnisanfrage:</label><br>
  <small style="float:left;margin:2px 0 5px 5px;clear:both;">Darf ich für den Vorher-Nachher Vergleich von der Arbeit Bilder machen und auf meiner Webseite einfügen?</small><br>
<br>  <br>
<input type="checkbox" name="Bild/Fotografieren" value="Ja, Sie dürfen gern Fotos machen!"> Ja, Sie dürfen gern Fotos machen<br>
<input type="checkbox" name="Bild/Fotografieren" value="Nein, bitte keine Fotos machen!"> Nein, bitte keine Fotos machen  
<br>  
 
<br>   
 
<!-- Textfeld mehrzeilig - Nachricht -->
<label for="Nachricht" class="kontakt_label">*Nachricht:</label><br>
<textarea id="nachricht_k" class="kontakt_form" name=" &nbsp; Nachricht" required="required" placeholder="Ich habe da eine Frage!"></textarea>
 
<!-- Checkbox - Bestätigung gewünscht per -->
<label class="kontakt_label">Bestätigung gewünscht per:</label><br>
<input type="radio" name="Terminbestätigung per" value="Telefon" checked>Telefon<br>
<input type="radio" name="Terminbestätigung per" value="E-Mail" checked>E-Mail<br>
<br>
<!-- Checkbox - Datenverarbeitung bestätigt -->
<input type="checkbox" name="Datenverarbeitung bestätigt" value="Ja Ich bin Einverstanden" required>
        Ich bestätige, dass ich mit der Verarbeitung meiner Eingaben zum Zwecke der Anfragebearbeitung, einverstanden bin.<br> 
<br>
<br>  
<!-- Bot- Spamschutz -->
<input type="text" name="_gotcha" value="" style="display:none;">
 
<!-- Sende-, Abbrech- und Zurück-Button -->
<br>
<input type="submit" class="button4" value="Abschicken"> <input type="reset" class="button4" value="Abbrechen"> 
<input type="button" class="button5" title="Zur letzten angeschauten Seite wechseln" onClick="parent.location='javascript:history.back()'" value="Zurück"><br>
<br>
 
<small style="float:left;margin:2px 0 5px 5px;clear:both;">Felder markiert mit * sind Pflichtfelder.</small>
<br><br>
  
 <small style="float:left;margin:2px 0 5px 5px;clear:both;">Beachten sie den <a href="https://sites.google.com/view/servicecrewloreth/datenschutz"" target="_blank">Datenschutz</a></small>
   
<small style="float:left;margin:2px 0 5px 5px;clear:both;">Mit dem Absenden des Formulars fordern Sie eine kostenlose und unverbindliche Information an. Ihre Daten sind sicher und werden nur zur Bearbeitung Ihrer Anfrage verwendet. </small><br>
<label class="kontakt_label">Unser Angebot ist kostenlos und völlig unverbindlich!</label><br>
<br>   
 <small style="float:left;margin:2px 0 5px 5px;clear:both;"> Christian Loreth<br>
 
Max-Hannemann-Str.43<br>
 
15936 Dahme/Mark<br>
<br>
<span style="font-size: 18px;">Rechtsform</span><br>
<br>
<br>    
Einzelunternehmen<br>
<br>
<br>    
<span style="font-size: 18px;">Umsatzsteuer-ID</span><br>
<br>
<br>    
Aufgrund des Kleinunternehmerstatus gem. §19 UStG erheben wir keine Umsatzsteuer und weisen diese daher auch nicht aus.<br> 
<br>   
<span style="font-size: 18px;">Kontakt</span><br><br>
<br>   
&#9742; (035451) 189864<br> 
&#128241; (0176) 28978863<br>
 &#9993; <a href="mailto:servicecrewloreth@gmail.com" style="text-decoration: none !important;">Service Crew Loreth!</a><br>
&#9741; <a title="Besuchen Sie doch Service Crew Loreth!" href="https://sites.google.com/view/servicecrewloreth" style="text-decoration: none !important;"> Homepage</a>   
   
   </small><br>  
<br><br>   
</td>
</tr>
</table>
 </center>
<!-- Signatur -->
<div id="sign"><a href="https://www.hilfe-tricks-tipps.de"" target="_blank">Der Treffpunkt für Hilfe, Tricks & Tipps</a></div>© Hilfe, Tricks & Tipps seit 2006
 </form>
</td>
</tr>
   
</table>
 </body>
</html><!-- Signatur Daishi -->
<div id="Daishi">Design basierend auf der Idee von © Daishi</div>
 

Schließen

Die Befehlsbeschreibung war für den ersten Blick nicht ganz klar für mich, aber ich brauchte 2 Tage bis ich dahinterkam und ich es verstand, dass ich das nach meinem Wünschen hinbekam.

Das ganze Script von Wolfgang war mit den Befehlen so ausgelegt die man ankreuzen kann:

Code A:

1
2
3
 
<input type="checkbox" name="Bild/Fotografieren"> Ja, Sie dürfen gern Fotos machen
<br>
<input type="checkbox" name="Bild/Fotografieren"> Nein, bitte keine Fotos machen
 

Das Ergebniss ist in der E-Mail so:

Bild/Fotografieren
on

Damit konnte ich und meine Freundin nichts anfangen. Ich brauchte 2 Tage um eine Lösung zu finden, und fügte noch den code "value".... ein, damit sieht man was geklickt worden ist und ist für uns verständlicher.

Hier ein Beispiel:
Code B:

1
2
 
<input type="checkbox" name="Bild/Fotografieren" value="Ja, Sie dürfen gern Fotos machen!"> Ja, Sie dürfen gern Fotos machen<br>
<input type="checkbox" name="Bild/Fotografieren" value="Nein, bitte keine Fotos machen!"> Nein, bitte keine Fotos machen
 

Das Ergebniss ist in der E-Mail so:

Bild/Fotografieren
Ja, Sie dürfen Fotos machen

Ich hoffe, ich konnte es so gut es geht erklären.

Wie gesagt, man kann das Kontaktformular verändern und anpassen, wie man es möchte.

Nette Grüße

Daishi

Daishi

Wolfgang findet das Top!

Antworten

#9 | RE: Eigenes Kontaktformular für Gäste - HTML datum

09.02.2025 12:07 (zuletzt bearbeitet: 09.02.2025 15:22)

Magister

Informationen anzeigen

Beitr�ge:	94
Registriert seit:	03.04.2008

Homepage:	Link
Letzte Spende	Betrag 5 � Forum Spende
Sternzeichen	Fische
Likes	17

So, war lange nicht mehr hier.
Mein Anbieter für ein Anmeldeformular hat den Betrieb eingestellt und andere Anbieter wollen dafür Gebühren haben.
Es sollte Plichtfelder und Mehrauswahl unterstützen und anschließend soll das per eMail versandt werden.

edit: Habe es soweit hinbekommen, außer mit der Mehrauswahl, das will irgendwie nicht.
Da wo die Auswahl "Base, Mobil, Portable" , da soll man die Mehrauswahl machen können. Code Zeile 42-48
Am besten mit ein Kästchen zum anklicken hinter den zur Auswahl stehenden Angaben . Eine Angabe soll auch als Plicht sein.

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
 
<table class="table_kont">
<tr>
<td>
 
 
<form id="kontaktformular" name="kontaktformular" action="https://form.taxi/s/cdef6cjt" id="ft-form" method="POST" accept-charset="UTF-8" enctype="multipart/form-data" autocomplete="off">
 
<!-- Überschrift -->
<table class="table_daten">
<tr>
<td class="head_kont"><img src="https://files.homepagemodules.de/b104774/a_342_8c566e58.png"><span>Kontaktformular</span></td>
</tr>
 
<tr>
<td class="head_kont">
 
 
<!-- Textfeld einzeilig - Rufzeichen -->
<label class="kontakt_label" for="Vorname">*Rufzeichen:</label>
<input type="text" class="kontakt_form" name=" &nbsp; Vorname" required="required" placeholder="Bitte ausfüllen">
 
<!-- Textfeld einzeilig - Nachname -->
<label class="kontakt_label" for="Vorname">*Vorname:</label>
<input type="text" class="kontakt_form" name=" &nbsp; Nachname" required="required" placeholder="Bitte ausfüllen">
 
<!-- E-Mail -->
<label class="kontakt_label" for="Absender">*Gültige E-Mail-Adresse:</label>
<input type="email" id="absender" class="kontakt_form" name=" &nbsp; Absender" required="required" placeholder="Bitte ausfüllen">
 
 
<!-- Textfeld einzeilig - Nachname -->
<label class="kontakt_label" for="QTH">*Dein QTH:</label>
<input type="text" class="kontakt_form" name=" &nbsp; Nachname" required="required" placeholder="Bitte ausfüllen">
 

<!-- Textfeld einzeilig - Webseite -->
<label class="kontakt_label" for="QTH Locator">Dein QTH Locator (falls bekannt):</label>
<input type="text" class="kontakt_form" name="Webseite" placeholder="Optional">
 
[style=letter-spacing: 0.08em; text-shadow: 0 0 20px white, 0 0 20px white, 0 0 10px red, 0 0 14px red, 0 0 16px red, 0 0 25px red, 0 0 60px red, 0 0 80px red]<!-- Selectbox - Auswahl Kategorie -->
<br>
<label class="kontakt_label" for="Bitte angeben" style="width: 100px">Bitte angeben<br></label>
 
 &nbsp;<select class="kontakt_form" name="Auswahl" multiple="multiple">
    
    <option value="Base">Base</option>
    <option value="Mobil">Mobil</option>
    <option value="Portable">Portable</option>
 </select>[/style]
 
  <label for="msg"><br>&nbsp; Ihre Nachricht:<br></label>
  &nbsp;<textarea rows="5" name="Nachricht" id="msg" required cols="40"></textarea>
 
 
<!-- Bot- Spamschutz -->
<input type="text" name="_gotcha" value="" style="display:none;">
 
<!-- Sende-, Abbrech- und Zurück-Button -->
<br>
<br><input type="submit" class="button4" value="Abschicken">
 <input type="reset" class="button4" value="Abbrechen"> 
<input type="button" class="button5" title="Zur letzten angeschauten Seite wechseln" onClick="parent.location='javascript:history.back()'" value="Zurück">
<small style="float:left;margin:2px 0 5px 5px;clear:both;">Felder markiert mit * sind Pflichtfelder.</small>
<br><br>
 
</td>
</tr>
</table>
 
 

Wolfgang findet das Top!

Antworten

#10 | RE: Eigenes Kontaktformular für Gäste - HTML datum

14.02.2025 18:59

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3816
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Wolfgang hat heute Geburtstag!

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1643

Eigenes Kontaktformular für Gäste - HTML
Aktualisiert 17.02.2025

Hallo MagisterSchön von Dir zu hören!
Wie ich sehe, hast Du noch Deine CB-Germany Webseite.
Sieht klasse aus, finde ich!

Zum Anmeldeformular

Habe die Mehrfachauswahl mit "Input-Checkboxen" und Pflichtauswahl für mindestens eine Box, in Zeile 179-188 eingebaut.
Hier war noch ein zusätzliches Skript erforderlich (Zeile 216-229).
In Zeile 206-207 findest Du die Signatur mit Deinem Copyright, kann aber auch komplett gelöscht werden!
Eintragung Mitgliederliste nachgetragen (Zeile 166-171)!
Die Pflichtsternchen haben noch eine rote Farbe bekommen!
Ein Fehler war noch vorhanden, es fehlte die Abschlüsse in Zeile 209-212.

Bitte testen, besonders die Pflichtfelder, auch, ob alle Daten übertragen werden!

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
 
<style>
  .table_kont {
    margin: 0px auto;
    max-width:550px;
  }
  .head_kont {
    width:500px;
    background-color:#262626;
    text-align:left;
    padding:5px;
    color: #ffffff !important; 
    border:1px solid #000000;
  }
  .head_kont .head_kont_text {
    font-size:30px;
    text-align:center;
    margin:20px 25px auto 0;
    float:left;
    font-weight: bold;
  }
  .head_kont img {
    margin-right:30px;
    float:left;
    height:60px;
  }
  #kontaktformular {
    background-color:#383838;
    padding: 10px 10px 25px 10px;
    border: 1px solid #8c8c8c;
    box-shadow:6px 6px 8px #aaaaaa;
    border-radius: 6px;
    -moz-border-radius:6px; 
    -webkit-border-radius:6px;
  }
  #kontaktformular .kontakt_label {
    display:inline-block;
    font-weight:bold;
    padding:1px 5px;
    margin:7px 0 1px 0;
    font-size:100%;
    color: #ffffff !important;
  }
  #kontaktformular .kontakt_lab {
    color: #eeeeee !important;
  }
  #kontaktformular input:hover, #kontaktformular textarea:hover, #kontaktformular input[type=radio]:hover {
    background:#bbbbbb !important; 
    cursor:pointer;
  }
  #kontaktformular input:focus, #kontaktformular textarea:focus {
    background-color: #d9d9d9 !important;
    cursor:text;
  }
  #kontaktformular #nachricht_k {
    height: 5em;
 }
  #kontaktformular .kontakt_form::placeholder { 
    opacity:0.8;
    color: #000000 !important;
  }
  #kontaktformular .kontakt_form {
    width:98%;
    border: 1px solid #8c8c8c;
    padding:1px 5px;
    display: block;
    cursor: pointer;
    background-color:#eeeeee !important;
    color: #000000 !important;
  }
  #kontaktformular .button4, #kontaktformular .button5 {
    background-image:url("http://www.osna-radio-club.de/image/bg_anmeldung.jpg"); 
    background-size: cover;
    background-color:#383838;
    color:#ffffff !important;
    padding: 3px 5px;
    border-radius:2px ; 
    -moz-border-radius:2px; 
    -webkit-border-radius:2px;
    border:1px solid #eeeeee;
  }
  #kontaktformular .button5{
    float:right;
  }
  #kontaktformular .button4{
    margin-right:10px;
    float:left;
  }
  #kontaktformular .button4:hover, #kontaktformular .button5:hover {
    cursor:pointer;
    background:#777777 !important;
  }
  #kontaktformular #sign {
    color: #ffffff;
    float:right;
    margin:2px auto 0px auto;
    font-size:14px;
  }
  #kontaktformular input[type=radio], #kontaktformular input[type=checkbox] {
    vertical-align: middle; margin-left: 10px;
  }
  #kontaktformular input[type=radio]:hover, #kontaktformular input[type=checkbox]:hover {
    cursor:pointer;
  }
  #kontaktformular input[type=radio]:checked {
    cursor:default !important;
  }
  #kontaktformular input, #kontaktformular select, #kontaktformular textarea {
    width: auto;
    box-shadow:none;
    font-size:98% !important;
  }
  .auto-style1 {
    color: #FFFF00;
    margin-bottom:5px;
  }
  .auto-style2 {
    color: #FFFFFF;
  }
</style>
 

<!--  Start Anmeldeformular --> 
<table class="table_kont">
  <tr>
    <td>
      <form id="kontaktformular" name="kontaktformular" action="http://form.taxi/s/cdef6cjt" id="ft-form" method="POST" accept-charset="UTF-8" enctype="multipart/form-data" autocomplete="off">
 
        <!-- Überschrift -->
        <table class="table_daten">
          <tr>
            <td class="head_kont"><img src="http://www.osna-radio-club.de/image/Brief.png"><span class="head_kont_text">Kontaktformular</span></td>
          </tr>
          <tr>
            <td class="head_kont">
 
              <!-- Textfeld einzeilig - Rufzeichen -->
              <label class="kontakt_label" for="Dein Rufzeichen"><span style="color: red; ">*</span> Dein Rufzeichen:</label><br>
              <input type="text" class="kontakt_form" name="   Dein Rufzeichen" required="required" placeholder="Bitte ausfüllen!">
              
              <br>
 
              <!-- Textfeld einzeilig - Nachname -->
              <label class="kontakt_label" for="Dein Vorname"><span style="color: red; ">*</span> Dein Vorname:</label><br>
              <input type="text" class="kontakt_form" name="   Dein Vorname" required="required" placeholder="Bitte ausfüllen!">
              
              <br>
 
              <!-- Textfeld einzeilig - Dein QTH -->
              <label class="kontakt_label" for="Dein QTH"><span style="color: red; ">*</span> Dein QTH:</label><br>
              <input type="text" class="kontakt_form" name="   Dein QTH" required="required" placeholder="Bitte ausfüllen!">
              
              <br>
 
              <!-- Textfeld einzeilig -Dein QTH Locator  -->
              <label class="kontakt_label" for="Dein QTH Locator">Dein QTH Locator (falls bekannt):</label><br>
              <input type="text" class="kontakt_form" name="Dein QTH Locator" placeholder="Optional">
              
              <br>       
 
              <!-- E-Mail -->
              <label class="kontakt_label" for="Absender"><span style="color: red; ">*</span> Deine E-Mail-Adresse (Eine gültige E-Mail Adresse angeben!):</label><br>
              <input type="email" id="absender" class="kontakt_form" name="   Absender" required="required" placeholder="Bitte ausfüllen!">
              
              <br>
 
              <!-- Selectbox - Auswahl Kategorie --> 
              <label class="kontakt_label" for="E-Mail eintragen" style="width: auto"><strong><span style="color: red; ">*</span> E-Mail in der Mitgliederliste eintragen?</strong></label><br>
              <input type="radio" name="Auswahl" value="Ja" required="required">
              <label for="Ja">Ja</label>
              <input type="radio" name="Auswahl" value="Nein">
              <label for="Nein">Nein</label>
              
              <br>            
              <br> 
              <hr color="#999999">
              
              <br>
 
              <!-- Selectbox - Auswahl Kategorie --> 
              <div class="requiredCheck">
                <label class="kontakt_label" for="Bitte angeben" style="width: auto"><strong><span style="color: red; ">*</span> Bitte angeben:</strong></label><br>
                <input type="checkbox" name="Base" value="Base" value="Base" required="required">
                <label for="Base">Base</label>
                <input type="checkbox" name="Mobil" value="Mobil" value="Mobil" required="required">
                <label for="Mobil">Mobil</label>
                <input type="checkbox" name="Portable" value="Portable" value="Portable" required="required">
                <label for="Portable">Portable</label>
              </div> 
               
               <label class="kontakt_label" for="msg"><br><strong>  Deine Nachricht (Optional):</strong></label><br>
               <textarea rows="5" name="Deine Nachricht" id="msg" style="width: 98%; margin-left:5px;" cols="40"></textarea>
 
              <!-- Bot- Spamschutz -->
              <input type="text" name="_gotcha" value="" style="display:none;">
              <br><br> 
 
              <!-- Sende-, Abbrech- und Zurück-Button -->
              <input type="submit" class="button4" value="Abschicken">
              <input type="reset" class="button4" value="Abbrechen"> 
              <input type="button" class="button5" title="Zur letzten angeschauten Seite wechseln" onClick="parent.location='javascript:history.back()'" value="Zurück">
              
            </td>
          </tr>
        </table>
           
        <!-- Signatur -->
        <div id="sign" class="auto-style1"><strong><span class="auto-style2">© by 13 Osna Radio 01 (13 Delta Sierra 02</span>)</strong></div>
 
      </form>
    </td>
  </tr>
</table>
<!-- Ende Anmeldeformular -->
 

<!-- Notwendig, wenn kein jQuery vorhanden ist! -->
<script type="text/javascript" src="https://img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js"></script> 
<script>
// Checkboxen: Mindestens eine Box anklicken!
document.addEventListener('DOMContentLoaded', function() {
    var requiredCheckboxes = $('.requiredCheck :checkbox[required]');
    requiredCheckboxes.change(function(){
        if(requiredCheckboxes.is(':checked')) {
            requiredCheckboxes.removeAttr('required');
        } else {
            requiredCheckboxes.attr('required', 'required');
        }
    });
});
</script>
 

Schließen

Bis dann und viel Spaß beim Testen
Wolfgang

Antworten

Moderations-Kommentar:

Skript komplett überarbeitet!
JavaScript für die Checkboxen nachgetragen!

Zu Silvester: Feuerwerk-Effekte für die Homepage mit Sound � � Xobor-Spenden-Button - Forum Spende - In der Foren Übersicht, im Profil, im Beitrag, im Portal und in der Mitgliederliste!

Seite 1 von 2 � Seite 1 2 Seite �

�hnliche Themen

Antworten

Letzter Beitrag

Wie & Wo trage ich eigene HTML-Codes, CSS-Codes & JavaScripts in den Xobor-Foren ein?
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

20.10.2025 12:15
von

Dankeschön • Zugriffe: 126

Ausklappmenü - Kontaktformular
Erstellt im Forum Das neue Template Xobor (v6). von Nara 4 11.04.2021 13:13
Nara • Zugriffe: 746
Eigene HTML-Box im Xobor (v6)-Template einbauen?
Erstellt im Forum Das neue Template Xobor (v6). von Nara 19 24.10.2021 01:18
844er • Zugriffe: 4340
Tastenkombinationen (Shortcuts) fürs eigene Forum (v4 + v6) - Mit Hover-Effeketen
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 15 28.03.2025 21:58
Dankeschön • Zugriffe: 2041
YouTube-Videogalerie für das eigene Forum installieren - 5 Teile!
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 4 06.07.2025 06:34
Wolfgang • Zugriffe: 2290

Eigenes Impressum und übersichtliche Datenschutzerklärung für die Webseite
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

10.09.2023 17:51
von

Kipper-Spedition • Zugriffe: 4705

Kopierschutz für Webseiten: Markierungssperre, Eigenes Kontextmenü, iFrame-Sperre!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

28.09.2020 20:49
von

Wolfgang • Zugriffe: 13088

Framekiller - Mehr Sicherheit für die eigene Webseite
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

12.06.2023 19:36
von

Wolfgang • Zugriffe: 2177

Taschenrechner im HTML-Format - Mit vielen Auslösepositionen!
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 12 06.10.2025 23:32
Wolfgang • Zugriffe: 3539

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages �

Das neue Template Xobor (v6). � Eigenes Kontaktformular für Gäste - HTML

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

93%