شرح طريقة عمل هيدر ثابت في الستايل style مثل أعمال أبو وليد . كوم
http://www.dzbatna.com/images/icons/iconrote.gif ط´ط±ط* ط¹ظ…ظ„ ظ‡ظٹط¯ط± ط«ط§ط¨طھ ظپظٹ ط§ظ„ط³طھط§ظٹظ„ ظ…ط«ظ„ ط£ط¹ظ…ط§ظ„ ط£ط¨ظˆ ظˆظ„ظٹط¯ . ظƒظˆظ…
السلام عليكم ورحمة الله وبركاته
احد الاخوة هنا طلب منا شرح طريقة لطريقة عمل هيدر او شريط ثابت في اعلى الصفحة مثل موقع الفيسبوك مثلاً او موقع تويتر .. او حتى الحائط في ديزاد باتنة!
الطريقة تم عملها في بعض اعمال أبو وليد . كوم ونالت على اعجاب الكثير ، فطلبوا طريقتها
ولا خير في كاتم العلم ، فأردنا ان نخدم المصممين وايضاً اصحاب المنتديات وان شاء الله الطريقة تفيدكم
>> الأمثلة
ستايل style BLS v2.0 Special Version
ستايل style Twitter v1.0
ستايل style مجتمع خرابيش الإعلامية
--------------------------------------------------------------------------------------------------------------
>> الشرح طريقة
افتح قالب template الهيدر header [header ]
اضف في بدايته هذا الكود code :
رمز PHP:
<div style="position:fixed;left:0px;top:0px; z-index: 1000; width: 100%; height: 55px;" class="headAW">
××××××
div>
الطول = 55 ، غيره حسب ماتريد
طبعاً لمن اراد اضافة الشعار او اضافة اسم الموقع او منطقة تسجيل الدخول يضيفها أعلى :
رمز PHP:
div>
بمعنى يستبدل الـ ××××××
أضف الكود code التالي في [خيارات css] > آخر مربع في الاسفل [ الإضافية ]
رمز PHP:
.headAW{
background-image:url('images/xxxx.png');
height: 55px;
width:100%;
position:absolute;
position:fixed;
}
نغير الطول = 55 > نجعله مثل الرقم اللي ادخلناه في الهيدر header سابقاً
images/xxxx.png = رابط الصوره وهي خلفية الشريط او البار العلوي ، الافضل ان تكون بصيغة png
--------------------------------------------------------------------------------------------------------------
في النهاية احفظ العمل
نستقبل الاستفسارات والمشاكل التي تواجهكم
مع التحية
مجموعة أبو وليد . كوم
www.abuwaled.com
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
