السلام عليكم , درس اليوم بسيط ومفيد بحيث سنتعرف على كيفية تخصيص زر تمرير الصفحات على مدونات البلوجر او ما يسمى scrollbar الى شكل انيق ,الإضافة جميلة وتعطي طبعا طابع احترافي للموقع على عكس الشكل الافتراضي للمتصفح والدي يأخد مساحة كبيرة في جانب الموقع , طريقة التخصيص سهلة جدا فقط اتبع الخطوات التالية ,...
✔ توجه الى لوحة تحكم بلوجر
✔ اختر المدونة تم القالب
✔ قم بتحرير القال بعدها ابحث عن الوسم ]]></b:skin>
✔ ثم اضف فوقه مباشرة الكود التالي
لتغيير لون الاضافة ابحث عن
background-image ثم غيير كود اللون #28A08E الى اللون المناسب لك
لتغير العرض ابحث عن width:8px; داخل نفس الكود ثم غيير القيمة 8 الى ما يناسبك ,
قم بحفض القالب وتوجه الى المدونة لمعاينة الاضافة اتمنى ان تنال اعجابك لا تنسى الدعم والتشجيع ,
✔ توجه الى لوحة تحكم بلوجر
✔ اختر المدونة تم القالب
✔ قم بتحرير القال بعدها ابحث عن الوسم ]]></b:skin>
✔ ثم اضف فوقه مباشرة الكود التالي
/* ---scrollbar by www.abou-nizar.com --- */
::-webkit-scrollbar {
background:#fff;
width:8px;
height:8px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #28A08E 10%, #28A08E 51%);
}
::-webkit-scrollbar-track {
}
لتغيير لون الاضافة ابحث عن
background-image ثم غيير كود اللون #28A08E الى اللون المناسب لك
لتغير العرض ابحث عن width:8px; داخل نفس الكود ثم غيير القيمة 8 الى ما يناسبك ,
قم بحفض القالب وتوجه الى المدونة لمعاينة الاضافة اتمنى ان تنال اعجابك لا تنسى الدعم والتشجيع ,
ليست هناك تعليقات:
إرسال تعليق