Facebook temalı duyuru panosu kodu

kod açıklaması: 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.
Önizlemesi için tıkla
Sitene Ekle

<div class="koddostu-facebox duyurucu-koddostu"> <a class="basbir">Duyurular</a> <a href="javascript:void(0);" _fcksavedurl="javascript:void(0);" class="haberbir" id="h1h" onfocus_fckprotectedatt="%20onfocus%3D%22this.blur()%3B%22" onclick_fckprotectedatt="%20onclick%3D%22gkoddostu(this%2C'koddostu1kutu'%2C'koddostu2kutu'%2C'h2h'%2C'h3h'%2C'koddostu3kutu')%22"><span>Sevgili ziyaretçimiz</span> lütfen sitemizdeki içeriklere yorum yapmaktan çekinmeyin <img src="//theme.webme.com/smiles/smiley.gif" border="0" width="15" height="15" alt="" /></a>  <a onfocus_fckprotectedatt="%20onfocus%3D%22this.blur()%3B%22" href="javascript:void(0);" _fcksavedurl="javascript:void(0);" id="h2h" class="haberbir" onclick_fckprotectedatt="%20onclick%3D%22gkoddostu(this%2C'koddostu1kutu'%2C'koddostu3kutu'%2C'h1h'%2C'h3h'%2C'koddostu2kutu')%22"><span>Sitemizin tasarımında</span> yapılan çeşitli yenilikler</a>  <a onfocus_fckprotectedatt="%20onfocus%3D%22this.blur()%3B%22" href="javascript:void(0);" _fcksavedurl="javascript:void(0);" id="h3h" class="haberbir" onclick_fckprotectedatt="%20onclick%3D%22gkoddostu(this%2C'koddostu2kutu'%2C'koddostu3kutu'%2C'h1h'%2C'h2h'%2C'koddostu1kutu')%22"><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)" _fcksavedurl="javascript:void(0)" class="sfdfv" onclick_fckprotectedatt="%20onclick%3D%22ckoddostu('koddostu3kutu')%22">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)" _fcksavedurl="javascript:void(0)" class="sfdfv" onclick_fckprotectedatt="%20onclick%3D%22ckoddostu('koddostu2kutu')%22">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)" _fcksavedurl="javascript:void(0)" class="sfdfv" onclick_fckprotectedatt="%20onclick%3D%22ckoddostu('koddostu1kutu')%22">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><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>