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.)
(İnternet Explorer 10'dan önceki İnternet Explorer sürümleri ile uyumlu değildir.Opera'da css3 efekti çalışmayabilir.)
<!--Author: koddostu.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Sitene Yuvarlanarak Açılan Duyuru Panosu-->
<!--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><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-->
<script src="https://www.koddostu.com/duzelt.js?no=174"></script>