Başlıktanda anlayacağınız gibi ilk defa karşılaştığım için nasıl anlatacağımıda bilemiyorum,
http://kibrix.uphero.com/urun.php?id=83
Yukarıda vermiş olduğun adresi tıkladığınızda sayfada bir form göreceksiniz formu doldurulabiliyor ancak gönder ve temizle denilemiyor çok ilginç, hatayı görebilirsiniz,
Kısaca anlatmak gerekirse Photoshop kullananlar bilir bir layerin altında kalmış layer gibi nebilim aklıma bir şey gelmiyor
urun.php kod başlangıç-----------------------------------------
<?php include("theme/header.php"); // Tüm sayfalarda ortak kullanacaðýmýz üst kýsmý ekliyoruz. ?>
<?php include("slider.php");?>
<script type="text/javascript" src="js/highslide-with-html.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'graphics/';
hs.outlineType = 'rounded-white';
</script>
<style type="text/css">
.haber-icerik img {
float: left;
clear:left;
width: auto;
height:auto;
margin:20px;
margin-left:30px;
padding:10px;
border:#808080 solid 1px;
}
#urun-icerigi {
height:450px;
}
#urun-icerigi ul li {
color:#2a3f55;
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
margin:7px;
font-weight:bold;
text-align:left;
margin-top:20px;
background:
#FFF;
border:#808080 solid thin;
padding:10px;
}
#urun-icerigi ul li span {color:#AA1F00;}
h3 {float:left;clear:both;border-bottom:#00F;padding:15px;color:#07304d;border-bottom:#808080 solid thin;width:609px;}
#urun-detay {width:628px;clear:both;padding:10px;font-family:Tahoma, Geneva, sans-serif;font-size:13px;color:#07304d;line-height:18px;}
</style>
<div class="content">
<div class="mainpage-about">
<div class="recent left white">
<?php include("theme/sidebar.php"); // Tüm sayfalarda ortak kullanacaðýmýz yan kýsmý ekliyoruz. ?>
</div>
<div class="haberler">
<div id="urunler-blok">
<?php
@$id = intval($_GET['id']);
$urun = $tema->tm_urunver("", $id);
$baslik = $urun['urunadi'];
$bilgi = $urun['urunbilgi'];
$kod = $urun['kod'];
$fiyat = $urun['fiyat'];
$resim = $urun['uthumb'];
?>
<div id="urunler-b-baslik"><?=$baslik;?></div>
<div class="haber-icerik">
<div id="urun-resmi" style="position:inherit"><td style="width: auto;" height="auto" rowspan="3" align="left" valign="top"><img src="<?=$resim;?>" alt="<?=$baslik;?>"></td></div>
<div id="urun-icerigi">
<ul>
<li>Ürün Adý : <span><?=$baslik;?></span></li>
<li>Ürün Kodu : <span><?=$kod;?></span></li>
<li>Ürün Fiyatı : <span><?=$fiyat;?> </span>TL</li>
<li>Lütfen siparis vermek için asagidaki formu doldurunuz.</span></li>
</ul>
<div>
<table width="61%" border="0" align="right" style="margin-right:5px">
<td width="20"><tr>
<td> <font color="#333333" size="3" face="Tahoma, Geneva, sans-serif">
<form id="test" action="urun.php?id=<?=$id;?>" method="post">
</tr>
<tr>
<td> </td>
<th width="75" align="left" valign="top" nowrap="nowrap"><b><font face="Calibri" size="2">Ürün Kodu</font>
</b></th>
<td width="2"><font face="Calibri">:</font></td>
<td width="343"> <font color="#333333" size="3" face="Tahoma, Geneva, sans-serif">
<input align="right" name="urunkodu" class="bulten" id="urunkodu" style="width:286px" value="<?=substr($kod,0,40)?>" size="25"/></font></td>
</tr>
<tr>
<td> </td>
<th width="75" align="left" valign="top" nowrap="nowrap"><b><font face="Calibri" size="2">Ürün Adý</font>
</b></th>
<td width="2"><font face="Calibri">:</font></td>
<td> <font color="#333333" size="3" face="Tahoma, Geneva, sans-serif">
<input name="urunadi" class="bulten" id="urunadi" style="width:286px" value="<?=substr($baslik,0,50)?>" size="50"/></font></td>
</tr>
<tr>
<td> </td>
<th width="75" align="left" valign="top" nowrap="nowrap"><b><font face="Calibri" size="2">Ad-Soyad</font>
</b></th>
<td width="2"><font face="Calibri">:</font></td>
<td> <font color="#333333" size="3" face="Tahoma, Geneva, sans-serif">
<input name="adsoyad" class="bulten" id="adsoyad" size="25" style="width:286px"/></font></td>
</tr>
<tr>
<td> </td>
<th width="75" align="left" valign="top" nowrap="nowrap"><b><font face="Calibri" size="2">Telefon</font>
</b></th>
<td width="2"><font face="Calibri">:</font></td>
<td> <font color="#333333" size="3" face="Tahoma, Geneva, sans-serif">
<legend> </legend>
<input name="telefon" class="bulten" id="telefon" size="25" style="width:286px"/></font></td>
</tr>
<tr>
<td> </td>
<th width="75" align="left" valign="top" nowrap="nowrap"><b><font face="Calibri" size="2">E-Posta</font>
</b></th>
<td width="2"><font face="Calibri">:</font></td>
<td> <font color="#333333" size="3" face="Tahoma, Geneva, sans-serif">
<input name="eposta" class="bulten" id="eposta" size="25" style="width:286px"/>
</font></td>
</tr>
<tr>
<td> </td>
<th width="75" align="left" valign="top" nowrap="nowrap"><b><font face="Calibri" size="2">Þehir</font></b></th>
<td width="2"><font face="Calibri">:</font></td>
<td> <font color="#333333" size="3" face="Tahoma, Geneva, sans-serif">
<input name="sehir" class="bulten" id="sehir" size="25" style="width:286px"/></font></td>
</tr>
<tr>
<td> </td>
<th width="75" align="left" valign="top" nowrap="nowrap"><b><font face="Calibri" size="2">Mesajýnýz</font></b></th>
<td width="2"><font face="Calibri">:</font></td>
<td>
<font color="#333333" size="3" face="Tahoma, Geneva, sans-serif">
<textarea name="mesaj" cols="19" rows="4" class="bulten" id="mesaj" style="width:286px; height:60px;"></textarea> </font></td>
</tr>
<tr>
<td colspan="100"><font color="#333333" size="3" face="Tahoma, Geneva, sans-serif">
<input name="submit" type="submit" class="button1" value="Gönder" />
<input name="Reset" type="reset" class="button1" value="Temizle" />
<?
if($_POST['submit']){
$kime = "maltepe_turkyucel@hotmail.com"; //buraya Mail adresinizi yaziniz{Form bu adrese gider}...
$urunkodu = $_REQUEST['urunkodu'] ;
$urunadi = $_REQUEST['urunadi'] ;
$adsoyad = $_REQUEST['adsoyad'] ;
$telefon = $_REQUEST['telefon'] ;
$eposta = $_REQUEST['eposta'] ;
$sehir = $_REQUEST['sehir'];
$mesaj = $_REQUEST['mesaj'] ;
$header .= "From: Siparis Formu <$adsoyad>\n";
$header .= "Content-Type: text/html; charset=windows-1254";
$gonder = "
<table>
<tr>
<td>Ürün Kodu:</td>
<td >$urunkodu</td>
</tr>
<tr>
<td>Ürün Adý:</td>
<td>$urunadi</td>
</tr>
<tr>
<td>Ad-Soyad: </td>
<td>$adsoyad</td>
</tr>
<tr>
<td>Telefon:</td>
<td >$telefon</td>
</tr>
<tr>
<td>E-Posta:</td>
<td >$eposta</td>
</tr>
<tr>
<td>Þehir:</td>
<td >$sehir</td>
</tr>
<tr>
<td>Mesajı:</td>
<td> $mesaj</td>
</tr>
</table>
<p> </p>
";
$sent = mail($kime, $adsoyad, $gonder, $header);
if($sent)
{print "Mesajýnýz Gönderildi!"; }
else
{print "Mesajýnýz gönderilmedi!"; }
}
?>
</font></td>
</tr>
</table>
</form>
</div>
</div> <h3 style="margin-top:25px;"> <div id="urunler-alt-baslik">Ürün Hakkinda Detayli Bilgi</div> </h3>
<hr />
<div id="urun-detay"><? echo stripslashes ($bilgi);?></div>
<div class="clear"></div>
</div>
</div>
</div>
<?php include("theme/footer.php"); // Tüm sayfalarda ortak kullanacaðýmýz alt kýsmý ekliyoruz. ?>
<div class="clear"></div>
</div>
urun.php kod bitiş--------------------------------------------
style.css başlangıç-------------------------------------------
@charset "utf-8";
* {
margin: 0;
border: 0;
}
body { margin:0; padding:0; background-image: url(images/site_bg.png); background-repeat: repeat-x; background-color: #FFF;
}
h1 {
margin:0;
font-size:24px;
font-weight:bold;
color:#46781d;
}
a { text-decoration:none; color:#4b4c46; }
a:hover { text-decoration:underline; }
a img { border:none; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.white { /* [disabled]color:#15537f; */ }
li {list-style-type:none;}
/* Page Specific Classes */
.page { width:950px; background-image: url(images/site_bg2.png); background-repeat: no-repeat; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin: auto; height: auto; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #d9d9d9; border-right-color: #d9d9d9; border-bottom-color: #d9d9d9; border-left-color: #d9d9d9; background-color: #e0ecf3; }
.header {
height:100px;
margin-bottom:20px;
}
.header-img{ margin:20px 0 }
.logo { margin-right:20px; margin-top: 25px; margin-left: 30px; }
.menu { height:34px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background-image: url(images/menu_bg.png); width: 937px; margin-right: auto; margin-left: auto; line-height: 34px;
}
.menu ul {
margin:0 0 0 5px;
padding:0;
}
.menu ul li { display:inline-block; list-style:none; padding:0 8px 0 13px; float:left; background-image: url(images/menu_li.png); background-repeat: no-repeat;
}
.menu ul li:first-child { background:none; }
.menu-text { font-size:11px; color:#0c4167; font-weight:bold; line-height:34px; height:34px; font-family: Tahoma, Geneva, sans-serif;
}
.menu-text a { color:#0c4167; text-decoration:none;
}
.menu-text a:hover { color:white; }
.mainpage-icon { padding:12px 10px 5px 0px; }
.recent { width:270px; margin-right:20px; margin-bottom:10px;
}
.recent h1,.haberler h1{ color:#07304d; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: bold; background-image: url(images/baslik_bg.png); height: 26px; width: 270px; background-repeat: no-repeat; text-indent: 27px; line-height: 26px;
}
.line-red {
height:2px;
background-image:url(images/line-red.gif);
}
.recent ul { margin:0; padding:0px; list-style:none; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #d9d9d9; border-right-color: #d9d9d9; border-bottom-color: #d9d9d9; border-left-color: #d9d9d9; background-color: #E0F2F5;
}
.recent ul li a { display:block; font-size:12px; padding:10px 10px 10px 20px; margin:6px 0; background-color: #E0F2F5; background-image: url(images/guncel-li.png); background-repeat: no-repeat; background-position: 5px 13px; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; color: #15537f;
}
.recent ul li a:hover{ background-color:#e0f2f5; color: #15537f; }
li.alt { margin-left: 15px; }
.recent-list {
list-style:url(images/icon-comment.png);
background:url(images/dotted-line.png) bottom repeat-x;
padding:10px 0 10px 0;
}
.recent-last {
list-style:url(images/icon-comment.png);
padding:10px 0 0 0;
}
.recent a { color:#333; }
.recent-footer a {
background-color:#f2f7fb;
line-height:30px;
text-align:right;
padding-right:10px;
display:block;
}
.recent-footer a:hover { background-color:#fff; }
.line-dotted {
height:1px;
background:url(images/dotted-line.png) repeat-x;
border:none;
margin:0 0 10px 0;
}
.mainpage-about { padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 10px; }
.mainpage-services-link {
line-height:30px;
background-color:#fafafa;
border-right:1px solid white;
border-top:1px solid #999999;
text-indent:10px;
}
.footer ul {
margin:0;
padding:0;
margin-left:10px;
float:left
}
.footer ul li {
list-style:none;
display:inline;
margin-right:10px;
}
.legal {
margin:auto;
text-align:right;
font-size:12px;
color: #4b4c46;
padding-right:15px
}
.legal a {
font-weight:bold;
color:#4b4c46;
}
.about {
background-color:#fafafa;
padding:0 10px 0 10px;
}
.services ul {
list-style:none;
padding:0px;
margin:0px;
}
.services ul li {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
padding:7px;
width:126px;
float:left;
display:inline-block;
margin:3px 5px;
color: #07304d;
margin-top:10px;
}
.iletisim li {
width: 580px !important;
}
.services ul li span {
color:#989390;
font-size:12px;
display:block;
padding:2px 0;
}
.services ul li a {
float:right;
font-size:12px;
font-weight:bold;
}
.services ul li img { display:block; }
.services-hr {
margin-top:20px;
margin-bottom:20px;
height:1px;
background-image:url(images/dotted-line.png);
border:none;
}
.services-bottom-link {
height:40px;
line-height:40px;
background-color:#f0f0f0;
font-weight:bold;
text-align:center;
margin-top:20px;
border:1px solid #c9c9c9;
}
.services-big-img {
margin-right:10px;
width:320px;
float:left;
}
.services h1 {
margin-bottom:10px;
padding:0px;
}
.contact-info {
width:400px;
float:left;
margin-right:10px;
border:none;
}
.haberler{
display:block;
width:630px;
float:right;
margin-right:10px;
}
.haberler p {
font-size:13px;
color:#333;
padding:10px;
font-family:tahoma;
}
.haber-icerik{
width:638px;
background:#e0f2f5;
border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #d9d9d9; border-right-color: #d9d9d9; border-bottom-color: #d9d9d9; border-left-color: #d9d9d9;
}
.haber-icerik img {
float: left;
margin-right: 10px;
width: 252px;
margin-bottom: 10px;
margin-top: 15px;
margin-left: 10px;
}
.haber-icerik a {
float:right;
padding:10px;
font-size:14px;
font-weight:bold;
color:#1b325f;
}
.clearfix:after{
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
}
.clearfix { display: block; }
*:first-child+html .clearfix { display:inline-block; }
#ust-link { width: 950px; }
#ust-link ul li { float:left; list-style-type:none; color:#FFF; font-size:11px; margin-top:3px; margin-left:5px; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; }
#ust-link ul{width:465px;float:right;}
#ust-link ul li a {font-family: Tahoma, Geneva, sans-serif; font-weight: bold;color:#FFF; font-size:11px;}
#ust-link ul li a:hover{text-decoration:none;color:#2A3F55;}
.services h1 { line-height: 27px; background-image: url(images/services_bg.png); background-repeat: no-repeat; height: 27px; width: 650px; }
#urunler-b-baslik { background-image: url(images/services_bg.png); height: 27px; width: 640px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: bold; color: #07304d; line-height: 27px; text-indent: 27px; }
#urunler-alt-baslik {
background-image: url(images/services_bg.png);
height: 27px;
width: 640px;
margin-left:-15px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 15px;
font-weight: bold;
color: #07304d;
line-height: 27px;
text-indent: 27px;
margin-top: 25px;
}
#urunler-blok { float: right; width: 640px; }
#urun-listele { width: 638px; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #d9d9d9; border-right-color: #d9d9d9; border-bottom-color: #d9d9d9; border-left-color: #d9d9d9; background-color: #d0e3e6; }
.urun-kutu-1 { background-image: url(images/bas1.png); height: 343px; width: 189px; margin: 6px; float: left; }
.urun-kutu { background-image: url(images/bas.png); height: 343px; width: 189px; margin: 6px; float: left; }
.u-resim { height: 220px; width: 140px; margin: 13px; margin-top: 3px; float:right; }
.u-incele1 { height: 74px; width: 24px; margin: -25; margin-top: 18px; float:left; }
.highslide { height: 74px; width: 24px; margin: 174px; margin-top: -50px; float:left; }
.u-baslik {font-family: Tahoma, Geneva, sans-serif; font-size: 10px; font-weight: bold; color: #07304d; text-align:left; margin: 13px; height:25px; }
.u-baslik1 {font-family: Tahoma, Geneva, sans-serif; font-size: 10px; font-weight: bold; color: #07304d; text-align:left; margin: 13px; margin-top: -13px; float:left;}
.bulten { background-color:#CCC;}
.u-baslik a { color: ##07304d; text-decoration: none; }
.u-baslik a:hover { text-decoration: underline; }
#referanslar-baslik {background-image: url(images/services_bg.png); height: 27px; width: 640px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: bold; color: #07304d; line-height: 27px; text-indent: 27px;}
#referanslar {float: right; width: 640px;}
#referanslar-icerik {width:638px;border: 1px solid #d9d9d9;}
#referanslar-icerik li {clear:both;list-style-type:none;width:638px;margin-left:-40px;margin-bottom:10px;margin-top:10px;line-height:115px;}
#referanslar-icerik li img {float:left;margin-bottom:10px;margin-left:10px;}
#referanslar-icerik li span {font-size:13px;font-family:Tahoma, Geneva, sans-serif;border:none;margin-left:10px;}
#footer { clear: both; width: 931px; margin-right: auto; margin-left: auto;margin-top:10px;margin-bottom:10px;}
#f-cizgi {clear:both; background-image: url(images/footer-cizgi.png);background-repeat:no-repeat; height: 1px; width: 931px; margin-top: 10px; margin-bottom: 10px;margin-left:auto;margin-right:auto; }
#f li { float: left; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; list-style-type: none; color: #15537f; margin-top: 5px; margin-bottom: 10px; margin-right: 5px; margin-left: 5px; }
#f li a { color: #15537f; text-decoration: none; font-weight: bold; }
#copyright { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #F00; float: right; width: 250px;margin-top:5px;}
#f li a:hover {color:#ccc;}
#anahaber-baslik {margin-top:10px;background-image: url(images/services_bg.png); height: 27px; width: 640px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: bold; color: #07304d; line-height: 27px; text-indent: 27px; }
#anahaber-listele {width: 638px; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #d9d9d9; border-right-color: #d9d9d9; border-bottom-color: #d9d9d9; border-left-color: #d9d9d9; background-color: #d0e3e6;}
.haber-kutu { background-image: url(images/urun_bgi.png); height: 160px; width: 114px; margin: 5px; float: left; }
.h-resim { height: 110px; width: 112px; }
.h-baslik { font-family: Tahoma, Geneva, sans-serif; font-size: 10px; font-weight: bold; color: #07304d; margin-top: 3px;text-align:center; }
.h-baslik a { color: ##07304d; text-decoration: none; }
.h-baslik a:hover { text-decoration: underline; }
#urun-resmi {width:220px;height:200px;float:left;}
#urun-icerigi {
width:418px;
height:300px;
float:right;
z-index: 9999;
}
style.css kod bitiş----------------------------------------
