हमारे पास पृष्ठ के शीर्ष पर ट्रीहाउस विज्ञापन के लिए मार्कअप है, लेकिन हमारे पास करने के लिए कुछ स्टाइलिंग कार्य हैं। हम पेड़ के ग्राफिक से ही शुरू करते हैं।
हम सोच रहे हैं कि एसवीजी के रूप में वेक्टर और आउटपुट का उपयोग करना अच्छा हो सकता है क्योंकि यह तेज और छोटे फ़ाइल आकार का होगा। मुझे इलस्ट्रेटर में चारों ओर देखिए, सभी सदिश में इसका एक अच्छा स्वच्छ संस्करण प्राप्त करने की कोशिश कर रहा है और अंततः विफल हो रहा है। अभी के लिए हम इसे भूल जाने का फैसला करते हैं और बस इसे एक छवि बनाते हैं।
पता चला, ट्रीहाउस वैसे भी उस ब्रांडिंग का उपयोग नहीं करता है, इसलिए मुझे जल्द ही इसे फिर से अपडेट करने की आवश्यकता होगी, और मैं निश्चित रूप से इसे एसवीजी बनाने में समय लगाऊंगा, भले ही मुझे इसे फिर से आकर्षित करना पड़े।
अभी के लिए, हम पीएनजी बनाते हैं और इसे सीएसएस पृष्ठभूमि के साथ डिजाइन में छोड़ देते हैं। हम इसे पृष्ठभूमि-आकार के साथ आकार देते हैं (हालांकि मैंने प्रतिशत का उपयोग करके अभी तक खुद को फिर से भ्रमित किया है - याद रखें कि जब आप प्रतिशत का उपयोग करते हैं तो यह एक प्रतिशत का हिस्सा होता है न कि छवि के आकार का एक प्रतिशत)।
हम रंग और आकार और स्थिति सभी सेट प्राप्त करते हैं। अब अंतिम चरण इसे उत्तरदायी डिजाइन में काम कर रहा है।