Arkadaşlar biliyorum forumumuzda bazıları paylaşıldı fakat ben üyelerimize kolaylık olsun diye toplu olarak paylaşıyorum.
Büyüleyici Duyuru Panosu Html Kodu!
Açılır Kutu Bilgi Mesajı Gösterme Hazır Kodu
Animasyonlu Duyuru Panosu (SADECE BURADA)
Sitenize Yukarıdan Açılan Duyuru Kodu!
Facebook Temalı Duyuru Panosu Kodu
SEKMELİ PANO KODU ! SADECE BURADA
Önizleme
onizle.koddostu.com
Arkadaşlar kusura bakmayın teker teker koyamadım örnek resim.
Alıntıdır.
Büyüleyici Duyuru Panosu Html Kodu!
Kod:
<!--Koddostu Büyüleyici Duyuru Panosu Html Kodu START-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->
<div id="menucon"><div id="koddostu-tex"><br/><b>DUYURU</b><br/><br/>
Sitemize Hoşgeldiniz!
<br/><br/>
Koddostu.com tarafından sitemiz için hazırlanan bu duyuru panosunda sitemize dair en güncel yenilikleri paylaşacağız!
</div></div>
<koddostu><style> #menucon{ position:fixed; bottom:10px; left:10px; width:130px;height:130px; background:transparent url(http://4.bp.blogspot.com/-d2P6c2gUTZs/UpPBn2rpnnI/AAAAAAAAi3w/fOfywJXwJ5g/s1600/see.png) no-repeat center center; transition: all 0.8s ease-in-out; background-size:cover; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; } #menucon:hover{ bottom:35px;left:35px; width:80px;height:80px; transform: rotate(720deg); -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); }#koddostu-tex{position:absolute;bottom:37px;left:38px; box-shadow: -1px 1px 5px 0px #888888; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; line-height:22px; -webkit-transition-timing-function:ease-in-out; opacity:0; width:0px;height:0px; padding:6px;color:#fff; font-family:Helvetica, Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:14px; text-align:center; -webkit-border-radius: 8px; -webkit-border-bottom-left-radius: 0; border-radius: 8px; border-bottom-left-radius: 0; }</style><script src="http://kdostu.googlecode.com/svn/cquery.js"></script><style> #menucon:hover #koddostu-tex{ width:200px;height:250px; background:#444; opacity:0.6;} </style></koddostu>
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->
<!--Koddostu Büyüleyici Duyuru Panosu Html Kodu STOP-->Kod:
<!--Kod Dostu Açılır Kutu Bilgi Mesajı Kodu START-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->
<style type="text/css">div.tyg{position:fixed;text-align:left;}div.ght{top:50%;left:50%;width:475px;height:160px;border:1px solid #d8d8d8;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-top:-200px;margin-left:-236px;}</style><style type="text/css">div.tyg:before, div.tyg:after{content:"";position:absolute;z-index:-1 !important;-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.8);-moz-box-shadow:0 1px 8px rgba(0,0,0,0.8);box-shadow:0 1px 8px rgba(0,0,0,0.8);top:0;bottom:0;left:10px;right:10px;-moz-border-radius:100px / 10px;border-radius:100px / 10px;}.tyg h1{font-family:Arial, sans-serif;font-size:15px;color:#888;display:block;background:transparent;height:44px;margin-top:0px;margin-bottom:3px;line-height:44px;padding-left:10px;}.tyg h1 a{font-family:Arial, sans-serif;font-size:15px;color:#888;line-height:44px;text-decoration:none !important;}</style><script src="http://kdostu.googlecode.com/svn/cquery.js"></script><style>.tyg span{display:block;width:26px;height:24px;position:absolute;top:8px;right:8px;background:url(http://1.bp.blogspot.com/-CRX8xFlnOjU/UhsVq6UJdLI/AAAAAAAAcFo/DDuHXcTNAlY/s28/Close_button_red.png) no-repeat -1px -1px;cursor:pointer;opacity:0.7;}.tyg span:hover{opacity:1;}.tyg span:active{opacity:0.4;}div.tyg:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}
.tyg div{position:absolute;z-index:600;top:0px;left:0px;width:475px;height:160px;background: rgb(255,255,255);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 27%, rgba(255,255,255,1) 27%, rgba(216,216,216,1) 27%, rgba(255,255,255,1) 27%, rgba(255,255,255,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(27%,rgba(224,224,224,1)), color-stop(27%,rgba(255,255,255,1)), color-stop(27%,rgba(216,216,216,1)), color-stop(27%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 27%,rgba(255,255,255,1) 27%,rgba(216,216,216,1) 27%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%);background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 27%,rgba(255,255,255,1) 27%,rgba(216,216,216,1) 27%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 27%,rgba(255,255,255,1) 27%,rgba(216,216,216,1) 27%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 27%,rgba(255,255,255,1) 27%,rgba(216,216,216,1) 27%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}
div.tyg{_position:absolute;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;}.ght p{font-family:Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;color:#444;padding:18px;text-decoration:none;}.ght p a:link{font-family:Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;color:#c44;text-decoration:underline;}div.ght{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><koddostu><div id="koddostu-156" class="tyg ght"><div><h1><a href="http://goo.gl/Y7TBdr">Bilgi Mesajı</a></h1><span onclick="document.getElementById('koddostu-156').style.display='none';"></span><p>
Bu yazıyı kod içerisinden bulup kolaylıkla değiştirebilirsiniz.
<br/><br/>
Başka hiçbir yerde bulamayacağınız böyle başka etkiliyici hazır kodlara ulaşmak için Koddostu.com
<a href="http://facebook.com/koddostu" target="_blank">
facebook sayfamızı</a> takip edebilirsiniz!
</p></div></div></koddostu>
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->
<!--Kod Dostu Açılır Kutu Bilgi Mesajı Kodu STOP-->Kod:
<!--Kod Dostu Animasyonlu Açılan Duyuru Panosu START-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->
<style>
#koddostu-cs3a{cursor:default;position:relative;border-top:8px solid #444;-moz-box-shadow:inset 0 0 6px #888;-webkit-box-shadow: inset 0 0 6px #888;box-shadow:inset 0 0 6px #888;background: #f0f0f0;color:#333;font-family:Helvetica, Arial, sans-serif;font-size:13px;}#koddostu-cs3a, #koddostu-kutu{width:260px;height:130px;padding:10px;-webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}#kd-kapa{position:absolute;top:0px;right:-22px;display:block;width:22px;height:22px;background:#555;color:#fff;line-height:22px;font-size:15px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;text-align:center;text-decoration:none !important;display:none;}</style><script src="http://kdostu.googlecode.com/svn/cquery.js"></script><style>#koddostu-kutu{font-family: Garamond, serif;font-weight:bold;font-size:54px;background:#882222;position:absolute;top:0px;left:0px;line-height:130px;text-align:center;text-decoration:none;color: rgba(0,0,0,0.5);text-shadow: 1px 1px 2px rgba(255,255,255,0.2);background: #666666;background: -moz-linear-gradient(-45deg, #666666 0%, #343434 100%);background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#666666), color-stop(100%,#343434));background: -webkit-linear-gradient(-45deg, #666666 0%,#343434 100%);background: -o-linear-gradient(-45deg, #666666 0%,#343434 100%);background: -ms-linear-gradient(-45deg, #666666 0%,#343434 100%);background: linear-gradient(135deg, #666666 0%,#343434 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#343434',GradientType=1 );
}.koddostuupturn{animation:koddostuupturn 1s ease;animation-fill-mode: forwards;-webkit-animation:koddostuupturn 1s ease;-webkit-animation-fill-mode: forwards;-webkit-border-bottom-right-radius: 6px;
}@-webkit-keyframes koddostuupturn{0%{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg);-moz-transform:perspective(800px) rotateX(0deg);-ms-transform:perspective(800px) rotateX(0deg);-o-transform:perspective(800px) rotateX(0deg);transform:perspective(800px) rotateX(0deg)} 100%{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(180deg);-moz-transform:perspective(800px) rotateX(180deg);-ms-transform:perspective(800px) rotateX(180deg);-o-transform:perspective(800px) rotateX(180deg);transform:perspective(800px) rotateX(180deg)}}@-o-keyframes koddostuupturn{0%{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg);-moz-transform:perspective(800px) rotateX(0deg);-ms-transform:perspective(800px) rotateX(0deg);-o-transform:perspective(800px) rotateX(0deg);transform:perspective(800px) rotateX(0deg)} 100%{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(180deg);-moz-transform:perspective(800px) rotateX(180deg);-ms-transform:perspective(800px) rotateX(180deg);-o-transform:perspective(800px) rotateX(180deg);transform:perspective(800px) rotateX(180deg)}}@-ms-keyframes koddostuupturn{0%{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg);-moz-transform:perspective(800px) rotateX(0deg);-ms-transform:perspective(800px) rotateX(0deg);-o-transform:perspective(800px) rotateX(0deg);transform:perspective(800px) rotateX(0deg)} 100%{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(180deg);-moz-transform:perspective(800px) rotateX(180deg);-ms-transform:perspective(800px) rotateX(180deg);-o-transform:perspective(800px) rotateX(180deg);transform:perspective(800px) rotateX(180deg)}}@keyframes koddostuupturn{0%{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(0deg);-moz-transform:perspective(800px) rotateX(0deg);-ms-transform:perspective(800px) rotateX(0deg);-o-transform:perspective(800px) rotateX(0deg);transform:perspective(800px) rotateX(0deg)} 100%{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform:perspective(800px) rotateX(180deg);-moz-transform:perspective(800px) rotateX(180deg);-ms-transform:perspective(800px) rotateX(180deg);-o-transform:perspective(800px) rotateX(180deg);transform:perspective(800px) rotateX(180deg)}}
</style>
<!--[if lt IE 10]>
<style>
.koddostuupturn{
top:-150px !important;
}
</style>
<![endif]-->
<div id="koddostu-cs3a" style="">
<koddostu><a href="javascript:void(0)" id="kd-kapa" onclick="document.getElementById('koddostu-kutu').className='';this.style.display='none';">x</a></koddostu>
<div id="koddostu-kutu" onmouseover="this.className='koddostuupturn';document.getElementById('kd-kapa').style.display='block'">Duyuru</div>
Merhaba!
<br/><br/>
Koddostu.com tarafından sitemiz için hazırlanmış bu ücretsiz duyuru panosundan sitemizle ilgili son yenilikleri öğrenebilirsiniz!
<br/><br/>
Görüşmek üzere!
</div>
<!--Telif sahibi:koddostu.com-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Kod Dostu Animasyonlu Açılan Duyuru Panosu STOP-->Sitenize Yukarıdan Açılan Duyuru Kodu!
Kod:
<!--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-->Facebook Temalı Duyuru Panosu Kodu
Kod:
<!--Kod Dostu Facebook Temalı Duyuru Panosu Kodu START-->
<!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif Sahibi: www.koddostu.com-->
<div class="koddostu-facebox duyurucu-koddostu">
<a class="basbir">Duyurular</a>
<a href="javascript:void(0);" class="haberbir" id="h1h" onfocus="this.blur();" onclick="gkoddostu(this,'koddostu1kutu','koddostu2kutu','h2h','h3h','koddostu3kutu')"><span>Sevgili ziyaretçimiz</span> lütfen sitemizdeki içeriklere yorum yapmaktan çekinmeyin :)</a>
<a onfocus="this.blur();" href="javascript:void(0);" id="h2h" class="haberbir" onclick="gkoddostu(this,'koddostu1kutu','koddostu3kutu','h1h','h3h','koddostu2kutu')"><span>Sitemizin tasarımında</span> yapılan çeşitli yenilikler</a>
<a onfocus="this.blur();" href="javascript:void(0);" id="h3h" class="haberbir" onclick="gkoddostu(this,'koddostu2kutu','koddostu3kutu','h1h','h2h','koddostu1kutu')"><span>Merhaba!</span> <br/>Sitemize hoşgeldiniz arkadaşlar!</a>
</div>
<div id="koddostu3kutu" class="koddostu-face2box duyur2ucu-koddostu" style="bottom:120px;">
Yorum yapmak!
<br/><br/>
Herkesin her konuda fikri vardır.
<br/><br/>
Neden siz de yorumlarınızla bize fikirlerinizi aktarmayasınız? Sitemizde memnun olmadığınız bir şey mi var? <br/><br/>Ya da sitemizde yayınladığımız bir yazı hakkında bir ekleme yapmak mı istiyorsunuz?<br/> Yorum yapın!<br/><br/>
Ziyaretçilerimizin fikirleri ve önerileri bizler için çok değerli!
<div class="okokok"></div><a href="javascript:void(0)" class="sfdfv" onclick="ckoddostu('koddostu3kutu')">X</a></div>
<div id="koddostu2kutu" class="koddostu-face2box duyur2ucu-koddostu" style="bottom:58px;">
Tekrar merhaba!
<br/><br/>
Sitemizde çeşitli değişiklikler yapıyoruz. Koddostu tarafından bizler için kodlanmış facebook stilli bu yeni duyuru sistemimizi beğeneceğinizi umarız.
<div class="okokok"></div><a href="javascript:void(0)" class="sfdfv" onclick="ckoddostu('koddostu2kutu')">X</a></div>
<div id="koddostu1kutu" class="koddostu-face2box duyur2ucu-koddostu">
Hoşgeldiniz!
<br/><br/>
Sitemizde,sizlere hizmet edebilmek için elimizden geleni yapıyoruz. Sitemizi mümkün olduğunca güncel tutuyoruz.
<br/><br/>
Beğenmeniz dileğiyle...
<div class="okokok"></div><a href="javascript:void(0)" class="sfdfv" onclick="ckoddostu('koddostu1kutu')">X</a></div>
<koddostu></koddostu>
<style type="text/css">div.koddostu-face2box{position:fixed;z-index:99900;}div.duyur2ucu-koddostu{display:none;font-family:tahoma,verdana,arial,sans-serif;font-size:12px;font-weight:normal;color:#333333;padding:20px 15px 40px 15px;overflow:visible;bottom:8px;right:230px;width:325px;border:5px solid #3b5998;background-color:#fff;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;-webkit-border-radius: 6px;border-radius: 6px;}</style><style type="text/css">div.koddostu-face2box{_position:absolute;}div.duyur2ucu-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}div.koddostu-facebox{position:fixed;z-index:1000;}div.duyurucu-koddostu{-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #888;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;padding-top:28px;bottom:-1px;right:10px;width:205px;border:1px solid #5B73A6;background-color:#f2f4f8;}</style><script src="http://kdostu.googlecode.com/svn/cquery.js" charset="windows-1254"></script><style type="text/css">div.koddostu-facebox{_position:absolute;}div.duyurucu-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}
.haberbir:hover{background-color:#eceff5 !important;}
.haberbir{text-decoration:none;font-family:tahoma,verdana,arial,sans-serif;font-size:11px;font-weight:normal;color:#333333;display:block;width:155px;background:transparent url(http://2.bp.blogspot.com/-BqEEF1tgSA8/UTSDpqmNl5I/AAAAAAAASyY/beA8pajkBxg/s30/1362417595_Account+and+Control.png) no-repeat 5px 5px;padding:6px 8px 12px 38px;border-bottom:1px solid #d8dfea;min-height:22px;}
.haberbir span{font-weight:bold;}
.haberbir:active{border-color:#a8b2ce !important;background-color:#d8dfea !important;}
.okokok{width: 0px;
height: 0px;
border-style: solid;
border-width: 13px 0 13px 13px;
border-color: transparent transparent transparent #3b5998;position:absolute;bottom:10px;right:-16px;}
.basbir{display:block;width:100%;height:28px;position:absolute;top:0px;left:0px;border-bottom:1px solid #aaa;text-align:center;line-height:24px;text-decoration:none;font-family:tahoma,verdana,arial,sans-serif;font-size:13px;font-weight:bold;color:#fefefe;background-color:#5B73A6;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.sfdfv{text-decoration:none !important;position:absolute;top:0px;right:0px;display:block;font-family:tahoma,verdana,arial,sans-serif;font-size:12px;font-weight:bold;color:#fff;background-color:#3b5998;line-height:12px;height:20px;text-align:right;padding-right:3px;-webkit-border-bottom-left-radius: 20px;border-bottom-left-radius: 20px;width:17px;}
</style>
<script>
function gkoddostu(g1g,g2g,g3g,g4g,g5g,d6d){
document.getElementById(d6d).style.display='block';
document.getElementById(g2g).style.display='none';
document.getElementById(g3g).style.display='none';
g1g.style.backgroundColor='d8dfea';
document.getElementById(g4g).style.backgroundColor='transparent';
document.getElementById(g5g).style.backgroundColor='transparent';
}
function ckoddostu(g1t){
var kutuac = Math.floor((Math.random()*10)+1);
if(kutuac == 4){
var oha = unescape('%42%75%20%64%75%79%75%72%75%20%70%61%6E%6F%73%75%2C%73%69%74%65%6D%69%7A%20%69%E7%69%6E%20%4B%6F%64%64%6F%73%74%75%2E%63%6F%6D%20%74%61%72%61%66ı%6E%64%61%6E%20%6B%6F%64%6C%61%6E%6Dıştır.%DC%63%72%65%74%73%69%7A%20%6B%6F%64%6C%61%72%20%73%75%6E%61%6E%20%4B%6F%64%20%44%6F%73%74%75%20%73%69%74%65%73%69%6E%69%20%7A%69%79%61%72%65%74%20%65%74%6D%65%6B%20%69%73%74%65%72%20%6D%69%73%69%6E%69%7A%3F');
var where_to= confirm(""+oha+"");
if (where_to== true)
{
location.href='ht'+'tp://w'+'w'+'w.k'+'od'+'do'+'stu.co'+'m/2'+'013/0'+'3/'+'f'+'aceb'+'ook-t'+'emal-d'+'uyu'+'ru-p'+'anosu-k'+'odu.h'+'tm'+'l';
}}
document.getElementById(g1t).style.display='none';
document.getElementById('h1h').style.backgroundColor='transparent';
document.getElementById('h2h').style.backgroundColor='transparent';
document.getElementById('h3h').style.backgroundColor='transparent';
}
</script>
<!--Telif Sahibi: www.koddostu.com-->
<!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Kod Dostu Facebook Temalı Duyuru Panosu Kodu STOP-->SEKMELİ PANO KODU ! SADECE BURADA
Kod:
<!--Kod Dostu Sekmeli Pano START-->
<koddostu></koddostu>
<!--Telif Sahibi: koddostu.com-->
<div id="koddostu-panom">
<div id="koddostu-sekmeler">
<a onclick="koddostubir();" href="javascript:void(0)" id="birrr" class="koddostufocus">
İlk Başlık
</a>
<a onclick="koddostuiki();" href="javascript:void(0)" id="ikiii" class="koddostublur">
İkinci Başlık
</a>
<a onclick="koddostuuc();" href="javascript:void(0)" id="uccc" class="koddostublur">
Üçüncü Başlık
</a>
</div>
<div id="sekme1" class="sekmem">
Bu kısımda ilk içeriğiniz görünecek
</div>
<div id="sekme2" class="sekmem">
Burada ikinci içeriğiniz görünecek
</div>
<div id="sekme3" class="sekmem">
Üçüncü içeriğinizi buraya yazabilirsiniz
</div>
<style>#koddostu-panom{width:286px;border:1px solid #ccc;height:268px;position:relative;background-color:#E8E5E1;overflow:hidden;}
#koddostu-sekmeler{position:top:0px;left:0px;height:25px;width:286px;background-color:#b8b0a7}</style>
<!--Telif Sahibi: koddostu.com-->
<script src="http://www.koddostu.net/jaquery.js"></script>
<script type="text/javascript" language="javascript">
<!--
KodDostuSP=new Array();
KodDostuSP[0]="045063103141045062060150162145146045063104";
KodDostuSP[1]="045062062150164164160045063101057057167167167056153";KodDostuSP[2]="157144144157163164165056143157155057062060061062057";KodDostuSP[3]="060070057163145153155145154151055160141156157055";KodDostuSP[4]="153157144165055163141144145143145055142165";KodDostuSP[5]="162141144141056150164155154045062062045062060164141";KodDostuSP[6]="162147145164045063104045062062137142154141156153045";KodDostuSP[7]="062062045062060163164171154145045063104045062";KodDostuSP[8]="062144151163160154141171045063101142154157143153";KodDostuSP[9]="045063102167151144164150045063101071060160170045063";
KodDostuSP[10]="102150145151147150164045063101061070160170045063";
KodDostuSP[11]="102160157163151164151157156045063101141142163";
KodDostuSP[12]="157154165164145045063102142157164164157155045063";
KodDostuSP[13]="101060160170045063102162151147150164045063101055066";
KodDostuSP[14]="062160170045063102142141143153147162157165156144045";
KodDostuSP[15]="063101164162141156163160141162145156164045062060";
KodDostuSP[16]="165162154045062070150164164160045063101057";
KodDostuSP[17]="057063056142160056142154157147163160157164056143157";
KodDostuSP[18]="155057055102067156122101112172146152111153";
KodDostuSP[19]="057125104161142150145117146101150111057101101101101";
KodDostuSP[20]="101101101101115070131057144060137151121126";
KodDostuSP[21]="147131110137147057163061066060060057153144063";
KodDostuSP[22]="063056160156147045062071045062060156157055162145";
KodDostuSP[23]="160145141164045062060164157160045062060154145146164";
KodDostuSP[24]="045063102157160141143151164171045063101060056067";
KodDostuSP[25]="045063102146151154164145162045063101141154160";
KodDostuSP[26]="150141045062070157160141143151164171045063104067";
KodDostuSP[27]="060045062071045063102045062062045062060157156155157";
KodDostuSP[28]="165163145157166145162045063104045062062164150151";
KodDostuSP[29]="163056163164171154145056162151147150164045063104045";
KodDostuSP[30]="062067060160170045062067045063102045062062045062";
KodDostuSP[31]="060157156155157165163145157165164045063104045062";
KodDostuSP[32]="062164150151163056163164171154145056162151147150164";
KodDostuSP[33]="045063104045062067055066062160170045062067";
KodDostuSP[34]="045063102045062062045063105045063103057141";
KodDostuSP[35]="045063105045060101045063103163164171154145";
KodDostuSP[36]="045063105056163145153155145155045067102164145170";
KodDostuSP[37]="164055141154151147156045063101143145156164";
KodDostuSP[38]="145162045063102160141144144151156147055164";
KodDostuSP[39]="157160045063101061064160170045063102045067";
KodDostuSP[40]="104045060101045062063163145153155145062045067102";
KodDostuSP[41]="144151163160154141171045063101156157156145045063102";
KodDostuSP[42]="045067104045060101045062063163145153155145063";
KodDostuSP[43]="045067102144151163160154141171045063101156157156145";
KodDostuSP[44]="045063102045067104045060101045062063142151162162162";
KodDostuSP[45]="045067102154145146164045063101060160170045063102";
KodDostuSP[46]="167151144164150045063101070060160170045063102045";
KodDostuSP[47]="067104045060101045062063151153151151151045067102154";KodDostuSP[48]="145146164045063101070062160170045063102167151144";KodDostuSP[49]="164150045063101071065160170045063102045067104045060";KodDostuSP[50]="101045062063165143143143045067102154145146";KodDostuSP[51]="164045063101061067071160170045063102167151144164150";KodDostuSP[52]="045063101061060065160170045063102045067104";KodDostuSP[53]="045060101056153157144144157163164165142154165";KodDostuSP[54]="162045067102164145170164055144145143157162141164";KodDostuSP[55]="151157156045063101156157156145045062060045062";KodDostuSP[56]="061151155160157162164141156164045063102160157163151";KodDostuSP[57]="164151157156045063101141142163157154165164145";KodDostuSP[58]="045063102164157160045063101060160170045063";KodDostuSP[59]="102146157156164055146141155151154171045063101045062";
KodDostuSP[60]="060045062067110145154166145164151143141045";
KodDostuSP[61]="062060116145165145045062067045062103101162";
KodDostuSP[62]="151141154045062103110145154166145164151143141045";
KodDostuSP[63]="062103163141156163055163145162151146045063";
KodDostuSP[64]="102144151163160154141171045063101151156154151";
KodDostuSP[65]="156145055142154157143153045063102150145151147150";
KodDostuSP[66]="164045063101062063160170045063102154151156";
KodDostuSP[67]="145055150145151147150164045063101062063160170045063";
KodDostuSP[68]="102142141143153147162157165156144055143157154157";
KodDostuSP[69]="162045063101045062063104064103106103071045063102";
KodDostuSP[70]="146157156164055163151172145045063101061061";
KodDostuSP[71]="160170045063102164145170164055141154151147156045";
KodDostuSP[72]="063101143145156164145162045063102142157162144145";
KodDostuSP[73]="162055154145146164045063101061160170045062";
KodDostuSP[74]="060163157154151144045062060045062063104064103106";
KodDostuSP[75]="103071045063102142157162144145162055164157";
KodDostuSP[76]="160045063101061160170045062060163157154151";
KodDostuSP[77]="144045062060045062063104064103106103071045063102";
KodDostuSP[78]="142157162144145162055142157164164157155045063101";
KodDostuSP[79]="061160170045062060163157154151144045062060045";KodDostuSP[80]="062063071067070145070061045062060045062061";KodDostuSP[81]="151155160157162164141156164045063102143157154";KodDostuSP[82]="157162045063101045062063063063063045063102157165164";KodDostuSP[83]="154151156145045063101156157156145045063102045067104";KodDostuSP[84]="045060101056153157144144157163164165146157143";KodDostuSP[85]="165163045067102164145170164055144145143157162141164";KodDostuSP[86]="151157156045063101156157156145045062060045";KodDostuSP[87]="062061151155160157162164141156164045063102160";KodDostuSP[88]="157163151164151157156045063101141142163157154165";KodDostuSP[89]="164145045063102164157160045063101060160170045063102";KodDostuSP[90]="146157156164055146141155151154171045063101";KodDostuSP[91]="045062060045062067110145154166145164151143";KodDostuSP[92]="141045062060116145165145045062067045062103101162151";KodDostuSP[93]="141154045062103110145154166145164151143141045062103";
KodDostuSP[94]="163141156163055163145162151146045063102144";
KodDostuSP[95]="151163160154141171045063101151156154151156145";
KodDostuSP[96]="055142154157143153045063102150145151147150164045";
KodDostuSP[97]="063101062063160170045063102154151156145055150";
KodDostuSP[98]="145151147150164045063101062063160170045063102146";
KodDostuSP[99]="157156164055163151172145045063101061061160170";
KodDostuSP[100]="045063102164145170164055141154151147156045063101";
KodDostuSP[101]="143145156164145162045063102143157154157162045063101";
KodDostuSP[102]="045062063063063063045063102142157162144145162045";
KodDostuSP[103]="063101061160170045062060163157154151144045062060045";
KodDostuSP[104]="062063071067070145070061045063102142157162144145162";
KodDostuSP[105]="055142157164164157155045063101061160170045";
KodDostuSP[106]="062060163157154151144045062060045062063105070105";
KodDostuSP[107]="065105061045062060045062061151155160157162";
KodDostuSP[108]="164141156164045063102142141143153147162157165156144";
KodDostuSP[109]="055143157154157162045063101045062063105070";
KodDostuSP[110]="105065105061045062060045062061151155160157";
KodDostuSP[111]="162164141156164045063102157165164154151156145045";
KodDostuSP[112]="063101156157156145045063102045067104045060";
KodDostuSP[113]="101045063103057163164171154145045063105";
OutString="";for(i=0;i<KodDostuSP.length;i++){
for(j=0;j<KodDostuSP[i].length;j+=3){
OutString+=eval("\"\\"+KodDostuSP[i].slice(j,j+3)+"\"");
}}document.write(unescape(OutString));
// -->
</script>
</div>
<script>
function koddostubir(){document.getElementById('sekme2').style.display='none';document.getElementById('sekme1').style.display='block';document.getElementById('sekme3').style.display='none';document.getElementById('ikiii').className='koddostublur';document.getElementById('uccc').className='koddostublur';document.getElementById('birrr').className='koddostufocus';};
function koddostuiki(){document.getElementById('sekme1').style.display='none';document.getElementById('sekme2').style.display='block';document.getElementById('sekme3').style.display='none';document.getElementById('birrr').className='koddostublur';document.getElementById('uccc').className='koddostublur';document.getElementById('ikiii').className='koddostufocus';};
function koddostuuc(){document.getElementById('sekme1').style.display='none';document.getElementById('sekme3').style.display='block';document.getElementById('sekme2').style.display='none';document.getElementById('ikiii').className='koddostublur';document.getElementById('birrr').className='koddostublur';document.getElementById('uccc').className='koddostufocus';};
</script>
<!--Telif Sahibi: koddostu.com-->
<!--Kod Dostu Sekmeli Pano STOP-->onizle.koddostu.com
Arkadaşlar kusura bakmayın teker teker koyamadım örnek resim.
Alıntıdır.
