EnglishFrenchGermanSpainItalianDutchRussianPortugueseArabic

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

السلام عليكم
إخواني الكرام كيف حالكم اتمنى ان تكونوا بصحة جيدة
في هذا الموضوع سأقدم لكم Hulo Bar النسخة المجانية سهلة التركيب 
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 لكود لون آخر من إختيارك
يمكنك الحصول على أكواد الوان أخرى من هذه الصفحة التالية


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

هناك تعليق واحد:

  1. ممتاز جزاكم الله خيرا
    تمت الإضافة
    http://abeersabeel.blogspot.com/

    ردحذف

التالي السابق الرئيسية