Wix Editor: अपने हॉरिजॉन्टल मेन्यू का डिजाइन कस्टमाइज करना
अपने मेन्यू का डिजाइन कस्टमाइज करें, अपनी साइट के लुक से मैच करने के लिए कलर बदलें या नया फॉन्ट साइज, स्टाइल और बहुत कुछ चुनें।
आप मेन्यू और ड्रॉपडाउन मेन्यू, दोनों को एडजस्ट कर सकते हैं। साथ ही, मेन्यू आइटम की 3 स्टेट के लिए अलग-अलग डिजाइन सेट कर सकते हैं:
रेगुलर,
होवर और
करंट पेज।
जरूरी:
- यह आर्टिकल सिर्फ ऐड पैनल में मौजूद हॉरिजॉन्टल मेन्यू के बारे में है, उन थीम वाले मेन्यू के बारे में नहीं जिन्हें आप अपनी साइट पर ऐड कर सकते हैं।
- आपके चुने गए प्रीसेट के आधार पर डिजाइन ऑप्शन अलग-अलग होते हैं।
मेन्यू कंटेनर को कस्टमाइज करना
मेन्यू कंटेनर, आइटम के चारों ओर मौजूद स्पेस होता है।
अपने कंटेनर को डिजाइन करने और आकर्षक मेन्यू बनाने के लिए बॉर्डर और फिल जैसे ऑप्शन का इस्तेमाल करें।
मेन्यू कंटेनर को कस्टमाइज करने के लिए:
- एडिटर में मेन्यू चुनें।
- डिजाइन
आइकन पर क्लिक करें।
- कस्टमाइज डिजाइन पर क्लिक करें।
- व्हाट डू यू वांट टू डिजाइन? के नीचे मेन्यू कंटेनर पर क्लिक करें और कंटेनर को कस्टमाइज करने के लिए दिए गए ऑप्शन इस्तेमाल करें।
- बैकग्राउंड फिल्स
:
- अपने मेन्यू कंटेनर के लिए कलर चुनने हेतु, कलर बॉक्स पर क्लिक करें।
- ओपेसिटी एडजस्ट करने के लिए, स्लाइडर ड्रैग करें।
- बॉर्डर्स
:
- अपने बॉर्डर के लिए कलर चुनने हेतु, कलर बॉक्स पर क्लिक करें।
- बॉर्डर स्टाइल चुनने के लिए, ड्रॉपडाउन मेन्यू पर क्लिक करें।
- बॉर्डर की सभी साइड का साइज एक जैसा या अलग-अलग रखने के लिए, लॉक/अनलॉक आइकन
पर क्लिक करें।
- बॉर्डर का साइज बदलने के लिए, बॉक्स में पिक्सेल वैल्यू डालें।
- कॉर्नर्स
:
- कॉर्नर्स का साइज एक जैसा या अलग-अलग रखने के लिए, लॉक/अनलॉक आइकन
- कॉर्नर्स का रेडियस बदलने के लिए, बॉक्स में पिक्सेल वैल्यू डालें।
- कॉर्नर्स का साइज एक जैसा या अलग-अलग रखने के लिए, लॉक/अनलॉक आइकन
- शैडोज
:
- अपने कंटेनर में शैडो जोड़ने के लिए, ऐड अ शैडो पर क्लिक करें।
- शैडो की ओपेसिटी एडजस्ट करने के लिए, स्लाइडर ड्रैग करें।
- शैडो को कस्टमाइज करने के लिए, बॉक्स पर क्लिक करें:
- अपने शैडो के लिए कलर चुनने हेतु, कलर बॉक्स पर क्लिक करें।
- चुनें कि शैडो का टाइप आउटर होगा या इनर।
- बॉक्स में एंगल डालें।
- कंटेनर और शैडो के बीच की दूरी बढ़ाने या घटाने के लिए, स्लाइडर ड्रैग करें।
- शैडो का ब्लर एडजस्ट करने के लिए, स्लाइडर इस्तेमाल करें।
- शैडो का साइज बढ़ाने या घटाने के लिए, स्लाइडर ड्रैग करें।
- लेआउट
:
- पैडिंग का साइज़ एक जैसा या अलग-अलग रखने के लिए, लॉक/अनलॉक आइकन
- पैडिंग का साइज़ बदलने के लिए, बॉक्स में पिक्सेल की संख्या डालें।
- पैडिंग का साइज़ एक जैसा या अलग-अलग रखने के लिए, लॉक/अनलॉक आइकन
- बैकग्राउंड फिल्स
मेन्यू आइटम कस्टमाइज़ करना
तय करें कि आपकी साइट के मेन्यू में आइटम कैसे दिखाई दें।
डिज़ाइन कस्टमाइज़ करने से आपका मेन्यू आकर्षक बना रहता है और साइट विज़िटर्स को क्लिक करके आपकी साइट एक्सप्लोर करने के लिए बढ़ावा मिलता है।
मेन्यू आइटम कस्टमाइज़ करने के लिए:
- एडिटर में मेन्यू चुनें।
- डिज़ाइन
- कस्टमाइज़ डिज़ाइन पर क्लिक करें।
- व्हाट डू यू वांट टू डिज़ाइन? के नीचे मेन्यू आइटम्स चुनें।
- चुनें कि आप आइटम्स को रेगुलर, होवर या करंट पेज मोड में डिज़ाइन करना चाहते हैं। फिर आइटम्स को कस्टमाइज़ करने के लिए टैब्स का इस्तेमाल करें।
- बैकग्राउंड फिल्स
- कलर: अपने आइटम्स के लिए कलर चुनने हेतु कलर बॉक्स पर क्लिक करें।
- ओपेसिटी: ओपेसिटी एडजस्ट करने के लिए स्लाइडर ड्रैग करें।
- टेक्स्ट
:
- थीम्स: ड्रॉपडाउन मेन्यू से टेक्स्ट थीम चुनें।
- फॉन्ट्स: ड्रॉपडाउन मेन्यू से फॉन्ट चुनें।
- फॉन्ट साइज़: टेक्स्ट का साइज़ बढ़ाने या घटाने के लिए स्लाइडर ड्रैग करें।
- फॉर्मेटिंग: अपने आइटम के टेक्स्ट को बोल्ड, इटैलिक या अंडरलाइन जैसे फॉर्मेट देने के लिए उपलब्ध ऑप्शंस का इस्तेमाल करें। आप टेक्स्ट, टेक्स्ट आउटलाइन और हाइलाइट के लिए कलर भी चुन सकते हैं।
- कैरेक्टर स्पेसिंग: टेक्स्ट कैरेक्टर्स के बीच स्पेस बढ़ाने या घटाने के लिए स्लाइडर ड्रैग करें।
- शैडोज़: अपने आइटम के टेक्स्ट पर शैडो जोड़ें और उसे कस्टमाइज़ करें।
- बॉर्डर्स
- लॉक: बॉर्डर के सभी साइड्स का साइज़ एक जैसा या अलग-अलग रखने के लिए लॉक/अनलॉक
- साइज़: बॉर्डर का साइज़ बदलने के लिए बॉक्स में पिक्सेल नंबर डालें।
- लॉक: बॉर्डर के सभी साइड्स का साइज़ एक जैसा या अलग-अलग रखने के लिए लॉक/अनलॉक
- कॉर्नर्स
- लॉक: कॉर्नर्स का साइज़ एक जैसा या अलग-अलग रखने के लिए लॉक/अनलॉक
- साइज़: कॉर्नर्स का रेडियस बदलने के लिए बॉक्स में पिक्सेल नंबर डालें।
- लॉक: कॉर्नर्स का साइज़ एक जैसा या अलग-अलग रखने के लिए लॉक/अनलॉक
- शैडोज़
- शैडो जोड़ें: अपने कंटेनर में शैडो जोड़ने के लिए ऐड अ शैडो पर क्लिक करें।
- ओपेसिटी: शैडो की ओपेसिटी एडजस्ट करने के लिए स्लाइडर ड्रैग करें।
- कस्टमाइज़: नीचे दिए गए ऑप्शंस से शैडो कस्टमाइज़ करने के लिए बॉक्स पर क्लिक करें:
- अपने शैडो का कलर चुनने के लिए, कलर बॉक्स पर क्लिक करें।
- चुनें कि शैडो का टाइप आउटर होगा या इनर।
- बॉक्स में एंगल डालें।
- कंटेनर और शैडो के बीच की दूरी बढ़ाने या घटाने के लिए, स्लाइडर ड्रैग करें।
- शैडो का ब्लर एडजस्ट करने के लिए, स्लाइडर का इस्तेमाल करें।
- शैडो का साइज़ बढ़ाने या घटाने के लिए, स्लाइडर ड्रैग करें।
- बैकग्राउंड फिल्स
ड्रॉपडाउन मेन्यू कंटेनर को कस्टमाइज़ करना
ड्रॉपडाउन आइटम को एक खास और आकर्षक तरीके से दिखाने के लिए, ड्रॉपडाउन मेन्यू कंटेनर को कस्टमाइज़ करें।
आप इसका डिज़ाइन मेन मेन्यू जैसा रख सकते हैं या अपनी साइट के विज़िटर्स की दिलचस्पी बढ़ाने के लिए बिल्कुल अलग डिज़ाइन बना सकते हैं।
ड्रॉपडाउन कंटेनर को कस्टमाइज़ करने के लिए:
- एडिटर में मेन्यू चुनें।
- डिज़ाइन
- कस्टमाइज़ डिज़ाइन पर क्लिक करें।
- आप क्या डिज़ाइन करना चाहते हैं? के तहत ड्रॉपडाउन मेन्यू कंटेनर चुनें और डिज़ाइन एडजस्ट करने के लिए उपलब्ध ऑप्शन इस्तेमाल करें।
- बैकग्राउंड फिल्स
- अपने मेन्यू कंटेनर के लिए रंग चुनने हेतु कलर बॉक्स पर क्लिक करें।
- ओपेसिटी एडजस्ट करने के लिए स्लाइडर ड्रैग करें।
- बॉर्डर्स
- अपने बॉर्डर के लिए रंग चुनने हेतु कलर बॉक्स पर क्लिक करें।
- बॉर्डर स्टाइल चुनने के लिए ड्रॉपडाउन मेन्यू पर क्लिक करें।
- बॉर्डर की सभी साइड का साइज़ एक जैसा या अलग-अलग रखने के लिए लॉक/अनलॉक आइकन
- बॉर्डर का साइज़ बदलने के लिए बॉक्स में पिक्सेल की संख्या डालें।
- कॉर्नर्स
- कॉर्नर्स का साइज़ एक जैसा या अलग-अलग रखने के लिए लॉक/अनलॉक आइकन
- कॉर्नर्स का रेडियस बदलने के लिए बॉक्स में पिक्सेल की संख्या डालें।
- कॉर्नर्स का साइज़ एक जैसा या अलग-अलग रखने के लिए लॉक/अनलॉक आइकन
- शैडोज़
- अपने कंटेनर में शैडो जोड़ने के लिए ऐड अ शैडो पर क्लिक करें।
- शैडो की ओपेसिटी एडजस्ट करने के लिए स्लाइडर ड्रैग करें।
- शैडो कस्टमाइज़ करने के लिए बॉक्स पर क्लिक करें:
- अपने शैडो के लिए रंग चुनने हेतु कलर बॉक्स पर क्लिक करें।
- चुनें कि शैडो का टाइप आउटर होगा या इनर।
- बॉक्स में एंगल डालें।
- कंटेनर और शैडो के बीच की दूरी बढ़ाने या घटाने के लिए स्लाइडर ड्रैग करें।
- शैडो का ब्लर एडजस्ट करने के लिए स्लाइडर इस्तेमाल करें।
- शैडो का साइज़ बढ़ाने या घटाने के लिए स्लाइडर ड्रैग करें।
- लेआउट
- पैडिंग का साइज़ एक जैसा रखना है या अलग-अलग, यह चुनने के लिए लॉक/अनलॉक आइकन
- पैडिंग का साइज़ बदलने के लिए, बॉक्स में पिक्सेल की संख्या टाइप करें।
- पैडिंग का साइज़ एक जैसा रखना है या अलग-अलग, यह चुनने के लिए लॉक/अनलॉक आइकन
- बैकग्राउंड फिल्स
ड्रॉपडाउन मेन्यू आइटम कस्टमाइज़ करना
अपने मेन्यू में ड्रॉपडाउन आइटम जोड़ने के बाद, उपलब्ध ऑप्शन से उनका डिज़ाइन बदलें। अपनी साइट के लुक और फील के मुताबिक आप टेक्स्ट सेटिंग्स एडिट कर सकते हैं, शैडो जोड़ सकते हैं और भी बहुत कुछ कर सकते हैं।
नोट:
आपके ड्रॉपडाउन में आइटम जोड़ने के बाद ही कस्टमाइज़ेशन ऑप्शन उपलब्ध होते हैं।
ड्रॉपडाउन मेन्यू आइटम कस्टमाइज़ करने के लिए:
- एडिटर में मेन्यू चुनें।
- डिज़ाइन
- कस्टमाइज़ डिज़ाइन पर क्लिक करें।
- व्हाट डू यू वांट टू डिज़ाइन? के नीचे ड्रॉपडाउन मेन्यू आइटम्स चुनें।
- चुनें कि आप आइटम्स को रेगुलर, होवर या करंट पेज मोड में डिज़ाइन करना चाहते हैं। फिर आइटम्स को कस्टमाइज़ करने के लिए टैब्स पर क्लिक करें।
- बैकग्राउंड फिल्स
- कलर: अपने आइटम्स के लिए कलर चुनने के लिए कलर बॉक्स पर क्लिक करें।
- ओपेसिटी: ओपेसिटी एडजस्ट करने के लिए स्लाइडर ड्रैग करें।
- टेक्स्ट
- थीम्स: ड्रॉपडाउन मेन्यू से टेक्स्ट थीम चुनें।
- फ़ॉन्ट्स: ड्रॉपडाउन मेन्यू से फ़ॉन्ट चुनें।
- फ़ॉन्ट साइज़: टेक्स्ट का साइज़ बढ़ाने या घटाने के लिए स्लाइडर ड्रैग करें।
- फ़ॉर्मैटिंग: अपने आइटम टेक्स्ट को बोल्ड, इटैलिक या अंडरलाइन जैसे फ़ॉर्मैट देने के लिए दिए गए ऑप्शंस इस्तेमाल करें। आप टेक्स्ट का कलर, टेक्स्ट आउटलाइन और हाइलाइट भी चुन सकते हैं।
- कैरेक्टर स्पेसिंग: टेक्स्ट कैरेक्टर्स के बीच की जगह बढ़ाने या घटाने के लिए स्लाइडर ड्रैग करें।
- शैडोज़: अपने आइटम टेक्स्ट में शैडो जोड़ें और उसे कस्टमाइज़ करें।
- बॉर्डर्स
- लॉक: बॉर्डर के सभी साइड्स का साइज़ एक जैसा या अलग-अलग रखने के लिए लॉक/अनलॉक आइकन
- साइज़: बॉर्डर का साइज़ बदलने के लिए बॉक्स में पिक्सल नंबर डालें।
- लॉक: बॉर्डर के सभी साइड्स का साइज़ एक जैसा या अलग-अलग रखने के लिए लॉक/अनलॉक आइकन
- कॉर्नर्स
- लॉक: कॉर्नर्स का साइज़ एक जैसा या अलग-अलग रखने के लिए लॉक/अनलॉक आइकन
- साइज़: कॉर्नर्स का रेडियस बदलने के लिए बॉक्स में पिक्सल नंबर डालें।
- लॉक: कॉर्नर्स का साइज़ एक जैसा या अलग-अलग रखने के लिए लॉक/अनलॉक आइकन
- शैडोज़
- शैडो जोड़ें: अपने कंटेनर में शैडो जोड़ने के लिए ऐड अ शैडो पर क्लिक करें।
- ओपेसिटी: शैडो की ओपेसिटी एडजस्ट करने के लिए स्लाइडर ड्रैग करें।
- कस्टमाइज़: नीचे दिए गए ऑप्शंस की मदद से शैडो को कस्टमाइज़ करने के लिए बॉक्स पर क्लिक करें:
- अपनी शैडो का कलर चुनने के लिए, कलर बॉक्स पर क्लिक करें।
- चुनें कि शैडो का टाइप आउटर होगा या इनर।
- बॉक्स में एंगल डालें।
- कंटेनर और शैडो के बीच की दूरी बढ़ाने या घटाने के लिए, स्लाइडर ड्रैग करें।
- शैडो का ब्लर एडजस्ट करने के लिए, स्लाइडर का इस्तेमाल करें।
- शैडो का साइज़ बढ़ाने या घटाने के लिए, स्लाइडर ड्रैग करें।
- बैकग्राउंड फिल्स
