Hulo Bar النسخة المجانية سهلة التركيب

إخواني الكرام كيف حالكم اتمنى ان تكونوا بصحة جيدة

في هذا الموضوع سأقدم لكم Hulo Bar النسخة المجانية سهلة التركيب 

Hulo Bar هي عارضة تابثة فوق المدونة مع زر إخفاء تصلح مثلا لوضع رسالة إدارية خبير جديد موضوع حصري

أو أي شيئ تريد لكي يضهر بشكل ملفت للأنظار

صور من Hulo Bar

هكذا تضهر الإضافة Hulo Bar

ثم بعد الضغط على زر الإخقاء إضغطعليه مرة اخرة لكي تضهر Hulo Bar

لتركيب Hulo Bar كل ما عليك هو إضافة أداة جديدة ثم ضع فيها هذا الكود

<!-- free Hulo Bar by Arabe-Eye. -->
<style type="text/css">
#exehullobarmain {width:100%; height:100px; position:fixed; top:0%; left:0%;}
#exehullobar {border-bottom: 3px solid black; background-color: #FF6600; overflow:none; width:100%; height:30px; position:fixed; top:0%; left:0%;}
#exehullobardata {padding:5px;color:#fff;}
#exehullobarhide{position: absolute;top: 4px;right: 12px;width: 20px;height: 20px;cursor:pointer;}
#exehullobarshow{position: absolute;top: 0px;right: 5px;width: 30px;height: 25px;cursor:pointer;background-color: #FF6600;padding-top:5px;border-bottom: 3px solid black; border-left: 3px solid black; border-right: 3px solid black; border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
.exehullobardownarrow {width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent; border-top: 10px solid #CC5200;}
.exehullobarblock {width: 8px; height: 10px; background-color: #CC5200;}
.exehullobaruparrow {width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent; border-bottom: 10px solid #CC5200;}
</style>
<div id="exehullobarmain" >
<center id="exehullobarshow" onmouseup="document.getElementById('exehullobar').style.display='block'"><div class="exehullobarblock"></div><div class="exehullobardownarrow"></div></center>
<div id="exehullobar" >
<center id="exehullobarhide" onmouseup="document.getElementById('exehullobar').style.display='none'"><div class="exehullobaruparrow"></div><div class="exehullobarblock"></div></center>
<center id="exehullobardata" ><marquee>مرحبا بالجميع أتمنى لكم قضاء وقت ممتع معنا لا تنسو الإنظمام لمتابعي المدونة ;)</marquee></center>
</div>
</div>
<!-- free Hulo Bar by Arabe-Eye. -->

ثم بدل العبارة التي كتبت باللغة العربية أكتب العبارة التي تريد ومثلا لو اردت وضع روابط يمكنك الإستعانة بالكود التالي

ندعوك لمشاركتنا رأيك في موضوع <a class='Arabe-Eye' href='http://www.arabe-eye.com/'>النقل بدون تصريح</a>

هذا مثال فقط غير محتواه بما يناسبك ثم لو لم يعجبك تأثير النص المتحرك وأردت جعله تابث قم بإزالك الكود التالي

<marquee>

</marquee>

وسيصبح النص تابث وأيضا لو أحببت تغيير اللون البرتقالي للون آخر غير كود اللون التالي #FF6600 لكود لون آخر من إختيارك

يمكنك الحصول على أكواد الوان أخرى من هذه الصفحة التالية

http://www.arabe-eye.com/p/code-color.html

أضن ان هذا كل شيئ اتمنى ان تعجبكم الإضافة بالتوفيق للجميع ودمتم في رعاية الله وحفظه