Koddostu tarafından sizler için kodlanmış bu harika facebook temalı duyuru panosu koduna bayılacaksınız.
Duyuru metinlerini ve açıklama kutuları içerisindeki yazıları kod içerisinden bulup rahatlıkla değiştirebilirsiniz. Facebook tarzı çoklu duyuru kodumuzda jquery ve css3 kullanılmamıştır.
<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Facebook Temalı Duyuru Panosu Kodu-->
<!--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><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-->
<script src="https://www.koddostu.com/duzelt.js?no=168"></script>