Suche im Forum:
Suchen


Autor Nachricht
Beitrag26.10.2010 um 21:40 (UTC)    
Titel: Formular-Code anpassen

Moin,

habe mir mit einem Formulargenerator ein Anmeldeformular erstellt.

Wißt ihr, ob und wie ich dort die Breite des Formulars ändern kann?
Und auch, ob sich der Hintergrund als transparent benennen läßt, damit der Hintergrund der HP selbst sichtbar ist. Aktuell ist es sehr störend durch diese riesige weiße Ansicht.

Ach ja, fast vergessen: die Schriftfarbe der Textfelder selbst würde ich auch gerne ändern.

Ich füge einfach mal den (gekürzten) Code ein. Danke schon mal im voraus.

Zitat:

<span style="color: #cccccc"><span style="font-size: small"><span style="font-family: Comic Sans MS">
<table height="42" cellspacing="1" cellpadding="1" width="233" align="left" style="width: 233px; height: 42px">
<tbody>
<tr>
<td><span style="color: #c0c0c0"><span style="background-color: #3366ff"><span><span><span><span style="font-family: Verdana"><span style="font-size: large">Online-Anmeldung</span></span></span></span></span></span></span></td>
</tr>
</tbody>
</table>
<br />
<br />
<br />
</span></span></span>
<div style="text-align: center"><span style="font-size: medium"><span><u><strong><span style="color: #cccccc"><span style="font-family: Comic Sans MS">Hinweis: <br />
</span></span></strong></u></span></span><span style="font-size: medium"><span style="color: #cccccc"><span><span style="font-family: Comic Sans MS">Die Anmeldung ist erst g&uuml;ltig nach Erhalt der Anmeldebest&auml;tigung und &Uuml;berweisung des Startgeldes. <br />
<br />
</span><em><span style="font-family: Comic Sans MS">Anmeldeschluss: 01.03.2011&nbsp; <br />
<img alt="" src="http://img.webme.com/pic/h/hjg-kellinghusen/fussball_0039.gif" /><br />
</span></em></span></span></span></div>
<!-- Start Code dw-Formgenerator --><style type="text/css">
body {
background-color: #FFFFFF;
}
.font-big {
font-family:Verdana, sans-serif;
font-size:16px; font-weight:bold;
color:#FFFFFF;
}
.font-small {
font-family:Verdana, sans-serif;
font-size:10px; font-weight:normal;
color:#000000;
}
.table {
background-color:#FFFFFF;
width:90%;
}
.table2 {
background-color:#FFFFFF;
width:100%;
}
.head {
background-color:#83ADDD;
}
.main {
background-color:transparent;
font-family:Verdana, sans-serif;
font-size:12px; font-weight:normal;
color:#000000;
}
.foot {
background-color:#83ADDD;
}
.align {
text-align:left;
}
.textarea {
background-color:#ECECEC;
color:#000000;
font-family : Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
border : 1px solid #808080;
}
.input {
background-color:#ECECEC;
color:#000000;
font-family : Verdana, Helvetica, sans-serif;
border : 1px solid #808080;
font-size:12px;
}
.select {
background-color:#ECECEC;
color:#000000;
font-family : Verdana, Helvetica, sans-serif;
border : 1px solid #808080;
font-size:12px;
}
.textarea:hover, .textarea:focus, .input:hover, .input:focus, .select:hover, .select:focus {
border : 1px solid #000000;
}
.button {
width: 130px;
}</style><script type="text/javascript">
var tv=-1;
window.onLoad=page_tv();
function VerifyEmailAddress(EmailAddress) {
if (window.RegExp) {
var reg1str = "(@.*@)|(..)|(@.)|(.@)|(^.)";
var reg2str = "^.+@([?)[a-zA-Z0-9-.]+.([a-zA-Z]{2,4}|[0-9]{1,4})(]?)$";
var reg1 = new RegExp(reg1str);
var reg2 = new RegExp(reg2str);
if (!reg1.test(EmailAddress) && reg2.test(EmailAddress)) {
return true
}else {
return false
}
}else {
if (EmailAddress.indexOf("@") >= 0) {
return true
}else {
return false
}
}
}
function rest(a,b,c,d) {
r = (b - a.value.length);
if (r < 0)
r = 0;
if ( (e = document.getElementById(c)) != null)
e.innerHTML = r;
if (a.value.length > b)
a.value = a.value.substr(0,b);
}
function page_tv() {
tv++;
window.setTimeout('page_tv()', 1000);
}
var chk;
function check_form(f,g) {
if (f.elements['absender_verein'].value == '') {
alert("Bitte alle Pflichtfelder ausfu00FCllen! n(Verein)");
f.elements['absender_verein'].focus();
return false;
}
if (f.elements['absender_mannschaft'].value == '') {
alert("Bitte alle Pflichtfelder ausfu00FCllen! n(anzumeldende Mannschaft)");
f.elements['absender_mannschaft'].focus();
return false;
}


.... den Teil aufgrund der Wiederholungen lass ich mal raus ....

</script>
<form action="http://www.dw-formmailer.de/cgi-bin/dwmailer/dwmailer.pl" method="post" enctype="multipart/form-data" onsubmit="return check_form(this);" name="dwmailer">
<input type="hidden" name="page_tv" /> <input type="hidden" name="page_tv_2" value="&auml;&ouml;&uuml;" /> <input type="hidden" name="pflicht" value="absender_verein,absender_mannschaft,absender_ap,absender_funktion,absender_strasse,PLZ Ort,absender_telefon,&Uuml;bernachtung,Abendessen,fr&uuml;hst&uuml;ck" /> <input type="hidden" name="empfaenger_mail" value="bmljb2xlLmdlcmxhY2hAYWxpY2UtZHNsLm5ldA==" /> <input type="hidden" name="language" value="de" /> <input type="hidden" name="page_background_color" value="#FFFFFF" /> <input type="hidden" name="page_font_color" value="#000000" />
<table class="table" cellspacing="1" cellpadding="3" align="center" border="0">
<tbody>
<tr>
<td class="head" align="left" width="100%" colspan="2" height="17"><span class="font-big">Anmeldung HJG *** Bei Auswahl &quot;ja&quot; bitte die Unterpunkte ausf&uuml;llen! ***</span></td>
</tr>
<tr>
<td class="main" width="100%" colspan="2" height="16"><span class="font-small">Bitte f&uuml;llen Sie alle mit * markierten Felder aus. (Pflichtfelder)</span></td>
</tr>
<tr>
<td class="main" width="30%">
<div class="align">Verein*</div>
</td>
<td class="main"><input class="input" maxlength="100" name="absender_verein" type="text" /></td>
</tr>


.... hier auch gekürzt, aufgrund der Wiederholungen ... sprengt sonst die Übersichtlichkeit ....
<tr>
<td class="main" width="30%">
<div class="align">Kommentar</div>
</td>
<td class="main">(Restzeichen: <span id="count_1">2500</span>)<br />
<textarea class="textarea" id="absender_text" rows="8" cols="35" onkeydown="rest(this,2500,'count_1',event)" onkeyup="rest(this,2500,'count_1',event)" onchange="rest(this,2500,'count_1',event)" name="absender_text"></textarea></td>
</tr>
<tr>
<td class="foot" align="center" width="100%" colspan="2" height="25"><input class="button" type="submit" value="Abschicken" />&nbsp;&nbsp;&nbsp;&nbsp;<input class="button" type="reset" value="Zur&uuml;cksetzen" /></td>
</tr>
</tbody>
</table>
</form>



Gruß
Nici


Zuletzt bearbeitet von hjg-kellinghusen am 26.10.2010, 22:45, insgesamt 3-mal bearbeitet
Beitrag27.10.2010 um 15:28 (UTC)    
Titel:

nur Formularcode! hat Folgendes geschrieben:


<!-- Start Code dw-Formgenerator --><style type="text/css">
body {
background-color: #xxxxxx;
}
.font-big {
font-family:Verdana, sans-serif;
font-size:16px; font-weight:bold;
color:#FFFFFF;
}
.font-small {
font-family:Verdana, sans-serif;
font-size:10px; font-weight:normal;
color:#000000;
}
.table {
background-color:#xxxxxx; /*Hintergrundtransparenz, wo vorher weiß war*/
width:40%; /Breite des Formulars anpassen; vorher 90%*/
}
.table2 {
background-color:#FFFFFF;
width:100%;
}
.head {
background-color:#83ADDD; /*falls du oben transparenz haben möchtest; #xxxxxx einsetzen*/ }
.main {
background-color:transparent;
font-family:Verdana, sans-serif;
font-size:12px; font-weight:normal;
color:#000000;
}
.foot {
background-color:#83ADDD; /*falls du unten transparenz haben möchtest; #xxxxxx einsetzen*/}
.align {
text-align:left;
}
.textarea {
background-color:#ECECEC;
color:#000000; /* Schriftfarbe in Textfelder!*/
font-family : Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
border : 1px solid #808080;
}
.input {
background-color:#ECECEC;
color:#000000;
font-family : Verdana, Helvetica, sans-serif;
border : 1px solid #808080;
font-size:12px;
}
.select {
background-color:#ECECEC;
color:#000000;
font-family : Verdana, Helvetica, sans-serif;
border : 1px solid #808080;
font-size:12px;
}
.textarea:hover, .textarea:focus, .input:hover, .input:focus, .select:hover, .select:focus {
border : 1px solid #000000;
}
.button {
width: 130px;
}</style><script type="text/javascript">
var tv=-1;
window.onLoad=page_tv();
function VerifyEmailAddress(EmailAddress) {
if (window.RegExp) {
var reg1str = "(@.*@)|(..)|(@.)|(.@)|(^.)";
var reg2str = "^.+@([?)[a-zA-Z0-9-.]+.([a-zA-Z]{2,4}|[0-9]{1,4})(]?)$";
var reg1 = new RegExp(reg1str);
var reg2 = new RegExp(reg2str);
if (!reg1.test(EmailAddress) && reg2.test(EmailAddress)) {
return true
}else {
return false
}
}else {
if (EmailAddress.indexOf("@") >= 0) {
return true
}else {
return false
}
}
}
function rest(a,b,c,d) {
r = (b - a.value.length);
if (r < 0)
r = 0;
if ( (e = document.getElementById(c)) != null)
e.innerHTML = r;
if (a.value.length > b)
a.value = a.value.substr(0,b);
}
function page_tv() {
tv++;
window.setTimeout('page_tv()', 1000);
}
var chk;
function check_form(f,g) {
if (f.elements['absender_verein'].value == '') {
alert("Bitte alle Pflichtfelder ausfu00FCllen! n(Verein)");
f.elements['absender_verein'].focus();
return false;
}
if (f.elements['absender_mannschaft'].value == '') {
alert("Bitte alle Pflichtfelder ausfu00FCllen! n(anzumeldende Mannschaft)");
f.elements['absender_mannschaft'].focus();
return false;
}


.... den Teil aufgrund der Wiederholungen lass ich mal raus ....

</script>
<form action="http://www.dw-formmailer.de/cgi-bin/dwmailer/dwmailer.pl" method="post" enctype="multipart/form-data" onsubmit="return check_form(this);" name="dwmailer">
<input type="hidden" name="page_tv" /> <input type="hidden" name="page_tv_2" value="&auml;&ouml;&uuml;" /> <input type="hidden" name="pflicht" value="absender_verein,absender_mannschaft,absender_ap,absender_funktion,absender_strasse,PLZ Ort,absender_telefon,&Uuml;bernachtung,Abendessen,fr&uuml;hst&uuml;ck" /> <input type="hidden" name="empfaenger_mail" value="bmljb2xlLmdlcmxhY2hAYWxpY2UtZHNsLm5ldA==" /> <input type="hidden" name="language" value="de" /> <input type="hidden" name="page_background_color" value="#FFFFFF" /> <input type="hidden" name="page_font_color" value="#000000" />
<table class="table" cellspacing="1" cellpadding="3" align="center" border="0">
<tbody>
<tr>
<td class="head" align="left" width="100%" colspan="2" height="17"><span class="font-big">Anmeldung HJG *** Bei Auswahl &quot;ja&quot; bitte die Unterpunkte ausf&uuml;llen! ***</span></td>
</tr>
<tr>
<td class="main" width="100%" colspan="2" height="16"><span class="font-small">Bitte f&uuml;llen Sie alle mit * markierten Felder aus. (Pflichtfelder)</span></td>
</tr>
<tr>
<td class="main" width="30%">
<div class="align">Verein*</div>
</td>
<td class="main"><input class="input" maxlength="100" name="absender_verein" type="text" /></td>
</tr>


.... hier auch gekürzt, aufgrund der Wiederholungen ... sprengt sonst die Übersichtlichkeit ....
<tr>
<td class="main" width="30%">
<div class="align">Kommentar</div>
</td>
<td class="main">(Restzeichen: <span id="count_1">2500</span>)<br />
<textarea class="textarea" id="absender_text" rows="8" cols="35" onkeydown="rest(this,2500,'count_1',event)" onkeyup="rest(this,2500,'count_1',event)" onchange="rest(this,2500,'count_1',event)" name="absender_text"></textarea></td>
</tr>
<tr>
<td class="foot" align="center" width="100%" colspan="2" height="25"><input class="button" type="submit" value="Abschicken" />&nbsp;&nbsp;&nbsp;&nbsp;<input class="button" type="reset" value="Zur&uuml;cksetzen" /></td>
</tr>
</tbody>
</table>
</form>


Ich habe immer dahinter geschrieben, was das ist!

Viel Spaß

NK Wink
______________
Bewerte NK! | Trag dich doch in die Topliste ein!



Zuletzt bearbeitet von nur-kostenloses am 27.10.2010, 16:28, insgesamt einmal bearbeitet
Beitrag28.10.2010 um 21:07 (UTC)    
Titel:

Danke dir!!!
Beitrag29.10.2010 um 13:12 (UTC)    
Titel:

hjg-kellinghusen hat Folgendes geschrieben:
Danke dir!!!


Bitte schön.
Und danke für die Rückmeldung.
ERLEDIGT!

NK Wink
______________
Bewerte NK! | Trag dich doch in die Topliste ein!

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de