पोजिशनिंग
एलिमेंट के कंटेनर, कॉलम और सेक्शन स्ट्रक्चर द्वारा फंसा हुआ महसूस करें पोजिशनिंग एक्सटेंशन आपकी सच्ची लेआउट स्वतंत्रता की कुंजी है किसी भी विजेट, कंटेनर या कॉलम को लें और इसे ठीक उसी जगह रखें जहां आप अन्य तत्वों को ओवरलैप करना चाहते हैं जैसे कि अन्य तत्वों को ओवरलैप करना, कोनों से चिपकना, या स्वतंत्र रूप से सापेक्ष, पूर्ण, या निश्चित स्थिति के बीच चयन करें और शीर्ष, दाएं, नीचे और बाएं के लिए पिक्सेल-परिपूर्ण नियंत्रण का उपयोग करें यह अद्वितीय, स्तरित डिजाइन, कस्टम आइकन, बैज, या सजावटी तत्व बनाने के लिए अंतिम उपकरण है जो मानक ग्रिड में फिट नहीं होते हैं।
एकाधिक पोजिशनिंग मोड
सभी पोजिशनिंग समान नहीं है उस मोड का चयन करें जो आपके रचनात्मक लक्ष्य से मेल खाता है दूसरों को प्रभावित किए बिना अपने सामान्य स्थान से एक तत्व को कुहनी से सापेक्ष का उपयोग करें अपने मूल कंटेनर के भीतर एक सटीक समन्वय पर रखने के लिए निरपेक्ष का उपयोग करें स्क्रीन पर रहने के लिए कुछ चाहिए फिक्स्ड पोजिशनिंग इसे व्यूपोर्ट में लॉक कर देता है, कस्टम फ्लोटिंग बटन या अलर्ट के लिए बिल्कुल सही।
- सापेक्ष स्थिति: ठीक-ट्यूनिंग संरेखण के लिए बिल्कुल सही, जैसे आइकन को बाईं ओर कुछ पिक्सेल स्थानांतरित करना।
- निरपेक्ष स्थिति: एक अनुभाग के अंदर कहीं भी सजावटी तत्वों, बैज, या कस्टम आकार रखने के लिए जाने-माने।
- फिक्स्ड पोजिशनिंग: कस्टम सपोर्ट चैट आइकन या प्रमोशनल बार जैसे चिपचिपे तत्व बनाएं जो उपयोगकर्ता को पेज के नीचे ले जाए।
पिक्सेल-परफेक्ट समन्वय नियंत्रण
ड्रैगिंग और अनुमान लगाना भूल जाइए किसी तत्व के स्थान को पिक्सेल के नीचे सेट करने के लिए संख्यात्मक फ़ील्ड जैसे ऊपर, दाएं, नीचे, बाएं २ का उपयोग करें एक उत्पाद कार्ड के शीर्ष से एक “न्यू” बैज १० पीएक्स और दाईं ओर से १५ पीएक्स रखें या, अपने माता-पिता के केंद्र के आधार पर एक तत्व की स्थिति के लिए “फ्रॉम सेंटर” विकल्प का उपयोग करें, जो पूरी तरह से केंद्रित अतिव्यापी प्रभावों के लिए अविश्वसनीय रूप से उपयोगी है।
- चार-तरफा नियंत्रण: कुल नियंत्रण के लिए मूल कंटेनर के सभी चार किनारों से दूरी निर्धारित करें।
- केंद्र-आधारित स्थिति: एक केंद्रीय बिंदु से विकिरण करने वाले गोलाकार डिज़ाइन या तत्व आसानी से बनाने के लिए “From Center” का उपयोग करें।
- स्मार्ट मार्गदर्शन: इंटरफ़ेस आपको गलतियों को रोकने के लिए परस्पर विरोधी सेटिंग्स (जैसे “Left” और “From Center” का एक साथ उपयोग करना) के बारे में चेतावनी देता है।
पोजिशनिंग के लिए अक्सर पूछे जाने वाले प्रश्न
"पूर्ण" और "निश्चित" स्थिति के बीच क्या अंतर है?
निरपेक्ष अपने निकटतम स्थित मूल कंटेनर (एक अनुभाग की तरह) के सापेक्ष तत्व की स्थिति यदि आप स्क्रॉल करते हैं, तो तत्व उस अनुभाग के साथ चलता है ब्राउज़र विंडो (व्यूपोर्ट) के सापेक्ष तत्व को निश्चित स्थिति में रखता है यह स्क्रीन पर सटीक उसी स्थान पर रहता है जब आप स्क्रॉल करते हैं उन तत्वों के लिए फिक्स्ड का उपयोग करें जिन्हें आप हमेशा दृश्यमान चाहते हैं।
जब मैं एब्सोल्यूट पोजिशनिंग का उपयोग करता हूं, तो यह "सापेक्ष" किस स्थिति में होता है?
यह निकटतम माता-पिता तत्व के सापेक्ष स्थित है जिसमें स्थिर (जो डिफ़ॉल्ट है) के अलावा किसी अन्य चीज़ पर स्थिति सेट है एलिमेंटर में, यदि आप एक कॉलम के अंदर विजेट पर पूर्ण स्थिति लागू करते हैं, तो यह आम तौर पर उस कॉलम की सीमाओं के सापेक्ष अधिक नियंत्रण के लिए, आप मूल कंटेनर को स्थिति में सेट कर सकते हैं: पहले सापेक्ष।
क्या यह मोबाइल और टैबलेट पर ठीक से काम करेगा?
हां, लेकिन आपको अपने उत्तरदायी विचारों की जांच करनी चाहिए डेस्कटॉप पर बाईं ओर से १०० पीएक्स रखा गया एक तत्व मोबाइल पर ऑफ-स्क्रीन हो सकता है प्रत्येक डिवाइस के लिए स्थिति मान (शीर्ष, बाएं, आदि) को समायोजित करने के लिए हमेशा एलिमेंट के उत्तरदायी संपादन मोड (डेस्कटॉप/टैबलेट/मोबाइल आइकन) के लिए आपको पूरी तरह से अलग-अलग पदों की आवश्यकता हो सकती है।
क्या मैं इसका उपयोग एक अद्वितीय आकार का अनुभाग बनाने या कंटेनर से बाहर निकलने के लिए कर सकता हूं?
हां, यह एक शक्तिशाली उपयोग का मामला है स्थिति के लिए एक अनुभाग सेट करके: सापेक्ष और फिर नकारात्मक मूल्यों के साथ इसके अंदर एक बिल्कुल स्थित छवि या आकार रखकर (जैसे बाएं: -५० पीएक्स), आप तत्वों को नेत्रहीन बना सकते हैं “उनके कंटेनर के बॉक्स के आउटंबैग को तोड़ें, गतिशील, गैर-आयताकार लेआउट किनारों का निर्माण जो बहुत आधुनिक हैं।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
पोस्ट/पेज डुप्लीकेटर
