Skin:Lakeus/hi

Lakeus एक स्किन है जो एक साधारण पर सुविधापूर्ण अनुभव प्रस्तुत करता है। इसका नाम लेखकों में से एक की कहानी के एक पात्र, Lakejason0 पर रखा गया है।

विशेषता

 * साधारण पर सुविधापूर्ण (कम से कम ज़्यादातर काम करते हैं)।
 * जावास्क्रिप्ट अक्षम करने पर काम करता है।
 * CSS वेरिएबल से अनुकूलन।
 * उत्तरदायी डिज़ाइन। डेस्कटॉप और टैब्लेट के साथ काम करना चाहिए; बहुत पतले फ़ोन पर साइडबार मेनू शायद ज़्यादा चौड़ा हो और इसे बंद न किया जा सके।
 * स्टिकी विषयसूची। अस्थिर हो सकता है।
 * एक थीम डिज़ाइनर। अपने वरीयताओं में इसे सक्षम करके आप लाइव थीम का पूर्वावलोकन देख सकते हैं। ज़्यादातर समय बस कुछ बुनियादी वेरिएबलों को बदल देने से यह कई प्रक्रियाओं से आपके लिए एक थीम बना देगा।
 * इसमें कुछ बग्स हैं और यह अस्थिर है, तो मुझे वे समस्याएँ ज़रूर रिपोर्ट करें! अगर आप अंजाम से सहमत न हो तो स्वचालित थीम को रद्द कर सकते हैं।



योजनाबद्ध सुविधाएँ

 * नए की तरह WVUI खोज बार।

टिप्पणियाँ

 * स्किन का इस्तेमाल तब भी किया जा सकता है जब जावास्क्रिप्ट उपस्थित न हो। कुछ सुविधाएँ शायद उपलब्ध न हो।
 * इस स्किन में LanguageConverter प्रकारों वाली भाषाओं के लिए एक समर्पित मेनू है (जैसे  और सर्बियाई)। अगर प्रकार उपलब्ध नहीं होते हैं, यह मेनू अदृश्य रहता है।
 * RTL समर्थन को ठीक से परीक्षणित नहीं किया गया है, पर मुख्य सुविधाओं पर RTL समर्थन को घोषित कर दिया गया है (जैसे साइडबार के मेनू)।

अनुकूलन


CSS वेरिएबल
Lakeus CSS वेरिएबल द्वारा अनुकूलन के समर्थित करता है। नीचे थीम बनाने के कई तरीके हैं, और परिणाम (जिसे CSS कोड होना होगा) को लागू करने के लिए आपको  में इसकी प्रतिलिपि बनानी होगी, जो सभी विकि सदस्यों के लिए   पर पाई जा सकती है और सिर्फ आपके लिए   पर। 

थीम डिज़ाइनर
थीम डिज़ाइनर का उपयोग कोई भी कर सकता है (कम-से-कम मेरे खयाल से)। आपको बस बुनियादी वेरिएबल बदलने हैं और बाकी अपने आप आ जाएगा। अगर आपको अपने-आप बना अंजाम पसंद न आए तो आप सभी वेरिएबलों के लिए स्वचालित कैलक्यूलेशन बंद करके अपने पसंद के अनुसार खुद से भी बदल सकते हैं।

इसे सक्षम करने के लिए वरीयताओं में जाएँ, "स्वरूप" चुनें, और Lakeus स्किन चुनने पर आपको विकल्प मिल जाएगा। सक्षम हो जाने पर यह हर पृष्ठ पर लोड होगा।

बस सारे बटन और इंपुट अपने मतलब के काम ही करेंगे; अगर आप ठीक से समझे नहीं तो इसका उपयोग करके देखें। कुछ ऐसे वेरिएबल हैं जो सभी पृष्ठों पर नहीं दिखते, और वे नीचे सूचीबद्ध हैं:
 * इंटरफेस सूचना बॉक्स। ये तत्व जावास्क्रिप्ट के अक्षम होते हुए सदस्य समूह के सेटिंग को लागू किए जाने, अनुवाद पृष्ठ पर सूचना या चेतावनी पाने, पृष्ठ संपादन के समय मीडियाविकि के छूटों, बिना Echo या किसी सूचना एक्सटेंशन को स्थापित किए सदस्य वार्ता पृष्ठ सूचनाओं, आदि स्थितियों में आते हैं।



प्रीसेट थीम्स
आपके उपयोग के लिए पहले से ही कुछ प्रीसेट थीम्स मौजूद होंगे। आप वार्ता पृष्ठ पर आपका अपना थीम भी बाँट सकते हैं। अगर कुछ नहीं है तो बाद में वापस आइए।

Vintage
एक विंटेज थीम जिसे पिछली बार 1.1.7 पर निर्यात किया गया था।

Ocean
हल्के-नीले रंग स्कीम वाला एक थीम जिसे पिछली बार 1.1.15 पर निर्यात किया गया था।



वेरिएबल खुद बदलें
नीचे CSS वेरिएबलों का डिफ़ॉल्च सेटिंग है; इन्हें बदलकर अपने  में डाल दें:

उदाहरणस्वरूप, शीर्षक के रंग को हल्के नीले (जैसे ) में बदलने के लिए कोड होगा:

पैरामीटर्स


साइडबार के आईकॉन्स
बदकिस्मती से, पृष्ठ पर कई चित्र जोड़े बिना स्किन पर आईकॉन्स जोड़ना मुमकिन नहीं। अगर आप वेब-फ़ॉण्ट आईकॉन्स के लोड होने के समय को सह सकते हैं, आप निम्न विधि का पालन कर सकते हैं। सबसे पहले आईकॉन का फ़ॉण्ट-फ़ेस (इस उदाहरण में Material Icons) अपने CSS में जोड़ें। आपने शायद  के अलावा किसी दूसरी जगह से फ़ॉण्ट-फ़ेस लोड किए हों, और अगर ऐसा तो बस सुनिश्चित करें कि ये एक-दूसरे से टकराते नहीं हैं।

फिर, क्योंकि हम छद्म-तत्वों का इस्तेमाल करेंगे, आईकॉन्स के लिए कुछ पैडिंग और अतिरिक्त सेटिंग्स जोड़ी जाती हैं:

अब बात आती है आईकॉन्स को जोड़ने की। आप Devtools (दायाँ क्लिक और फिर Inspect Element से खुलने वाले उपकरण) की मदद से सूची के आयटम्स के ID देख सकते हैं, और अब हम इन छद्म-तत्वों (आईकॉन्स) की सामग्री को सेट करेंगे।

इस उदाहरण में Material Icons पर किसी विशिष्ट आईकॉन के लिए विशिष्ट स्ट्रिंग्स (यहाँ पर प्रयुक्त) और कोड पॉइंट्स का समर्थन है। Material Icons पर किन स्ट्रिंग्स या कोड पॉइंट्स का इस्तेमाल किया जाना चाहिए, इसके लिए Icons - Google Fonts देखें। अपनी साइट के लिए खुलकर नए नियम जोड़ें, जैसे लेखकों में से एक के साइट पर एक प्रबंधक नोटिसबोर्ड जोड़ दी गई है:

भाग को उस सिस्टम संदेश से मेल खाना होगा जो आपने अपने MediaWiki:Sidebar में जोड़ी थी।

Personal menu icons
Personal menu is basically the same.