आकर्षक रूप वाली साइटें आगंतुकों के बीच बहुत लोकप्रिय हैं। संसाधन की उपस्थिति में सुधार करने के लिए, उनके मालिक आमतौर पर डिज़ाइन को पूरी तरह या आंशिक रूप से बदलते हैं। दुर्भाग्य से, पृष्ठ सजावट के लिए नए रंगीन तत्वों को जोड़ने में बहुत समय लगता है। संसाधन आगंतुकों का ध्यान खींचने का एक त्वरित तरीका सामान्य कर्सर को एक छोटी छवि से बदलना है। साइट पर ऐसे तत्व को स्थापित करने के लिए, आपको कुछ सरल कदम उठाने होंगे।
यह आवश्यक है
- - अपनी साइट
- - HTML का कम से कम बुनियादी ज्ञान हो
- - जानें कि साइट पर सीएसएस कोड कहां है
अनुदेश
चरण 1
सबसे पहले, एक तस्वीर डाउनलोड करें जो साइट पर पॉइंटर को बदल देगी। सामान्य ग्राफिक प्रारूपों (.bmp,.gif,.jpg,.png, आदि) की छवियां इस उद्देश्य के लिए उपयुक्त नहीं हैं।
चरण दो
पॉइंटर को बदलने के लिए, आपको.cur या.ani प्रारूप में एक चित्र की आवश्यकता होगी। ऐसी छवि प्राप्त करने के लिए, विशेष रूप से कर्सर के लिए डिज़ाइन किए गए चित्रों को इंटरनेट पर खोजें।.cur एक्सटेंशन स्थिर छवियों के लिए विशिष्ट है, और.ani एक्सटेंशन एनिमेटेड छवियों के लिए विशिष्ट है। अपनी पसंद की फाइल को अपने कंप्यूटर में सेव करें।
चरण 3
लेकिन पॉइंटर को बदलने के लिए, तैयार छवि लेना बिल्कुल भी आवश्यक नहीं है। यदि आप स्वयं चित्र बनाना चाहते हैं, तो कर्सर बनाने या ग्राफिक फ़ाइल स्वरूपों को परिवर्तित करने के लिए विशेष कार्यक्रमों में से एक का उपयोग करें।
चरण 4
साइट पर कर्सर के लिए छवि भरें। फिर, संसाधन कोड में, टैग ढूंढें और उसमें निम्नलिखित परिवर्तन करें:
"Images / 1.ani" लिखने के बजाय, अपनी साइट पर अपलोड की गई छवि का पथ इंगित करें।
चरण 5
यदि आप चाहते हैं कि लिंक पर होवर करते समय कर्सर एक छवि के रूप में हो, और जब यह लिंकिंग तत्व की अनुपस्थिति में हो - दूसरी छवि की तरह दिखने के लिए, तो पॉइंटर को बदलने के लिए सीएसएस का उपयोग करना बेहतर होता है। इस तरह के परिवर्तन करने के लिए, पहले साइट पर.cur या.ani एक्सटेंशन वाली दूसरी फ़ाइल अपलोड करें।
चरण 6
फिर, अपनी साइट के CSS में, "1.ani" के बजाय "बॉडी {कर्सर: url ('1.ani');}" प्रविष्टि करें, पर अपलोड किए गए कर्सर के लिए मुख्य छवि का पथ निर्दिष्ट करें साइट। यह कोड उस टैग में कर्सर को निर्दिष्ट चित्र में बदलने के लिए गुण जोड़ता है जिसमें संसाधन के सभी पृष्ठों की सामग्री लिखी जाती है।
चरण 7
फिर CSS में "a {कर्सर: url ('2.ani');}" लाइन लिखें, "2.ani" को रिसोर्स पर अपलोड किए गए कर्सर इमेज के पथ के साथ बदलें, जो तब दिखाई देना चाहिए जब पॉइंटर पर होवर किया जाए सम्बन्ध। की गई प्रविष्टि आपको साइट पर किसी भी लिंक को हिट करने पर कर्सर को संबंधित चित्र से बदलने की अनुमति देती है, क्योंकि यह टैग गुण में परिवर्तन करता है।