شريط التمرير هو وظيفة متعددة الاستخدامات تجعل العمل مع أي موقع أكثر سهولة وسرعة. في الوقت نفسه ، يفضل مالكو المواقع التثبيت على صفحاتهم ليس فقط مفيدة ، ولكن أيضًا الوظائف الإضافية الجميلة التي تتطابق مع التصميم مع مخطط الألوان العام للصفحة. في هذه المقالة ، سنوضح لك كيفية تثبيت شريط تمرير ملون على موقع الويب الخاص بك. هناك عدة طرق للقيام بذلك ، وإحدى هذه الطرق عبارة عن رمز جاهز يمكن تثبيته على أي صفحة تريد تغيير شريط التمرير فيها.
تعليمات
الخطوة 1
حدد الصفحة لتحرير كود HTML الخاص بها ونسخه في المفكرة.
بعد العلامة ، الصق الكود:
الجسم {scrollbar-face-color: # 5997CA؛
شريط التمرير لون الظل: #ffffff؛
التمرير-تسليط الضوء على اللون: #ffffff؛
شريط التمرير ثلاثي الأبعاد لون فاتح: # 5997CA ؛
التمرير - لون الظل الغامق: # 5997CA ؛
شريط التمرير-مسار اللون: # F6F6F6 ؛
لون سهم شريط التمرير: # F6F6F6 ؛ }
الخطوة 2
في الكود ، اضبط قيم اللون أمام كل معلمة كما يحلو لك: لون شريط التمرير ، ولون السهم ، ولون خلفية شريط التمرير ، ولون الحدود ، وفصل الأشرطة ، وما إلى ذلك وهلم جرا.
هذه هي أبسط طريقة ، ولكن بجانبها هناك طريقة أخرى - احفظ نفس الرمز باستخدام إعدادات ألوان شريط التمرير كملف css وقم بتحميله على الصفحة. للقيام بذلك ، افتح الكود أعلاه بدون علامات في المفكرة. احفظ ملف التعليمات البرمجية وقم بتسميته scroll.css. ثم قم بالتحميل إلى الخادم في نفس مكان الصفحة حيث تريد تغيير شريط التمرير.
الخطوه 3
إذا كنت لا تعرف حروف الألوان في HTML ، فابحث في الإنترنت عن أي جدول به هذه الرموز. سيساعدك على ربط الرموز والألوان واختيار اللون المناسب لتصميم موقع الويب الخاص بك.
