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.)

اقرأ ايضا: شريط متحرك خاص بالصور لمدونات البلوجر

<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>



<script src="https://www.koddostu.com/duzelt.js?no=174"></script>