साइट के लिए लंबवत मेनू एक बहुत ही सुविधाजनक कार्य है जो अंतरिक्ष को बचाने और संसाधन को आसानी से नेविगेट करने में मदद करता है। आप इसे कैस्केडिंग सीएसएस स्टाइल शीट या विशेष टूल का उपयोग करके बना सकते हैं।
अनुदेश
चरण 1
Purecssmenu.com वेबसाइट खोलें और उस पर रजिस्टर करें, अन्यथा आप बनाए गए मेनू को बनाने और डाउनलोड करने में सक्षम नहीं होंगे। बाईं ओर, टेम्प्लेट बटन ढूंढें और उस पर क्लिक करें। नीचे वर्टिकल मेन्यू टेम्प्लेट वाली छोटी विंडो होंगी। उन पर एक-एक करके क्लिक करें और पूर्वावलोकन विंडो में देखें। वह टेम्प्लेट चुनें जो आपकी साइट के लिए सबसे उपयुक्त हो।
चरण दो
पैरामीटर टैब का उपयोग करके मेनू का फ़ॉन्ट और रंग सेट करें। आप फ़ॉन्ट फ़ील्ड में एक फ़ॉन्ट और उसके आकार का चयन कर सकते हैं। यदि आवश्यक हो, तो रेखांकन/बोल्ड निर्दिष्ट करें। रंग फ़ील्ड में लंबवत मेनू की पृष्ठभूमि (पृष्ठभूमि) सेट करें, फ़ॉन्ट का रंग और होवर (फ़ॉन्टहोवर/पृष्ठभूमिहोवर) पर पृष्ठभूमि रंग सेट करें।
चरण 3
मेनू आइटम प्रबंधित करने के लिए आइटम मेनू पर जाएं। क्लियर बटन पर क्लिक करने से सैंपल आइटम साफ हो जाएंगे ताकि आप अपना खुद का बना सकें। मेनू के अंत में कोई आइटम जोड़ने के लिए AddItem plus कुंजी पर क्लिक करना पर्याप्त है। AddNextItem बटन का उपयोग करके, आप एक आइटम जोड़ सकते हैं जो वर्तमान में चयनित समय के बाद का पालन करेगा। मेनू में AddSubitem बटन चयनित आइटम के लिए एक नेस्टेड आइटम बनाता है। एक लाइन को हटाने के लिए, RemoveItem बटन का उपयोग करें।
चरण 4
साइट के निचले भाग में आइटम पैरामीटर (आइटम पैरामीटर) खोलें। टेक्स्ट लाइन में मेनू आइटम के लिए एक नाम और लिंक में उसका वेब पता दर्ज करें। टिप लाइन आइटम के विवरण के लिए ज़िम्मेदार है, जब कर्सर लिंक पर होवर करता है। लक्ष्य अनुभाग परिभाषित करता है कि पृष्ठ कैसे खोला जाता है। _self पैरामीटर के साथ, पृष्ठ को वर्तमान ब्राउज़र विंडो में खोलने के लिए कॉन्फ़िगर किया जा सकता है।
चरण 5
पृष्ठ के निचले भाग में डाउनलोड बटन पर क्लिक करके तैयार मेनू को डाउनलोड करें। Purecssmenu.html फ़ाइल में स्थित संबंधित कोड को CSS टेम्प्लेट फ़ाइल में कॉपी करें: शुरुआत में और अंत में। सही कोड में पेस्ट करना और फ़ाइल को सहेजना सुनिश्चित करें।
