Sitene Yuvarlanarak Açılan Duyuru Panosu

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.

(Web Pioneer 10'dan önceki Web Traveler 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;">
مرحبا
<br/>
يمكنك معاينة الاشعارات من هنا
<br/>
تصميم إنسانية نملة
</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">اشعار</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>