TheKar1zma
Özel Üye
Kod:
[COLOR="Red"][CENTER]<div class="mainb"></div>
<div id="sbt">
<div class="form">
<div id="contact" class="send clearfix">
<?php
function gonder($ad,$telefon,$saati)
{
$kimden=$to= '[email protected]';
$baslik = "Siteden Mesaj var";
$sablon = ****<table width="400" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="30" colspan="3" align="center" bgcolor="#0099CC"><span style="font-family:Tahoma; font-size:12px; color:#FFF;">Web Sitesinden Yeni Mesaj.</td>
</tr>
<tr>
<td width="100" height="25" align="left">Adı Soyadı</td>
<td width="5" align="center">:</td>
<td width="281" align="left">****. $ad . ****</td>
</tr>
<tr>
<td height="25" align="left">Telefon</td>
<td align="center">:</td>
<td align="left">****. $telefon .****</td>
</tr>
<tr>
<td height="25" align="left">Saat :</td>
<td align="center">:</td>
<td align="left">****. $saati .****</td>
</tr>
</table>****;
$header="From: ".$kimden."\r\n"."Content-Type: text/html; Charset=utf-8\r\n";
mail ($to,$baslik,$sablon,$header);
if (mail){ echo 'Mesajınız Gönderildi.****;}
else { echo 'Mesajınız Gönderilemedi. Lütfen tekrar deneyiniz.****; }
}
if (@$_GET['islem'] == "gonder")
{
if(isset($_POST['saat'])){ $saat=$_POST['saat']; }else{ $saat=date("d/m/Y H:i:s"); }
gonder($_POST['ad'],$_POST['telefon'],$_POST['saat']);
}
?>
<form id="form1" name="form1" method="post" action="?islem=gonder">
<p>
<label>Ad Soyad</label>
<input name="ad" id="textfield" class="inplaceError" maxlength="30" type="text" autocomplete="off" />
<span class="error" style="display:none;"></span>
<label>Telefon</label>
<input type="text" name="telefon" id="textfield2" class="inplaceError" maxlength="20" type="text" autocomplete="off" />
</p>
<div class="submit">
<input type="image" src="images/gonder.gif" name="button" id="button" value="Submit" />
<span id="loader" class="loader" style="display:none;"></span>
</div>
</form>
</div>
</div>
</div>
</div>[/CENTER][/COLOR]
Bu Kodları Footer.php ya da header.php'ye eklemeniz gerekiyor genellikle footer.php yani alt kısıma eklenir..
Style dosyası
Kod:
[COLOR="red"][CENTER]@charset "utf-8";
/* CSS döküman*/
#sbt {
position: fixed;
margin: 0 auto;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
}
#sbt .form {
width: 1000px;
margin: 0 auto;
}
#sbt .form .send {
width: 100%;
height: 50px;
background: url(images/iletisim.png) 0 0 no-repeat;
padding-left: 80px;
}
#sbt .form .send p{
width:540px;
float:left;
clear:both;
position:relative;
padding-top: 5px;
padding-left: 190px;
margin: 0;
}
#sbt .form .send label{
float:left;
/* width:100px;*/
text-align:right;
margin:10px 0px 5px 10px;
padding-right:10px;
font: bold 16px/20px Arial, sans-serif;
color:#ff6300;
text-shadow:1px 1px 1px #333;
}
#sbt .form .send input[type="text"] {
float:left;
margin:5px 0px 5px 0px;
font-family: Georgia, serif;
font-size: 16px;
font-style: italic;
font-weight: normal;
letter-spacing: normal;
padding:4px 4px 6px 4px;
width:160px;
border:1px solid #ddd;
font-weight:bold;
color:#e73c00;;
text-shadow:-1px 1px 1px #aaa;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:1px 1px 3px #000;
-webkit-box-shadow:1px 1px 3px #000;
box-shadow:1px 1px 3px #000;
}
#sbt .form .send input[type="text"]:focus {
-moz-box-shadow:0px 0px 8px #e73c00;
-webkit-box-shadow:0px 0px 8px #e73c00;
box-shadow:0px 0px 8px #e73c00;
}
#sbt .form .send input[type="button"]{
background: transparent;
/* width:177px;*/
cursor:pointer;
color:#FFF;
float:left;
border:none;
font-family: Georgia, serif;
font-weight:bold;
font-size:26px;
padding-top:10px;
text-shadow:1px 1px 1px #000;
}
#sbt .form .send input[type="button"]:hover{
color:#e73c00;
}
#sbt .form .send div.submit{
float: left;
height:40px;
}
.mainb {
background: url(images/mainb.png) 0 0 no-repeat;
height: 15px;
margin-bottom: 110px;
}
#contact-area { width:auto; padding: 10px; height:auto !important;text-align:left; }
#contact-area input, #contact-area textarea { padding:2px;width:300px;font-family:Helvetica, sans-serif;font-size:0.8em;margin:0px 0px 10px 0px;border:2px solid #ccc; }
#contact-area select { padding:2px;width:auto;font-family:Helvetica, sans-serif;font-size:0.8em;margin:0px 0px 10px 0px;border:2px solid #ccc; }
#contact-area input { height: 16px; }
#contact-area select { height: 26px; }
#contact-area textarea { height: 90px; }
#contact-area textarea:focus, #contact-area input:focus, #contact-area select:focus { border: 2px solid #900; }
#contact-area input.submit-button { width: 100px; float: left; height:30px; cursor: pointer; }
#contact-area input.submit-button:hover { color: #FFF; }
#im_popupFixed {
text-align:center;
background-color:#356AA0;
repeat-x scroll 0% 0%;
z-index: 9999;
position: fixed;
*position:absolute;
overflow:hidden;
bottom: 0px;
left: 0px;
width: 100%;
height: 78px;
*top:expression(eval(********.compatMode && ********.compatMode=="CSS1Compat") ? ********Element.scrollTop+(********Element.clientHeight-this.clientHeight) : ********.body.scrollTop+(********.body.clientHeight-this.clientHeight));}
#im_popupDiv { position:
relative;[/CENTER][/COLOR]
bu kodu da style.css dosya oluşturup header.php dosyasınıza
Kod:
[COLOR="red"][CENTER] <link rel="stylesheet" type="text/css" href="style.css"/>[/CENTER][/COLOR]
ekleyin ve style.css çagırın, images/ içindekileride images içindekileri kendi images dosyasına yapıştırın eğerki bu wordpress için entegre ediyorsanız
images dosyaların başına şu kodu ekleyin resim yolu bulması için
Kod:
[COLOR="red"][CENTER] <?php bloginfo('template_directory'); ?>/images[/CENTER][/COLOR]