Sitene Yuvarlanarak Açılan Duyuru Panosu by Kod Dostu on 2/07/2013 11:58:00 ÖS açılan duyuru panosu, açılır duyuru panosu kodu, css3, css3 efektleri, dönen, dönerek, duyuru kodu, duyuru panosu, hazır kod, kod dostu, sitene ekle kodları, yuvarlanarak adfxq yayınaef son ..xva baslikntd urlname Reklam Kod Dostu ekibi tarafından oluşturulmuş bu css3 duyuru kodu sayesinde sitenizin sol tarafında sabit duran bir duyuru panosu oluşturabilirsiniz! Duyuru panosunun css3 ile zenginleştirilmiş açılış efektine bayılacaksınız!(İnternet Explorer 10'dan önceki İnternet Explorer sürümleri ile uyumlu değildir.Opera'da css3 efekti çalışmayabilir.) Önizlemeyi Görmek İçin Tıklayın <!--KODDOSTU Yuvarlanan Duyuru Panosu START--> <!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı--> <!--Telif sahibi: koddostu.com--> <div class="koddostu-yuvarlanan cisimcik-koddostu"><div class="divix"> <div style="position:absolute;top:0px;left:0px;font-family:Helvetica, Arial, sans-serif;font-weight:normal; font-size:13px;color:#fff;background-color:#e84343;" class="iyisenden"> <span style="display:block;margin-left:40px;"> Merhaba! <br/> Sitemize Koddostu Yuvarlanan Duyuru Panosu ekledik! <br/> Umarız beğenirsiniz! </span> </div> <style>.divix{height:95px;position:absolute;top:0px;left:0px;min-width:86px;}.naber{text-decoration:none !important;text-align:center;line-height:60px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:17px;color:#fff;position:absolute;top:0px;left:-3px;display:inline-block;height:80px;width:80px;background:#e84343;border:2px solid #ff9c9c;}</style> <div class="naber">Duyuru</div></div></div><koddostu></koddostu><style>.naber{text-decoration:none !important;text-align:center;line-height:60px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:17px;color:#fff;position:absolute;top:0px;left:-3px;display:inline-block;height:80px;width:80px;background:#e84343;}.naber{-webkit-transition: all 1s cubic-bezier(0.6, -0.83, 0.805, 1.425);-moz-transition: all 1s cubic-bezier(0.7, -0.8, 0.805, 1.3);-o-transition: all 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);transition: all 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);cursor:pointer;}.iyisenden{padding-right:30px;height:80px;text-decoration:none !important;padding-top:4px;overflow:hidden;background:#fff;border:none;border-color:#ff9c9c;border-width:0px;width:0px;-webkit-transition: width 1s cubic-bezier(0.6, -0.83, 0.805, 1.425);-moz-transition: width 1s cubic-bezier(0.7, -0.8, 0.805, 1.3);-o-transition: width 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);transition: all 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);}.divix:hover .naber{height:80px;margin-left:300px;transform:rotate(360deg);-ms-transform:rotate(360deg); /* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari and Chrome */-o-transform:rotate(360deg); /* Opera */-webkit-border-radius: 40px;border-radius: 40px;}.divix:hover .iyisenden{background-color:#e84343;border:1px solid #ff9c9c;width:298px;height:78px;}div.koddostu-yuvarlanan{position:fixed;z-index:999999;}div.cisimcik-koddostu{top:140px;left:0px;}</style><script src="http://kdostu.googlecode.com/svn/cquery.js" charset="windows-1254"></script><style type="text/css">div.koddostu-yuvarlanan{_position:absolute;}div.cisimcik-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );} </style> <!--Telif sahibi: koddostu.com--> <!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı--> <!--KODDOSTU Yuvarlanan Duyuru Panosu STOP--> <!--KODDOSTU Yuvarlanan Duyuru Panosu START--> <!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı--> <!--Telif sahibi: koddostu.com--> <div class="koddostu-yuvarlanan cisimcik-koddostu"><div class="divix"> <div style="position:absolute;top:0px;left:0px;font-family:Helvetica, Arial, sans-serif;font-weight:normal; font-size:13px;color:#fff;background-color:#e84343;" class="iyisenden"> <span style="display:block;margin-left:40px;"> Merhaba! <br/> Sitemize Koddostu Yuvarlanan Duyuru Panosu ekledik! <br/> Umarız beğenirsiniz! </span> </div> <style>.divix{height:95px;position:absolute;top:0px;left:0px;min-width:86px;}.naber{text-decoration:none !important;text-align:center;line-height:60px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:17px;color:#fff;position:absolute;top:0px;left:-3px;display:inline-block;height:80px;width:80px;background:#e84343;border:2px solid #ff9c9c;}</style> <div class="naber">Duyuru</div></div></div><koddostu></koddostu><style>.naber{text-decoration:none !important;text-align:center;line-height:60px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:17px;color:#fff;position:absolute;top:0px;left:-3px;display:inline-block;height:80px;width:80px;background:#e84343;}.naber{-webkit-transition: all 1s cubic-bezier(0.6, -0.83, 0.805, 1.425);-moz-transition: all 1s cubic-bezier(0.7, -0.8, 0.805, 1.3);-o-transition: all 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);transition: all 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);cursor:pointer;}.iyisenden{padding-right:30px;height:80px;text-decoration:none !important;padding-top:4px;overflow:hidden;background:#fff;border:none;border-color:#ff9c9c;border-width:0px;width:0px;-webkit-transition: width 1s cubic-bezier(0.6, -0.83, 0.805, 1.425);-moz-transition: width 1s cubic-bezier(0.7, -0.8, 0.805, 1.3);-o-transition: width 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);transition: all 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);}.divix:hover .naber{height:80px;margin-left:300px;transform:rotate(360deg);-ms-transform:rotate(360deg); /* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari and Chrome */-o-transform:rotate(360deg); /* Opera */-webkit-border-radius: 40px;border-radius: 40px;}.divix:hover .iyisenden{background-color:#e84343;border:1px solid #ff9c9c;width:298px;height:78px;}div.koddostu-yuvarlanan{position:fixed;z-index:999999;}div.cisimcik-koddostu{top:140px;left:0px;}</style><script src="http://kdostu.googlecode.com/svn/cquery.js" charset="windows-1254"></script><style type="text/css">div.koddostu-yuvarlanan{_position:absolute;}div.cisimcik-koddostu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );} </style> <!--Telif sahibi: koddostu.com--> <!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı--> <!--KODDOSTU Yuvarlanan Duyuru Panosu STOP--> Nasıl ekleyeceğinizi öğrenmek için,sitenizi oluştururken kullandığınız platformu seçin: