एलिमेंटर टूलटिप विजेट - होवर संकेत कहीं भी जोड़ें
टूलटिप तत्व एक स्टैंडअलोन एलिमेंटर विजेट है इसे एक फॉर्म फ़ील्ड के बगल में, मूल्य निर्धारण तालिका के अंदर, या एक भ्रामक शब्द के बगल में खींचें, और यह अपने स्वयं के ट्रिगर प्लस टूलटिप बबल को प्रस्तुत करता है यदि आप एक बटन, आइकन या अनुभाग में टूलटिप संलग्न करना चाहते हैं जो पहले से ही पृष्ठ पर मौजूद है, तो उपयोग करें टूलटिप्स एक्सटेंशन बजाय।
टूलटिप विजेट के साथ आप क्या कर सकते हैं
प्लेसमेंट नियंत्रण
टूलटिप टेक्स्ट लिखें, फिर चुनें कि बुलबुला कहां दिखाई देता है: ऊपर, नीचे, बाएं, दाएं, प्लस शुरू और अंत वेरिएंट एक्स और वाई पिक्सेल ऑफसेट के साथ फाइन-ट्यून करें ताकि बुलबुला कभी भी उस चीज़ को कवर न करे जो यह बताता है।
- जहां प्रश्न आता है वहां फॉर्म फ़ील्ड, कीमतें या शब्दजाल की व्याख्या करें।
- ऑफसेट के साथ बुलबुले को पिन करें ताकि यह मेनू, चिपचिपा हेडर और आस-पास के बटन को साफ़ कर सके।
- लघु प्रासंगिक संकेतों के साथ बहु-चरणीय रूपों के माध्यम से उपयोगकर्ताओं का मार्गदर्शन करें।
स्टाइलिंग: सामान्य और होवर अवस्थाएँ
ट्रिगर और बुलबुला अलग से डिजाइन करें पृष्ठभूमि, पाठ रंग, टाइपोग्राफी, पैडिंग, सीमा त्रिज्या, सीमाओं और बॉक्स छाया सेट करें प्रत्येक संपत्ति में सामान्य और होवर राज्यों के लिए स्वतंत्र नियंत्रण हैं।
- ग्रे ब्राउज़र डिफ़ॉल्ट के साथ रहने के बजाय ब्रांड रंगों का बिल्कुल मिलान करें।
- संदर्भ के आधार पर संकेतों को सूक्ष्म (भूत की रूपरेखा) या तेज़ (छाया के साथ ठोस गोली) बनाएं।
- स्टाइल होवर फीडबैक ताकि उपयोगकर्ताओं को पता चले कि तत्व इंटरैक्टिव है।
ट्रिगर और एनीमेशन
त्वरित संकेत के लिए होवर पर ट्रिगर, नोट्स के लिए क्लिक पर जो खुले रहना चाहिए (यह टच स्क्रीन पर बेहतर काम करता है), या एक कस्टम ट्रिगर के साथ एक प्रवेश एनीमेशन चुनें और अवधि सेट करें और देरी को छुपाएं यदि आप चाहते हैं कि बुलबुला माउस को पीछे छोड़ दे, जो नक्शे और आरेखों के अनुरूप है, तो कर्सर का पालन करें चालू करें।
- डेस्कटॉप माइक्रोकॉपी के लिए होवर; मोबाइल-अनुकूल लगातार संकेतों के लिए क्लिक करें।
- एक सूक्ष्म फीका या स्केल प्रवेश द्वार उपयोगकर्ता को परेशान किए बिना आंख खींचता है।
- जब कर्सर आगे बढ़ता है तो हाइड-डिले टूलटिप को टिमटिमाने से रोकता है।
तत्व या विस्तार: आपको किसकी आवश्यकता है?
यह पेज (टूलटिप तत्व, मुफ़्त)ः आपको पृष्ठ पर एक नया संकेत चाहिए विजेट अपना ट्रिगर लाता है, जो पाठ, एक आइकन या एक छवि हो सकता है।
टूलटिप्स एक्सटेंशन (प्रो): आपके पास पहले से ही पृष्ठ पर एक बटन, छवि या शीर्षक है और आप इसके साथ एक टूलटिप संलग्न करना चाहते हैं।
सामान्य उपयोग के मामले
- फॉर्म: “पासवर्ड को फॉर्म को लंबा किए बिना, इनपुट के बगल में 12+ वर्णों की आवश्यकता होती है।
- मूल्य निर्धारण तालिकाएँ: “per सीट” बनाम “per वर्कस्पेस” इनलाइन को परिभाषित करें।
- बटन: स्पष्ट करें कि क्लिक के बाद क्या होता है (“No कार्ड आवश्यक”)।
- टीम/सूचियाँ: भूमिका, बायो स्निपेट, या होवर पर संपर्क शॉर्टकट।
- ऑनबोर्डिंग: नई सुविधाओं या डैशबोर्ड विजेट के बगल में संक्षिप्त निर्देश।
एलिमेंटर में टूलटिप कैसे जोड़ें
- विजेट ड्रॉप करें एलिमेंटर में, मास्टर एडॉन्स के तहत “टूलटिप” खोजें और इसे खींचें जहां संकेत संबंधित है।
- लिखें और जगह टूलटिप टेक्स्ट दर्ज करें, ट्रिगर सेट करें (होवर या क्लिक करें), प्लेसमेंट और ऑफसेट चुनें।
- इसे स्टाइल करें स्टाइल टैब में, डिज़ाइन सामान्य और होवर बताता है: रंग, टाइपोग्राफी, त्रिज्या, छाया प्रकाशित करें।
- हर सेटिंग के स्क्रीनशॉट चाहते हैं पर हमारी गाइड पढ़ें एलिमेंटर में टूलटिप कैसे जोड़ें.
टूलटिप के लिए अक्सर पूछे जाने वाले प्रश्न
टूलटिप तत्व किसके लिए है?
लेआउट को अव्यवस्थित किए बिना छोटा, सहायक संदर्भ जोड़ना: फ़ील्ड स्पष्टीकरण, शब्द परिभाषाएं, बटन स्पष्टीकरण, इनलाइन निर्देश कुछ भी गैर-आवश्यक जो पूछे जाने पर मदद करता है।
यह टूलटिप्स एक्सटेंशन से कैसे अलग है?
तत्व एक स्वतंत्र, स्टैंडअलोन विजेट है जिसका अपना ट्रिगर है। द टूलटिप्स एक्सटेंशन प्रो का हिस्सा है और विजेट, अनुभाग या कंटेनर के लिए एक टूलटिप संलग्न करता है जो पहले से ही पृष्ठ पर है दोनों में कर्सर, प्लेसमेंट प्रीसेट और होवर या क्लिक ट्रिगर का पालन करें एक नया संकेत स्थान चाहिए तत्व का उपयोग करें पृष्ठ पर पहले से ही चीजों पर टूलटिप्स की आवश्यकता है एक्सटेंशन का उपयोग करें।
क्या मैं सामान्य शैली और होवर राज्यों को अलग से कर सकता हूं?
हाँ। स्टाइल टैब में पृष्ठभूमि, टेक्स्ट, बॉर्डर, त्रिज्या और छाया के लिए स्वतंत्र सामान्य और होवर नियंत्रण हैं।
मैं कैसे नियंत्रित करूं कि बुलबुला कहां दिखाई देता है?
प्लेसमेंट प्रीसेट (ऊपर, नीचे, बाएँ, दाएँ, प्लस प्रारंभ और अंत वेरिएंट) का उपयोग करें, फिर पिक्सेल में X और Y ऑफसेट के साथ nudge करें।
होवर या क्लिक करेंः मुझे किस ट्रिगर का उपयोग करना चाहिए?
त्वरित डेस्कटॉप संकेतों के लिए होवर; टच स्क्रीन पर काम करने वाली किसी भी चीज़ के लिए क्लिक करें, क्योंकि होवर मोबाइल पर मौजूद नहीं है।
क्या यह मेरी साइट को धीमा कर देगा?
नहीं, यह पृष्ठ पर मौजूद होने पर केवल अपने छोटे सीएसएस और जेएस को लोड करता है प्रति पृष्ठ मुट्ठी भर टूलटिप्स का कोई ध्यान देने योग्य प्रभाव नहीं है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
पोस्ट/पेज डुप्लीकेटर
