الــــــ سلام عليكم مساءكم ورد وعسل وفوول وقشطة بالباشمل
الـــ يووم <<<<< لا أمس
نشررح لكم طريقة تغيير لون السكرول بار الشريط الجانبي
الطريقة طبعاً سهلة جدآ <<<<< أسهل من صعود
الــ جبل
وهي جلب ملف خارجي يحتوي على اوامر css
أول شي
قبل لا أبدا تابعوا الشررح زين ومافيه إعادة
اولا : افتح برنامج المفكره ( NOTEPAD ) الملحق مع الويندوز
ثانيا : اكتب به الاوامر التالية :
كود:
body {
SCROLLBAR-FACE-COLOR: #2a5f89; // لون مزلاق الشريط
SCROLLBAR-HIGHLIGHT-COLOR: #1A3953; // لون الاضاءه على حافة مزلاق الشريط
SCROLLBAR-SHADOW-COLOR: #1A3953; // لون الظل على مزلاق الشريط
SCROLLBAR-3DLIGHT-COLOR: #2a5f89; // لون الاضاءه على مزلاق الشريط لجعه ثلاثي الابعاد
SCROLLBAR-ARROW-COLOR: #e27c00; // لون الاسهم في المزلاق
SCROLLBAR-DARKSHADOW-COLOR: #2a5f89; // لون ظل المزلاق على ميناء الشريط
SCROLLBAR-TRACK-COLOR: #2a5f89; // لون ارضية او ميناء الشريط
}
أو حمل الملف التالي
من هنا للتحميل
وعدل عليه ع أي برنامج تحرير الفرونت بيج , المفكرة , شكوشه , أي شي أهم شي تسدحون فيه اللي عطيتكم
\
/
إذا خلصتوا قولوا لي أكمل الشررح
!
!
ثانياً : احفظ الملف داخل مجلد الصور ع الاستايل المراد تعديله
بهذا الاسم والامتداد aws.css
مثلا نبي نعدل
ع إستايل فيستا
نرفع ملف
الــ : aws.css
على المسار التالي : styles/vista/images/aws.css
الان افتح القالب المراد جلب الملف له فيه ملف فيستا
وضع الامر
<!-- بداية الكود -->
<link href="{img_dir}/aws.css" rel="stylesheet" type="text/css">
<!-- نهاية الكود -->
طبعا راح نفتح القوالب تابع الشررح
القوالب التي تحتاج الى تعديل هي headermain و header
الى هنا أعزائي المشاهددين والمشاهدات
نكون قد انتهينا من درس تلوين السكرول بار
لمتصفح الزائر اثناء تصفحه لمواقعنا
مرفق ملف aws.css
بامكانكم استخدامه مباشره في مواقعكم
ولكن الافضل تطبيق الدرس وليتم فهمه بشكل افضل
اتمنى ان يكون الشرح واضح ومبسط وان تعم الفائده على الجميع
ولا تحرمونا من خالص دعائكم
تحياتي : عبدالله بن عبدالرحمن
\
/
أتمنى تثبيت الموضوع لأني أرى أنه مهم لدى الأغلبيه
الحقوق محفوظة لشركة أبعاد المعلومات
هدية مني لهم لعل وعسى إنهم يهدوني شي مميز
** ملاحظة يمكنك تطبيق نفس الدرس ع جميع الإستايلات طبعا بعد تغيير اللون لما يناسب مواقعكم
درس تغيير لون السكرول بار
النمط المتتابع
