طريقة جعل الهيدر منسق بخاصية Sticky

مرحبا بكم في درس جديد من مدونة أبطر .
درس اليوم هو درس جد مطلوب عند العرب وهو طريقة جعل الهيدر منسق بمعنى جعل الهيدر تابع للمدونة اثناء تصفحها .
معاينة الإضافة
بعد معاينة الإضافة نذهب إلى طريقة إضافة هذه الخاصية :

• اذهب الى لوحة تحكم بلوجر من*هنا.
• إذهب إلى تبويبة القالب .
• إعمل نسخة إحتياطية لتفادي المشاكل.
• إبحث عن الكود*التالي بإستعمال {Ctrl+F}

رمز Code:

• واضف مباشرة اعلاه/فوقه الكود التالي :

رمز Code:


/]]>


.Abter_sticking {background:#202020 !important;position:fixed !important;
top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3);
*margin-top: 0; position:relative\9 !important;}

[*]غير*#202020*باللون الخاص بهايدر او قائمة مدونتك.[*]غير IDNav بال id الخاص بالهايدر لمدونتك و يمكنك تحديده عبر الشكل التالي :

• إذهب إلى مدونتك .
• إضغط F12 .
• بعد ذلك إبحث عن كلمة موجودة في الهيدر الخاص بك بإستعمال {Ctrl+F} كما في الصورة (انا بحث عن قائمة أبطر ) :

• بعد ذلك ستصعد في الاسطر تدريجيا بسهم الفارة حتى يحدد الهايدر كاملا كما في الصورة التالية :

• بعدها ستجد*"id="nav*او اي شئ امام*=id قم بوضعه مكان*IDNav*في الكود السابق .

إنتهى :)

المصدر : مدونة ابطر
</div>






أكثر...