Webhilfe.info/board

Hallo,

Ich habe mal wieder einige offene Fragen, die ich mir selbst nicht beantworten kann. Dank rene darf ich dieses Kontakt Script verwenden.

[code:1]
<?php
include("config.php");
$ueberschrift="Kontakt aufnehmen"; // Hier muss die Überschrift eingetragen werden

/* hier nichts veränder!*/
echo"
<td height='20' background='Bilder/verlauf02.jpg'> <font color='#989898'><b> $ueberschrift </b></font> <!--bg und color-->
</td></tr><tr><td><br><font color='#989898'>"; // Zeilenumbruch Titelleiste und color für den Text
?>
<!--Ab hier kann der Text eingefuegt werden-->

Du kannst den Webmaster anschreiben um<ul>
<li>Probleme und Fehler zu melden</li>
<li>Feedback zu geben</li>
<li>sonstige Fragen beantwortet zu bekommen</li>
</ul>

<!--script beginn-->
<br>
<form name="form1" method="post" action="index.php?modul=kontakt.php">
<table width="391" height="168" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="101"><font color="#989898">Name*</font></td>
<td width="290"> <font color="#989898"> <input type="text" name="kontaktname">
</font> </td>
</tr>
<tr>
<td><font color="#989898">E-Mail*</font></td>
<td><font color="#989898"><input type="text" name="kontaktemail"></font></td>
</tr>
<tr>
<td><font color="#989898">Betreff*</font></td>
<td><font color="#989898"><select name="kategoriekontakt" id="kategoriekontakt">
<option>Allgemeine Mitteilung</option>
<option>Allgemeine Frage(n)</option>
<option>Webdesign: komplette Homepagegestaltung</option>
<option>Webdesign: neugestaltung vorhandener Homepage</option>
<option>Webdesign: Preise und allg. Konditionen</option>
</select> </font> </td>
</tr>
<tr>
<td><font color="#989898">Nachricht*</font></td>
<td> <font color="#989898"> <textarea name="kontaktmail" cols="40" rows="10"></textarea></font></td>
</tr>
<tr>
<td><font color="#989898">*muss ausgef&uuml;llt sein</font></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td> <font color="#989898"> <input type="submit" name="Submit" value="Abschicken">
</font> </td>
</tr>
</table>
</form>
<p align="center">
<?PHP
if ($work == 1) {
$fehlen = "";
if (empty($kontaktname)) {
$fehlen = $fehlen."<LI>Name";
}
if (empty($kontaktemail)) {
$fehlen = $fehlen."<LI>E- Mail";
}
if (empty($kategoriekontakt)) {
$fehlen = $fehlen."<LI>Kategorie";
}
if (empty($kontaktmail)) {
$fehlen = $fehlen."<LI>Nachricht";
}
if (!empty($fehlen)) {
echo "Du hast was vergessen:<BR>";
echo "$fehlen<BR><BR>";
} else {
$subject = "Kontakt";
$dl_mail = "Unholy-Forces@gmx.de";
$message ="
<<$kontaktname ($kontaktemail) >>
<<Kategorie: $kategoriekontakt >> <br>
schrieb:<br>
$kontaktmail ";

//$headers = "MIME-Version: 1.0
";
//$headers = "Content-type: text/html; charset=iso-8859-1
";
$headers = "From: Unholy-Forces.de <Unholy-Forces@gmx.de>
";

mail($dl_mail, $subject, $message, $headers);
}
}
?> [/code:1]

( Ich möchte hiermit einmal betonen, dass das Verwenden dieses Scriptes gewöhnlich nur dann gestattet ist, wenn ein Copyright Verweis sichtbar angefügt ist. Alle Rechte liegen bei rene-design.de. )

Ich habe das Script hier mal eingebunden
http://www.check-the.info/home/sonstiges...ontakt.php

Mein Problem ist jetzt zunächst einmal die Schriftfarbe. Sie soll eigentlich so wie sie ist, nur wie man im code erkennen kann, muss ich den Font Tag jedes mal davor setzen. Ich hätte das gerne in meine CSS, weis aber nicht wie.

CSS:

[code:1]/* BODYTAG*/
body {
scrollbar-3dLight-Color:#8B8B8B;
scrollbar-Highlight-Color:#8B8B8B;
scrollbar-Face-Color:#8B8B8B;
scrollbar-Arrow-Color:#E0E0E0;
scrollbar-Shadow-Color:#FFFFFF;
scrollbar-DarkShadow-Color:#F0F0F0;
scrollbar-Track-Color:#FFFFFF;
font-family: verdana;
font-size: xx-small;
font-color: #989898;
cursor: crosshair; }

