[عبدالله بن عبدالرحمن]

الــــــ سلام عليكم مساءكم ورد وعسل وفوول وقشطة بالباشمل


الـــ يووم <<<<< لا أمس


نشررح لكم طريقة تغيير لون السكرول بار الشريط الجانبي







الطريقة طبعاً سهلة جدآ <<<<< أسهل من صعود الــ جبل



وهي جلب ملف خارجي يحتوي على اوامر 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

بامكانكم استخدامه مباشره في مواقعكم

ولكن الافضل تطبيق الدرس وليتم فهمه بشكل افضل


اتمنى ان يكون الشرح واضح ومبسط وان تعم الفائده على الجميع

ولا تحرمونا من خالص دعائكم

تحياتي : عبدالله بن عبدالرحمن


\

/

أتمنى تثبيت الموضوع لأني أرى أنه مهم لدى الأغلبيه

الحقوق محفوظة لشركة أبعاد المعلومات


هدية مني لهم لعل وعسى إنهم يهدوني شي مميز



** ملاحظة يمكنك تطبيق نفس الدرس ع جميع الإستايلات طبعا بعد تغيير اللون لما يناسب مواقعكم