• 01-07-2010, 03:40:43
    #1
    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
  • 01-07-2010, 04:48:29
    #2
    birazdan hazırlayıp koyarım buraya
  • 01-07-2010, 04:56:18
    #3
    EmreBulutlar adlı üyeden alıntı: mesajı görüntüle
    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
  • 01-07-2010, 05:52:51
    #4
    <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
  • 01-07-2010, 06:22:04
    #5
    Hocam teşekkür ederim, emeğine sağlık. Birde rica etsem arka plana bunu eklesek. yani form bu şekilde olsa.
  • 01-07-2010, 06:33:43
    #6
    <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
  • 01-07-2010, 06:51:13
    #7
    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
  • 01-07-2010, 13:53:30
    #8
    Alıntı
    hocam çok teşekkür ederim. gerçekten harikasın çok sağol. Yüzüm tutmayarak senden 768*90 banner ile bu arama butonu aynı düzleme nasıl hizalanır. Onu da rica etsem kusuruma bakmazın değil mi ?

    Aynı hiza da solda abonelik sağda 768*90 adsense kodu olucak
    tamam hocam hallettim. http://www.mutfakmacerasi.com/ bakabilirsiniz..

    ÇOK TEŞEKKÜRLER