Reklamlarda yukarıdan açılan şeritleri hatırlıyor musunuz? Bu hazır kod sayesinde sitenize sol üstten açılan harika bir duyuru panosu ekleyebileceksiniz.
Kod Dostu ekibince hazırlanmış bu güzel hazır kodun hem kırmızı,hem mavi versiyonları var.
Duyuru yazısını kod içerisinden bulup değiştirebilirsiniz.
Mavi:
Bir kez görüntülenmesini istiyorsanız sonuna şunu ekleyin:
Mavi değil kırmızı olsun istiyorsanız ilk kod yerine unu kullanabilirsiniz:
Duyuru yazısını kod içerisinden bulup değiştirebilirsiniz.
Mavi:
<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Sitenize Yukarıdan Açılan Duyuru Kodu!-->
<!--Koddostu Yukarıdan Açılan Duyuru Kodu START-->
<!--Telif Sahibi: www.koddostu.com-->
<!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.-->
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<koddostu></koddostu>
<style type="text/css">div.koddostu-rib{position:fixed;text-align:center;z-index:99900;}div.bon-koddostu{top:-688px;color:#fff;padding:40px 15px 0px 15px;font-weight:bold;font-family:Arial, sans-serif;font-size:13px;left:45px;width:154px;height:1px;background:transparent url(http://3.bp.blogspot.com/-hAJ01hBLNc0/UVqw8bU25dI/AAAAAAAAUA8/6jiovB_Of6s/s1600/koddostu.png) no-repeat top left;}</style><style type="text/css">div.koddostu-rib{_position:absolute;}div.bon-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><script src="http://kdostu.googlecode.com/svn/cquery.js" charset="windows-1254" type="text/javascript"></script><style>.bon-koddostu a{display:block;color:#fff;font-weight:bold;font-family:Arial, sans-serif;font-size:24px;padding-bottom:10px;}
#tcvyubkj{width:184px;height:28px !important;padding:0px !important;background:transparent url(http://3.bp.blogspot.com/-hAJ01hBLNc0/UVqw8bU25dI/AAAAAAAAUA8/6jiovB_Of6s/s1600/koddostu.png) no-repeat top left;}
#makas{position:absolute;display:block;width:48px;height:48px;background:transparent url(http://4.bp.blogspot.com/-xeIHoqgK3IA/UVhykIqE_bI/AAAAAAAAT-g/vGani8JPBPc/s1600/11949839951455368809scissors_02svghi.png) no-repeat top left;top:3px;right:-30px;}
</style><div class="koddostu-rib bon-koddostu" id="tcvyubkj"></div>
<div id="rgrgrgr" class="koddostu-rib bon-koddostu">
<a>Dikkat!</a>
<br/>
Artık duyurularımızı böyle yapacağız!
<br/><br/>Ne kadar da havalı,değil mi?
<br/><br/>
Koddostu.com'dan siz de ücretsiz edinebilirsiniz!
<a onfocus="this.blur();" id="makas" href="javascript:void(0)"></a>
</div>
<script>
function koddostuxxxx() {$("#rgrgrgr").animate({height: "304px",top: "0px"}, 1200);$("#tcvyubkj").animate({top: "0px"},1200);}$("#makas").click(function() {$("#makas").animate({right: "230px",}, 350, function(){$("#rgrgrgr").animate({top: "100%"}, 600, function(){$("#tcvyubkj").animate({top: "-40px"}, 4000);});});});window.onload=koddostuxxxx;
</script>
<!--Telif Sahibi: www.koddostu.com-->
<!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Koddostu Yukarıdan Açılan Duyuru Kodu STOP-->
<script src="https://www.koddostu.com/duzelt.js?no=163"></script>
Bir kez görüntülenmesini istiyorsanız sonuna şunu ekleyin:
<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Sitenize Yukarıdan Açılan Duyuru Kodu!-->
<script>function koddostuxxxx() {$("#rgrgrgr").animate({height: "304px",top: "0px"}, 1200);$("#tcvyubkj").animate({top: "0px"},1200);}$("#makas").click(function() {$("#makas").animate({right: "230px",}, 350, function(){$("#rgrgrgr").animate({top: "100%"}, 600, function(){$("#tcvyubkj").animate({top: "-40px"}, 4000);});});});
function readCookie(cookieName) {
var re = new RegExp('[; ]'+cookieName+'=([^\s;]*)');
var sMatch = (' '+document.cookie).match(re);
if (cookieName && sMatch) return unescape(sMatch[1]);
return '';
}</script>
<script>
var kukig = readCookie('zibikere');
if (kukig != '')
{
}
else {
koddostuxxxx();
var isim = 'zibikere';
var deger = 'kapali';
var gunler = 1;
if (gunler) {
var date = new Date();
date.setTime(date.getTime()+(gunler*24*60*60*1000));
var expires = "; expires="+date.toGMTString(); }
else var expires = "";
document.cookie = isim+"="+deger+expires+"; path=/";
}
</script>
<!--Telif Sahibi: www.koddostu.com-->
<!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Koddostu Yukarıdan Açılan Duyuru Kodu STOP-->
<script src="https://www.koddostu.com/duzelt.js?no=164"></script>
Mavi değil kırmızı olsun istiyorsanız ilk kod yerine unu kullanabilirsiniz:
<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Sitenize Yukarıdan Açılan Duyuru Kodu!-->
<!--Koddostu Yukarıdan Açılan Duyuru Kodu START-->
<!--Telif Sahibi: www.koddostu.com-->
<!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.-->
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<koddostu></koddostu>
<style type="text/css">div.koddostu-rib{position:fixed;text-align:center;z-index:99900;}div.bon-koddostu{top:-688px;color:#fff;padding:40px 15px 0px 15px;font-weight:bold;font-family:Arial, sans-serif;font-size:13px;left:45px;width:154px;height:1px;background:transparent url(http://1.bp.blogspot.com/-Q3-MRFe56v4/UVhskZNmahI/AAAAAAAAT-Y/KyKFovTJLMM/s1600/koddostu.png) no-repeat top left;}</style><style type="text/css">div.koddostu-rib{_position:absolute;}div.bon-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><script src="http://kdostu.googlecode.com/svn/cquery.js" charset="windows-1254" type="text/javascript"></script><style>.bon-koddostu a{display:block;color:#fff;font-weight:bold;font-family:Arial, sans-serif;font-size:24px;padding-bottom:10px;}
#tcvyubkj{width:184px;height:28px !important;padding:0px !important;background:transparent url(http://1.bp.blogspot.com/-Q3-MRFe56v4/UVhskZNmahI/AAAAAAAAT-Y/KyKFovTJLMM/s1600/koddostu.png) no-repeat top left;}
#makas{position:absolute;display:block;width:48px;height:48px;background:transparent url(http://4.bp.blogspot.com/-xeIHoqgK3IA/UVhykIqE_bI/AAAAAAAAT-g/vGani8JPBPc/s1600/11949839951455368809scissors_02svghi.png) no-repeat top left;top:3px;right:-30px;}
</style><div class="koddostu-rib bon-koddostu" id="tcvyubkj"></div>
<div id="rgrgrgr" class="koddostu-rib bon-koddostu">
<a>Dikkat!</a><br/>
Artık duyurularımızı böyle yapacağız!
<br/><br/>
Ne kadar da havalı,değil mi?
<br/><br/>
Koddostu.com'dan siz de ücretsiz edinebilirsiniz!
<a onfocus="this.blur();" id="makas" href="javascript:void(0)"></a></div><script>function koddostuxxxx() {$("#rgrgrgr").animate({height: "304px",top: "0px"}, 1200);$("#tcvyubkj").animate({top: "0px"},1200);}$("#makas").click(function() {$("#makas").animate({right: "230px",}, 350, function(){$("#rgrgrgr").animate({top: "100%"}, 600, function(){$("#tcvyubkj").animate({top: "-40px"}, 4000);});});});window.onload=koddostuxxxx;
</script>
<!--Telif Sahibi: www.koddostu.com-->
<!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Koddostu Yukarıdan Açılan Duyuru Kodu STOP-->
<script src="https://www.koddostu.com/duzelt.js?no=165"></script>