feedburner abonelik formu

Arkadaşlar sitemin rss için feedburner üye oldum. Anlatımlardan faydalanarak rss tanımladım kodlarınıda aldım.

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mutfakmacerasi', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="mutfakmacerasi" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

Yukarıdaki kodları ekleyince güzel olmayan bir form çıkıyor ortaya.

Abonelik formunu aşağıdaki şekillerden birine dönüştürmek istiyorum






Yardımlarınızı rica ediyorum. Şimdiden teşekkürler

birazdan hazırlayıp koyarım buraya

tercihimdir. Bu abonelik kutusu için ayrılan bölüm 230*90 px boyutlarında , kaydet butonu ise .gif bir image'dır. Mümkünse lütfen çok makbule geçecek.

Şimdiden teşekkürler

<style type="text/css">
.a1form{ margin:0px; padding:0px;}
.formclass {
	width:230px;
	height:110px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4f6f2), to(#cbcccd));
	background: -moz-linear-gradient(top,  #f4f6f2,  #cbcccd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f6f2', endColorstr='#cbcccd');
	border:1px solid #cccbc8;
}
.mailform { 
	border:1px solid #CCC;
	width:210px;
	height:20px;
	margin-top:40px;
	margin-left:9px;
}
.formbg {
	margin-top:10px;
	position:absolute;
	width:205px;
	background:url(mail.png) no-repeat right top;
	height:25px;
	padding-left:15px;
	font-family:Arial;
	font-weight:bold;
	font-size:15px;
	padding-top:3px;
}
.mailform:focus { outline: none; border:1px solid #666;}
.kaydet {
	background: #09F;
	color:#FFF;
	margin-top:5px;
	width:100px;
	margin-left:120px;
	border:1px solid #999;
	cursor:pointer;
}
</style>
</head>

<div class="formclass">
<div class="formbg">Abone Ol</div>
<form class="a1form" 
action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mutfakmacerasi', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" class="mailform" name="email"/>
<input type="hidden" value="mutfakmacerasi" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="Kaydet" class="kaydet" />
</form> 
</div>

bu kodları ekleyin
birde ekte göndericeğim resmi ana dizine mail.png şeklinde atarsanız tamamdır
forum database hatası verdi yazamadım bi süre

resmi buradan alın http://www.videovar.com/mofhabeats/mail.png
şu şekilde gözükücek form http://www.videovar.com/mofhabeats/fgh.php

Hocam teşekkür ederim, emeğine sağlık. Birde rica etsem arka plana bunu eklesek. yani form bu şekilde olsa.

<style type="text/css">
.mailform:focus { outline: none; border:1px solid #666;}
.form1 {
	width:230px;
	height:100px;
	background:url(abone.png) no-repeat;

}
.mailform { 
	border:1px solid #CCC;
	width:210px;
	height:20px;
	margin-top:35px;
	margin-left:9px;
}

.kaydet2 {
	background: #266189;
	color:#FFF;
	margin-top:5px;
	width:100px;
	margin-left:120px;
	border:1px solid #999;
	cursor:pointer;
}

</style>
<div class="form1">
<form class="a1form" 
action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mutfakmacerasi', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" class="mailform" name="email"/>
<input type="hidden" value="mutfakmacerasi" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="Kaydet" class="kaydet2" />
</form> 
</div>

o zaman bu kodları ekleyin ve ana dizine http://videovar.com/mofhabeats/abone.png bu resmi atın
burdan yine bakabilirsiniz http://www.videovar.com/mofhabeats/fgh.php

hatta bu kodları kullanın size bir güzellik daha yapayım

<style type="text/css">
.mailform { 
	border:1px solid #CCC;
	width:210px;
	height:20px;
	margin-top:35px;
	margin-left:9px;
}
.mailform:focus { outline: none; border:1px solid #666;}

.form1 {
	width:230px;
	height:100px;
	background:url(abone.png) no-repeat;

}
.kaydet2 {
	background: url(kaydet.png) bottom;
	color:#FFF;
	margin-top:5px;
	width:109px;
	margin-left:114px;
	cursor:pointer;
	font-weight:bold;
	height:24px;
	border:none;
}
.kaydet2:hover { background:url(kaydet.png) top}
</style>
<div class="form1">
<form class="a1form" 
action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mutfakmacerasi', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" class="mailform" name="email"/>
<input type="hidden" value="mutfakmacerasi" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input type="submit" value="" class="kaydet2" />
</form> 
</div>

http://videovar.com/mofhabeats/abone.png ve
http://videovar.com/mofhabeats/kaydet.png
bu resimleri kullanın
http://www.videovar.com/mofhabeats/fgh.php
demosu yine bu adreste

tamam hocam hallettim. http://www.mutfakmacerasi.com/ bakabilirsiniz..

ÇOK TEŞEKKÜRLER