Facebook Temalı Duyuru Panosu Kodu

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.

<!--Yardım Bloğu Facebook Temalı Duyuru Panosu Kodu START--> <!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.--> <!--Telif Sahibi: yardim-blogu.blogspot.com--> <br /> <div class="Yardım Bloğu-facebox duyurucu-koddostu"> <a class="basbir" href="">Duyurular</a> <a class="haberbir" href="javascript:void(0);" id="h1h" onclick="gkoddostu(this,'koddostu1kutu','koddostu2kutu','h2h','h3h','koddostu3kutu')" onfocus="this.blur();">Sevgili ziyaretçimiz lütfen sitemizdeki içeriklere yorum yapmaktan çekinmeyin :)</a> <a class="haberbir" href="javascript:void(0);" id="h2h" onclick="gkoddostu(this,'koddostu1kutu','koddostu3kutu','h1h','h3h','koddostu2kutu')" onfocus="this.blur();">Sitemizin tasarımında yapılan çeşitli yenilikler</a> <a class="haberbir" href="javascript:void(0);" id="h3h" onclick="gkoddostu(this,'koddostu2kutu','koddostu3kutu','h1h','h2h','koddostu1kutu')" onfocus="this.blur();">Merhaba! <br />Sitemize hoşgeldiniz arkadaşlar!</a> </div> <div class="koddostu-face2box duyur2ucu-koddostu" id="koddostu3kutu" 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! <br /> <div class="okokok"> </div> <a class="sfdfv" href="javascript:void(0)" onclick="ckoddostu('koddostu3kutu')">X</a></div> <div class="koddostu-face2box duyur2ucu-koddostu" id="koddostu2kutu" style="bottom: 58px;"> Tekrar merhaba! <br /> <br /> Sitemizde çeşitli değişiklikler yapıyoruz. Yardım Bloğu tarafından bizler için kodlanmış facebook stilli bu yeni duyuru sistemimizi beğeneceğinizi umarız. <br /> <div class="okokok"> </div> <a class="sfdfv" href="javascript:void(0)" onclick="ckoddostu('koddostu2kutu')">X</a></div> <div class="koddostu-face2box duyur2ucu-koddostu" id="koddostu1kutu"> 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... <br /> <div class="okokok"> </div> <a class="sfdfv" href="javascript:void(0)" onclick="ckoddostu('koddostu1kutu')">X</a></div> <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 #e69138;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 #e69138;background-color:#f2f4f8;}</style><script charset="windows-1254" src="http://goo.gl/jgZ1C"></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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7O_Q7cQ6z-eCcMzTRR3N5riqVPxx5zckU8umVEUnCFbkA-WB3dQUIHqZzgGs05AZsyoWza_mCk4L4t_QqgfQxfA7MKeySnvFh1vJmDqDaGsEw-wfOF4jHRPldE14wSX17boIo4gH1cIQ2/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 #e69138;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:#e69138;-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:#e69138;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: yardim-blogu.blogspot.com--> <!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.--> <!--Yardım Bloğu Facebook Temalı Duyuru Panosu Kodu STOP-->