स्क्रॉल बार एक बहुमुखी कार्य है जो किसी भी वेबसाइट के साथ काम करना अधिक सुविधाजनक और तेज़ बनाता है। उसी समय, साइट के मालिक अपने पृष्ठों पर न केवल उपयोगी, बल्कि सुंदर ऐड-ऑन भी स्थापित करना पसंद करते हैं जो पृष्ठ की समग्र रंग योजना के लिए डिज़ाइन से मेल खाते हैं। इस लेख में, हम आपको दिखाएंगे कि अपनी वेबसाइट पर रंगीन स्क्रॉलबार कैसे स्थापित करें। ऐसा करने के कई तरीके हैं, और उनमें से एक तैयार कोड है जिसे किसी भी पृष्ठ पर स्थापित किया जा सकता है जिसमें आप स्क्रॉलबार बदलना चाहते हैं।
अनुदेश
चरण 1
संपादित करने के लिए पृष्ठ का चयन करें और इसके HTML कोड को नोटपैड में कॉपी करें।
टैग के बाद, कोड पेस्ट करें:
बॉडी {स्क्रॉलबार-फेस-कलर: # 5997CA;
स्क्रॉलबार-छाया-रंग: #ffffff;
स्क्रॉलबार-हाइलाइट-रंग: #ffffff;
स्क्रॉलबार-3डीलाइट-रंग: # 5997CA;
स्क्रॉलबार-डार्कशैडो-रंग: # 5997CA;
स्क्रॉलबार-ट्रैक-रंग: # F6F6F6;
स्क्रॉलबार-तीर-रंग: # F6F6F6; }
चरण दो
कोड में, प्रत्येक पैरामीटर के सामने रंग मानों को अपनी इच्छानुसार समायोजित करें: स्क्रॉल बार का रंग, तीर का रंग, स्क्रॉल बार की पृष्ठभूमि का रंग, बॉर्डर का रंग, बार को अलग करना, और इसी तरह।
यह सबसे आसान तरीका है, लेकिन इसके अलावा एक और भी है - उसी कोड को अपनी स्क्रॉलबार रंग सेटिंग्स के साथ एक सीएसएस फ़ाइल के रूप में सहेजें और इसे पृष्ठ पर लोड करें। ऐसा करने के लिए, नोटपैड में टैग के बिना उपरोक्त कोड खोलें। कोड फाइल को सेव करें और इसे स्क्रॉल.सीएसएस नाम दें। फिर सर्वर पर उसी स्थान पर अपलोड करें जिस पृष्ठ पर आप स्क्रॉलबार बदलना चाहते हैं।
चरण 3
यदि आप HTML में रंगों के अक्षरों को नहीं जानते हैं, तो इन प्रतीकों वाली किसी भी तालिका के लिए इंटरनेट पर खोजें। यह आपको कोड और रंगों को सहसंबंधित करने और अपनी वेबसाइट डिज़ाइन के लिए सही रंग चुनने में मदद करेगा।
