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

शुरू करने से पहले; अपने आयाम की जाँच करेंछवि (वह जिसे आप प्रभाव जोड़ना चाहते हैं)। कोड जनरेटर में छवि की चौड़ाई और ऊंचाई के लिए 130 - 347px की ऊपरी और निचली सीमा होती है। यदि आपकी छवि का आयाम इससे अधिक है तो आप हमेशा बाद में चौड़ाई और ऊंचाई को संपादित कर सकते हैं। कोड आपको छाया की अस्पष्टता और धुंधलाता भी निर्धारित करने देता है। आप अपनी छवि कोड जनरेटर में अपलोड नहीं कर सकते हैं, एक डिफ़ॉल्ट छवि का उपयोग किया जाएगा ताकि आप प्रभाव का पूर्वावलोकन कर सकें।
ड्रॉप डाउन मेनू से, किस छाया का चयन करेंआपको पसंद करने वाला प्रभाव, हर बार जब आप चयनकर्ताओं को बदलते हैं तो एक नया कोड उत्पन्न होता है इसलिए सुनिश्चित करें कि आप बहुत नवीनतम का उपयोग करते हैं। एक बार जब आप अपनी पसंद का प्रभाव उठा लेते हैं, तो क्षैतिज स्क्रॉलिंग बार का उपयोग करके अपनी छवि के लिए चौड़ाई और ऊंचाई निर्धारित करें। जब आप बटन को थोडा कम करना चाहते हैं तो दाएं और बाएं तीर कुंजियों का उपयोग करें। धुंधला और अस्पष्टता सेट करें और कोड उत्पन्न हो जाएगा। इन मापदंडों में से किसी एक को बढ़ाने या घटाने से एक नया कोड तैयार होगा।

सब कुछ सेट हो जाने के बाद, CSS कोड को एक में कॉपी करेंCSS फ़ाइल और इसे आप वेबपेज (या थीम) के लिए नाम दें। आपके वेबपेज में जाने वाला HTML कोड भी उत्पन्न होता है (यह ड्रॉप डाउन मेनू से आपके द्वारा चुने गए प्रत्येक प्रभाव के लिए अद्वितीय है), इसे कॉपी करें और छवि कोड (img src = "") को रखें जहां यह कहता है कि 'यहां आपका कोड है'।
इस कोड जनरेटर के बारे में सबसे अच्छी बात यह है कियह काम करता है और यह मुफ़्त है। इसमें छवियों के लिए आयाम की कमी है, लेकिन उन्हें कोड से संपादित किया जा सकता है। यदि आप एक पारदर्शी छवि (जैसे ऊपर वाला) का उपयोग करते हैं, तो यह सुस्त ग्रे पृष्ठभूमि देगा। आप बाद में कोड से पृष्ठभूमि का रंग संपादित कर सकते हैं। (कोड लाइन पृष्ठभूमि संपादित करें: #ccc)। कोड सभी छवियों को एक 5px फ्रेम भी देता है, आप फ्रेम को भी संपादित कर सकते हैं, लेकिन चौड़ाई बढ़ाने और घटने से छाया छिप जाएगी या आवश्यकता से अधिक प्रकट हो जाएगी, इसलिए यह अकेले छोड़ दिया गया है।
थीमशॉक सीएसएस ड्रॉप शैडो जनरेटर पर जाएं
टिप्पणियाँ