شرح تفصيلي لعمل هيدر ثابت في الستايل

السلام عليكم ورحمة الله وبركاته
احد الاخوة هنا طلب منا شرح لطريقة عمل هيدر او شريط ثابت في اعلى الصفحة مثل موقع الفيسبوك مثلاً او موقع تويتر .. او حتى الحائط في ترايدنت!
الطريقة تم عملها في بعض اعمال أبو وليد . كوم ونالت على اعجاب الكثير ، فطلبوا طريقتها
ولا خير في كاتم العلم ، فأردنا ان نخدم المصممين وايضاً اصحاب المنتديات وان شاء الله الطريقة تفيدكم 

>> الأمثلة

1. ستايل BLS v2.0 Special Version
2. ستايل Twitter v1.0
3. ستايل مجتمع خرابيش الإعلامية

--------------------------------------------------------------------------------------------------------------

>> الشرح

• الخطوة الأولى :

افتح قالب الهيدر [header ] اضف في بدايته هذا الكود : 

رمز PHP:

<div style="position:fixed;left:0px;top:0px; z-index: 1000; width: 100%; height: 55px;" class="headAW">

×××××× </div>  

الطول = 55 ، غيره حسب ماتريد
طبعاً لمن اراد اضافة الشعار او اضافة اسم الموقع او منطقة تسجيل الدخول يضيفها أعلى :

رمز PHP:

</div>  

بمعنى يستبدل الـ ××××××

• الخطوة الثانية :

أضف الكود التالي في [خيارات css] > آخر مربع في الاسفل [ الإضافية ]

رمز PHP:

.headAW{
    background-image:url('images/xxxx.png');
    height: 55px;
    width:100%;
    position:absolute;
    position:fixed;
}  

نغير الطول = 55 > نجعله مثل الرقم اللي ادخلناه في الهيدر سابقاً
images/xxxx.png = رابط الصوره وهي خلفية الشريط او البار العلوي ، الافضل ان تكون بصيغة png 

--------------------------------------------------------------------------------------------------------------

في النهاية احفظ العمل

نستقبل الاستفسارات والمشاكل التي تواجهكم
مع التحية
مجموعة أبو وليد . كوم