table {
font-family: verdana;
font-size: xx-small;
font-color: #989898; }

td {
font-family: verdana;
font-size: xx-small;
font-color: #222222;
}

a:link {
color: #989898; // graustufe
font-weight: ;
text-decoration: none }

a:visited {
color: #989898;
font-weight: ;
text-decoration: none }

a:hover {
color: #EB5300; // orangestufe
font-weight: ;
text-decoration: none }[/code:1]

Kann mir das dort einer hinzufügen? Ebenso wollte ich die Schriftart und Größe und Farbe im Betreffauswahlfenster und in den restlichen Eingabefeldern genauso haben. Also grau und 8pt bzw. xx-small wie es oben steht.

Mein zweites Problem ist das Design der Eingabefelder. Die haben rundrum einen Schatten, den wollt ich da eigentlich nicht, es sollte eine einfache Linie als Rahmen drumrum, in der Farbe wie die restlichen auf meiner Seite.
Als letztes noch das Design des "Abschicken" Buttons und des kleinen Pfeils am rechten Ende des Betreff Feldes. Die sollen auch einfach nur rechteckig, in der Farbe wie die anderen Linien und in der Mitte in Verdana Fett 8pt "Abschicken" Der Pfeil dementsprechend.

Ich wäre dankbar wenn mir jemand helfen würde.

Gruß greg[/code]

[code:1]
<style type="text/css">
input{
border:1px solid #989898;
color:#989898;
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
textarea{
border:1px solid #989898;
color:#989898;
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
select{
color:#989898;
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.formular{
color:#989898;
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.abschicken{
font-weight:bold;
color:000000;
}
</style>
<form name="form1" method="post" action="index.php?modul=kontakt.php">
<table width="391" height="168" border="0" cellpadding="0" cellspacing="0" class="formular">
<tr>
<td width="101" >Name*</td>
<td width="290"><input type="text" name="kontaktname"></td>
</tr>
<tr>
<td>E-Mail*</font></td>
<td><input type="text" name="kontaktemail"></td>
</tr>
<tr>
<td>Betreff*</td>
<td><select name="kategoriekontakt" id="kategoriekontakt">
<option>Allgemeine Mitteilung</option>
<option>Allgemeine Frage(n)</option>
<option>Webdesign: komplette Homepagegestaltung</option>
<option>Webdesign: neugestaltung vorhandener Homepage</option>
<option>Webdesign: Preise und allg. Konditionen</option>
</select></td>
</tr>
<tr>
<td>Nachricht*</td>
<td><textarea name="kontaktmail" cols="40" rows="10"></textarea></td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td colspan="2">*muss ausgef&uuml;llt sein</td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="submit" name="Submit" value="Abschicken" class="abschicken">
</td>
</tr>
</table>
</form>
[/code:1]

Wie man den Rahmen der Selectbox ändert weis ich leider auch nicht ...

Ich hoffe ich konnte dir weiter Helfen

MFG

hey
Also ich änder das ganze mit diesem CSS Code:
[code:1]SELECT {
FONT-SIZE: 11px; COLOR: #213546; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #abc5dc
}
INPUT {
BORDER-RIGHT: #213546 1px solid; BORDER-TOP: #213546 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #213546 1px solid; COLOR: #213546; BORDER-BOTTOM: #213546 1px solid; FONT-FAMILY: tahoma,helvetica; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #d8e2ea
}
TEXTAREA {
BORDER-RIGHT: #213546 1px solid; BORDER-TOP: #213546 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #213546 1px solid; COLOR: #000000; BORDER-BOTTOM: #213546 1px solid; FONT-FAMILY: tahoma,helvetica; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #d8e2ea
}[/code:1]

lg rené

PS: wegen dem formular reden wir dann nach dem WE das es auch richtig läuft!

achso nochmal
das klann noch gar nciht gehen weil du immer noch die variable modiul verwendest!
Du musst bei deiner Page das in page umändern also:

[code:1]<form name="form1" method="post" action="index.php?üage=kontakt.php"> [/code:1]

so müsste es dann gehen!

[code:1]<form name="form1" method="post" action="index.php?page=kontakt.php">[/code:1]

so wärs richtig

Danke an euch alle. Ich hab den code der CSS mal geändert und die Farben weitgehend selbst angepasst. Allerdings habe ich noch ein paar kleine Probleme. So siehts jetzt aus:

[code:1]/* BODYTAG*/
body {
scrollbar-3dLight-Color:#8B8B8B;
scrollbar-Highlight-Color:#8B8B8B;
scrollbar-Face-Color:#8B8B8B;
scrollbar-Arrow-Color:#E0E0E0;
scrollbar-Shadow-Color:#FFFFFF;
scrollbar-DarkShadow-Color:#F0F0F0;
scrollbar-Track-Color:#FFFFFF;
font-family: verdana;
font-size: xx-small;
font-color: #989898;
cursor: crosshair; }

table {
font-family: verdana;
font-size: xx-small;
font-color: #989898; }

td {
font-family: verdana;
font-size: xx-small;
font-color: #222222;
}

a:link {
color: #989898; // graustufe
font-weight: ;
text-decoration: none }

a:visited {
color: #989898;
font-weight: ;
text-decoration: none }

a:hover {
color: #EB5300; // orangestufe
font-weight: ;
text-decoration: none }


SELECT {
FONT-WEIGHT: bold;
FONT-SIZE: 9px;
COLOR: #989898;
FONT-FAMILY: Verdana;
BACKGROUND-COLOR: #F3F3F3
}

INPUT {
BORDER-RIGHT: #CBCBCB 1px solid;
BORDER-TOP: #CBCBCB 1px solid;
FONT-WEIGHT: bold;
FONT-SIZE: 9px;
BORDER-LEFT: #CBCBCB 1px solid;
COLOR: #CBCBCB;
BORDER-BOTTOM: #CBCBCB 1px solid;
FONT-FAMILY: Verdana;
BORDER-COLLAPSE: collapse;
BACKGROUND-COLOR: #F3F3F3
}

TEXTAREA {
BORDER-RIGHT: #989898 1px solid;
BORDER-TOP: #989898 1px solid;
FONT-WEIGHT: bold;
FONT-SIZE: 9px;
BORDER-LEFT: #989898 1px solid;
COLOR: #989898;
BORDER-BOTTOM: #CBCBCB 1px solid;
FONT-FAMILY: Verdana;
BORDER-COLLAPSE: collapse;
BACKGROUND-COLOR: #F3F3F3
} [/code:1]

Hier nochmal die URL zum Script: http://www.check-the.info/home/sonstiges...ontakt.php

Die Tabellenränder sind irgendwie noch nicht so ganz wie sie sollen. Die Eingabefelder für Namen und Mailadresse sind gut, so soll das sein, jedoch noch nicht das große Feld und das Betreffdingens.