Facebook Temalı Duyuru Panosu Kodu

Merhaba arkadaşlar. Son zamanlarda baya bir kod paylaşıyorum ve paylaşmayada devam edeceğim. :)Şimdi paylaştığım yazıda ki kodu biraz açıklayayım.

 Sitenizden yapacağınız duyuruları bu kod sayesinde ziyaretçilerinize gösterebileceksiniz. Duyuruyu kod içerisinden değiştirebilirsiniz.


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> <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://goo.gl/jgZ1C" 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLkbz3l0qS3rONsz-6VdLIWbtGUanEy04dwNCJ4hjCxOHUXu-aD3L-eantJb0pSiskxAH3QkKeh8p4HqW2v0QxqxNh3QzEPdjPnwI8nW-BekUyUliEqSOKn1GdxzjRkDI9IfEF8tRvKjxy/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--> </body></html>

Kodun yapımcısı Koddostu.com'dur.

Bu Yazıyı Beğendinizmi?