Classes Settings क्या है, Class Create कैसे करें। Wapka Website Design Trick 2

हेल्लो फ्रेंड्स… wapka website me class kya hai or classes kaise set kare. ये पूरे विस्तार से बताएंगे। क्यूंकि ये class, wapka website designing trick 2 है। इससे पहले हमने वापका वेबसाइट कैसे design करे trick 1 बताया था। और ये दूसरा तरीका है।
class-kya-hai-kaise-banaye-wapka-website-design-trick
कई सारे लोग वापका वेबसाइट को डिजाइन करने के लिए। Div class code (is topic पर post लिखेंगे) ढूंढ़ते रहते हैं। लेकिन ऐसा नहीं है। आपको code ढूंढने की कोई जरूरत नहीं है। बल्कि आप खुद का classes create कर सकते हैं। और इसकी मदद से आप अपने वापका वेबसाइट को जैसा चाहे, वैसा design कर सकते हैं। अगर आप इस सोच में पड़ गए हैं कि wapka class kise kahte hai. तो हम बता दें कि जो वापका साइट में "text" "pages" और किसी भी चीज के background में आप जो design आप देखते हैं। या जो color देखते हैं। उसे class कहा जाता है। और classes setting वापका वेबसाइट designing का सबसे important हिस्सा है। इसके कई सारे फायदे हैं।
  • आप अपने classes को, globle setting के हिसाब से बना सकते है।
  • class के text, background और link color, सब आपकी पसंद का होता है।
  • आपको code याद रखने की जरुरत नहीं पड़ती। और नाही code से setting करनी होती है।
  • आप class को direct ही page, text या किसी भी code के साथ set कर सकते हैं।
  • अपनी पसंद से website design करने के लिये। आप आजाद रहते है।
ये तो हो गयी फायदे की बात। और नुकसान कुछ तो कुछ है नहीं। तो अब बताते हैं कि वापका वेबसाइट me classes create कैसे करें।.

How to create classes on wapka:

