ط´ط±ط* ط¹ظ…ظ„ ظ‡ظٹط¯ط± ط«ط§ط¨طھ ظپظٹ ط§ظ„ط³طھط§ظٹظ„ ظ…ط«ظ„ ط£ط¹ظ…ط§ظ„ ط£ط¨ظˆ ظˆظ„ظٹط¯ . ظƒظˆظ…



السلام عليكم ورحمة الله وبركاته
احد الاخوة هنا طلب منا شرح طريقة لطريقة عمل هيدر او شريط ثابت في اعلى الصفحة مثل موقع الفيسبوك مثلاً او موقع تويتر .. او حتى الحائط في ديزاد باتنة!
الطريقة تم عملها في بعض اعمال أبو وليد . كوم ونالت على اعجاب الكثير ، فطلبوا طريقتها
ولا خير في كاتم العلم ، فأردنا ان نخدم المصممين وايضاً اصحاب المنتديات وان شاء الله الطريقة تفيدكم
>> الأمثلة
ستايل style BLS v2.0 Special Version
ستايل style Twitter v1.0
ستايل style مجتمع خرابيش الإعلامية

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

>> الشرح طريقة
  • الخطوة الأولى :

افتح قالب template الهيدر header [header ]
اضف في بدايته
هذا الكود code :
رمز PHP:
<code style="white-space:nowrap"> <code> <div style="position:fixed;left:0px;top:0px; z-index: 1000; width: 100%; height: 55px;" class="headAW">



××××××
</div>
</code> </code>

الطول = 55 ، غيره حسب ماتريد
طبعاً لمن اراد اضافة الشعار او اضافة اسم الموقع او منطقة تسجيل الدخول
يضيفها أعلى :
رمز PHP:
<code style="white-space:nowrap"> <code> </div>
</code> </code>

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


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


أضف الكود code التالي في
[خيارات css] > آخر مربع في الاسفل [ الإضافية ]
رمز PHP:
<code style="white-space:nowrap"> <code> .headAW{
background-image:url('images/xxxx.png');
height: 55px;
width:100%;
position:absolute;
position:fixed;
}
</code> </code>

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


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

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

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









©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©