Studio एडिटर: मेन्यू डिजाइन करना

Studio एडिटर में, आप मेन्यू के लुक और फील को छोटी से छोटी डिटेल तक कस्टमाइज कर सकते हैं। हर स्टेट (जैसे, होवर और सिलेक्टेड) के लिए मेन्यू डिजाइन करने के लिए, इंस्पेक्टर पैनल खोलें और फिल कलर, पाठ की शैली, शैडो जैसी सेटिंग्स के साथ और भी बहुत कुछ एडजस्ट करें।

इंस्पेक्टर पैनल में, आप हॉरिजॉन्टल मेन्यू को 3 अलग-अलग स्टेट— रेगुलर, होवर और सिलेक्टेड/ करंट पेज—के लिए डिजाइन कर सकते हैं। ऐसा करने से विजिटर्स को ज्यादा इंटरैक्टिव नेविगेशन एक्सपीरियंस मिलता है।

चुने गए प्रीसेट के आधार पर, उपलब्ध ऑप्शंस का इस्तेमाल करके मेन्यू को साइट के लुक और फील से मैच करें। उदाहरण के लिए, कुछ हॉरिजॉन्टल मेन्यू में बटन या सेपरेटर होते हैं, जिन्हें आप कस्टमाइज कर सकते हैं।

आप वर्टिकल मेन्यू को 3 अलग-अलग स्टेट के लिए डिज़ाइन कर सकते हैं ( रेगुलर, होवर और सिलेक्टेड)। ऐसा करने से विज़िटर्स को हमेशा पता रहता है कि वे साइट पर कहां हैं और कौन-सा आइटम सिलेक्ट करने वाले हैं। मेन्यू, सबमेन्यू/ड्रॉपडाउन और ऐरो (जहां लागू हो) का फिल कलर बदलें। साथ ही, टेक्स्ट, बॉर्डर और शैडो जैसी दूसरी सेटिंग्स भी कस्टमाइज़ करें।

एंकर मेन्यू पर क्या दिखाना है, यह चुनने के लिए इंस्पेक्टर पैनल में कोई प्रीसेट चुनें। आप टेक्स्ट, बटन या दोनों को साथ दिखाने वाला प्रीसेट चुन सकते हैं। एक प्रीसेट से आप उस एंकर का नाम भी दिखा सकते हैं, जब विजिटर उस खास हिस्से तक स्क्रॉल करते हैं।

इसके बाद आप 2 अलग-अलग स्टेट के लिए डिजाइन कस्टमाइज कर सकते हैं— रेगुलर और क्लिक्ड—इससे विजिटर साफ तौर पर समझ सकते हैं कि वे अभी कौन-सा एंकर देख रहे हैं।

हैमबर्गर मेन्यू में कई एलिमेंट होते हैं, जिन्हें आप अपनी ज़रूरत के मुताबिक डिज़ाइन कर सकते हैं—मेन्यू, उसका कंटेनर और उसे खोलने और बंद करने वाले आइकन।

क्या आपकी साइट पर नया मेनू है? इसके आइटम में एनीमेशन पैकेज जोड़ें। ऐसा करने से लाइव साइट पर जब विजिटर किसी आइटम पर होवर करते हैं, तो एक इफेक्ट प्ले होता है।