Class create करने से पहले आपको css code set करना होगा। उसके बाद ही आप कुछ और कर सकते हैं। पढ़े css code कैसे सेट करे। सबसे पहले आप वापका वेबसाइट login कीजिये। फिर admin mode (admin mode कैसे open करे) और फिर :: EDIT SITE (#) ::में जाइए।
wapka-wap2-option
अब आप - WAP2 में जाए।
wapka-classes-settings
अब आप Classes settings में क्लिक करे।
wapka-class-name
अब आपको ऐसा पेज मिलेगा। पहले box में कोई भी नाम लिखिए। बिना space के। Basic settings को select करे। फिर continue पर click करे।
wapka-create-class
इस image को देखिए। ये image हमने खास आप लोगो को सारी बाते समझाने के लिए edit की है। अब हम आपको एक-एक कर के बताते हैं।

1. Text:
  • Background colour code में आपको वो color डालना है। जो जिस color में आप class बनाना चाहते है।
  • Text colour code में आप जो color डालेंगे। आपको text उसी color में दिखाई देगा।
  • Link colour code में आप जो भी color डालेंगे। उस class के सारे link, उसी color में दिखाई देंगे।
2. Border:
अब बारी border setting की। अगर आप class में border भी लगाना चाहते हैं। तो यहाँ से border style select कर लीजिए।
  1. None का मतलब अपने border set नहीं किया। अगर border नहीं चाहिए। तो none select करे।
  2. Whole select करने से आपका border चारो तरफ लगेगा।
  3. Top+Bottom select करने से, border सिर्फ ऊपर और निचे लगेगा।
  4. Top select करने से border सिर्फ ऊपर लगेगा। नीचे नहीं।
  5. Bottom select करने से border सिर्फ नीचे लगेगा। ऊपर नहीं।
  6. Left select करने से border सिर्फ बायी और लगेगा। दाहिनी तरफ नहीं।
  7. Right select करने से border सिर्फ दाहिनी तरफ लगेगा। बायी तरफ नहीं।
  8. Left+Right select करने से border बाएं और दाएं दोनों तरफ लगेगा।
  • Width में आप border की चौड़ाई select कर सकते हैं।
  • Colour code में आपको border कौनसे कलर में चहिए। वो set करना है।
  • Style में आपको border किस style में चाहिए। ये select कर सकते हैं।
3. Margin:
यहाँ आप class के बाहर का space set कर सकते हैं।
4. Padding:
यहाँ आप class के अंदर में text के top, bottom, left और right में कितना space चहिये। ये set कर सकते हैं।
5. Font-Weight:
यहाँ आपको दो options मिलेंगे। Bold और Normal.
  • Bold select करने से, इस class के अंदर आप जो भी text या page या code लगाएंगे। वो सारे bold text में नजर आएंगे।
  • Normal में सब Normal ही नजर आएगा।
6. Font-Style:
यहाँ भी आपको दो options मिलेंगे Normal और Italic.
  • Normal में तो text normal ही नजर आएगा।
  • लेकिन Italic ऐसा नजर आएगा।
7. Font-size:
यहाँ आपको तीन options मिलेंगे।
  • Small select करने से, सारे शब्द छोटे नजर आएंगे।
  • Normal select करने से सारे शब्द normal नजर आएंगे।
  • Large select करने से सारे शब्द large, यानी बड़े size में नजर आएंगे।
8. Text-Decoration:
यहाँ भी आपको बहुत सारे options मिलेंगे।
  • None use करने से।आपके सारे शब्द ऊपर select किए गए। Font-Weight और Font-Style के हिसाब से नजर आएगा।
  • Underline select करने से आपके सारे शब्द के निचे line बन जाएगी।
  • Overline select करने से आपको सारे शब्द ke upar ek line ban jayegi. 
  • Underline overline select करने से आपको सारे शब्द के ऊपर और निचे line बन जाएगी।
  • Line-through select करने से आपको सारे शब्द के बीच में line बन जाएगी।
  • Blink select करने से सारे शब्द normal दिखाई देंगे।
9. Preview:
यहाँ से आपको पता चल जाएगा। कि आपने जो class design किया है। वो कैसा दिख रहा है। एक बार preview जरूर कर लेना चहिये।

10. Add Class:
इस option में click करने से आपका क्लास बन जाएग। और -WAP(2) के निचे आपको सारे classes दिखाई देंगे।

11. Colour codes list:
यहाँ आपको सारे color code मिल जाएंगे। लेकिन अगर आपको पसंद के कलर नहीं भी मिले। तो भी आप google में वापका color code लिख कर search करेंगे। तो आपको बहुत सारे website मिल जाएगी। जो color code देती है।

How to set wapka class:

ये तो हो गई कि class kaise banate hai. अब बताते हैं कि class set kaise karte hai.
  1. पहले -WAP(2) में जाइए।
  2. आप जिस page में पहुचेंगे। उस page में आपको अपने उस page पर किए गए सारे editing दिखाई देगी। जैसे - pages, text, tags or कुछ codings.
wapka-class-set-kaise-kare
ये देखिए। यहाँ पर अपने जो भी page text या कोई भी या content लगाया होगा। वो सब यहाँ दिखाई देगा। आपको जो भी link text या code class में set करना है। उसे select कीजिए।
  1. यहाँ class select कीजिए।
  2. यहाँ set कर दीजिए।
फिर वो text, link या code उस Class में set हो जाएगा। जब आप कोई text, link या code लगाएंगे। तो निचे आपको classes setting का भी option मिलेगा। आप वहां से भी direct class set कर सकते है।
हमे उम्मीद है कि ये post पढ़कर आप wapka class kaise banaye or kaise set kare. इस बारे में जान गए होंगे। और आप wapka website designing खुद से कर पाएंगे।
Classes Settings क्या है, Class Create कैसे करें। Wapka Website Design Trick 2 Classes Settings क्या है, Class Create कैसे करें। Wapka Website Design Trick 2 Reviewed by Hansa Juhi Rani on May 02, 2018 Rating: 5

No comments

Comment approval milne ke baad dikhai dega. Comment karte waqt "Notify me" par ✔ laga de. Isase apko mere reply ka notification gmail address par mil jayega.