Studio Two एडिटर: स्टाइल्ड एलिमेंट्स के साथ काम करना

1. जिस बटन को कस्टमाइज़ करना है, उस पर क्लिक करें।

2. बटन का वह हिस्सा चुनें जिसे आप डिज़ाइन करना चाहते हैं:

   • बटन:

     • स्टेट: चुनें कि आप बटन को रेगुलर, होवर या डिसेबल्ड स्टेट के लिए कस्टमाइज़ करना चाहते हैं।

     • फ़िल: बटन के बैकग्राउंड के लिए नया कलर चुनें।

     • बॉर्डर: बटन में बॉर्डर जोड़ें। आप पूरे बटन के लिए कलर, चौड़ाई और स्टाइल सेट कर सकते हैं या हर साइड को बदलने के लिए एडिट इंडिविजुअल बॉर्डर्स आइकन पर क्लिक करें।

     • कॉर्नर: बटन के कॉर्नर को ज़्यादा राउंड या स्क्वेयर बनाएं (px में)। आप पूरे बटन के लिए एक जैसी माप इस्तेमाल कर सकते हैं या हर साइड को अलग-अलग एडजस्ट करने के लिए एडिट इंडिविजुअल कॉर्नर्स आइकन पर क्लिक करें।

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

     • स्पेसिंग: बटन की स्पेसिंग कस्टमाइज़ करने के लिए इन ऑप्शन का इस्तेमाल करें:

       • पैडिंग: बटन के आस-पास की हॉरिज़ॉन्टल और वर्टिकल पैडिंग एडजस्ट करें। आप पूरे बटन के लिए एक जैसी माप इस्तेमाल कर सकते हैं या हर साइड को अलग-अलग एडजस्ट कर सकते हैं।

       • गैप: बटन टेक्स्ट और आइकन के बीच की स्पेसिंग एडजस्ट करें।

     • बिहेवियर: बटन का एलाइनमेंट सेट करें।

   • टेक्स्ट:

     • स्टेट: चुनें कि आप टेक्स्ट को रेगुलर, होवर या डिसेबल्ड स्टेट के लिए कस्टमाइज़ करना चाहते हैं।

     • पाठ की शैली: टेक्स्ट पर अप्लाई करने के लिए पैनल से कोई स्टाइल चुनें।

     • फ़ॉन्ट: ड्रॉपडाउन से कोई फ़ॉन्ट चुनें और उसका वेट (रेगुलर, बोल्ड वगैरह) चुनें।
       ध्यान दें: वेट का ऑप्शन सभी फ़ॉन्ट के लिए उपलब्ध नहीं है।

     • साइज़: फ़ील्ड में टेक्स्ट का साइज़ (px में) डालें।

     • कलर: टेक्स्ट के लिए नया कलर चुनें।

     • पैडिंग: टेक्स्ट के आस-पास की हॉरिज़ॉन्टल और वर्टिकल पैडिंग एडजस्ट करें।

     • स्टाइल: टेक्स्ट पर बोल्ड और इटैलिक जैसे फ़ॉर्मैटिंग ऑप्शन अप्लाई करें।

     • केस: चुनें कि पूरा टेक्स्ट अपरकेस, लोअरकेस या टाइटल केस में दिखे।

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

1. जिस लाइन को कस्टमाइज करना है, उस पर क्लिक करें।

2. इन ऑप्शंस का इस्तेमाल करके इसे एडिट करें:

   • फिल: लाइन के लिए कोई कलर चुनें। आप साइट कलर चुन सकते हैं या कस्टम कलर जोड़ सकते हैं।

   • स्टाइल: लाइन की चौड़ाई (px में) सेट करें।

1. संबंधित कंटेनर पर क्लिक करें।

2. इन ऑप्शंस का इस्तेमाल करके इसे कस्टमाइज करें:

   • फिल: कंटेनर के लिए नया कलर चुनें।

   • बॉर्डर्स: कंटेनर में बॉर्डर्स जोड़ें। आप पूरे कंटेनर के लिए कलर, चौड़ाई और स्टाइल सेट कर सकते हैं या हर साइड में अलग-अलग बदलाव करने के लिए एडिट इंडिविजुअल बॉर्डर्स आइकन पर क्लिक कर सकते हैं।

   • कॉर्नर्स: कंटेनर के कॉर्नर्स को ज्यादा राउंड या स्क्वायर बनाएं (px में)। आप पूरे कंटेनर के लिए एक जैसी माप इस्तेमाल कर सकते हैं या हर साइड को अलग-अलग एडजस्ट करने के लिए एडिट इंडिविजुअल कॉर्नर्स आइकन पर क्लिक कर सकते हैं।

   • शैडो: शैडो अप्लाई करें और इसे अपनी पसंद के अनुसार एडजस्ट करें। आप इसका साइज, पोजिशन और बहुत कुछ कस्टमाइज कर सकते हैं।

   • इफेक्ट्स: कंटेनर पर बैकग्राउंड इफेक्ट अप्लाई करें और उसकी इंटेंसिटी एडजस्ट करने के लिए स्लाइडर का इस्तेमाल करें।

1. एडिटर के बाईं ओर साइट स्टाइल्स आइकन पर क्लिक करें।

2. टैब्स में स्क्रॉल करें या पैनल में ऐरो आइकन पर क्लिक करें।

3. संबंधित टैब चुनें: बटन्स, लाइन्स, या कंटेनर्स।

4. ऐड आइकन पर क्लिक करें।

5. फ़ील्ड में एलिमेंट का नाम डालें।

6. दिए गए ऑप्शंस का इस्तेमाल करके अपना कस्टम डिज़ाइन सेट अप करें।

1. संबंधित एलिमेंट पर क्लिक करें।

2. ऐक्शन बार में कस्टम स्टाइल पर क्लिक करें।

3. पैनल में कस्टम स्टाइल के पास सहेजें पर क्लिक करें।

4. चुनें कि आप एलिमेंट को कैसे सेव करना चाहते हैं:

   • स्टाइल अपडेट करें: वह स्टाइल चुनें जिस पर आप डिज़ाइन अप्लाई करना चाहते हैं और सहेजें पर क्लिक करें।

   • नया स्टाइल बनाएँ: स्टाइल का नाम डालें और सहेजें पर क्लिक करें।

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

हां, कस्टम डिज़ाइन में इस्तेमाल किए गए सभी नए रंग और/या फ़ॉन्ट पैनल में सहेजे जाते हैं।

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