इंटरनेट पर अपनी वेबसाइट को अलंकृत करने के लिए, आप इसके डिजाइन में बदलाव कर सकते हैं। मुख्य पृष्ठ की पृष्ठभूमि को बदलने से लेकर साइट टेम्पलेट को पूरी तरह से फिर से तैयार करने तक, डिज़ाइन बदलने का तात्पर्य किसी भी क्रिया से है। यदि आप अपनी साइट की पृष्ठभूमि बदलने का निर्णय लेते हैं, तो निम्नलिखित निर्देश इस समस्या को हल करने में मदद करेंगे।
ज़रूरी
css फ़ाइल का संपादन।
निर्देश
चरण 1
अधिकांश भाग के लिए, साइट डिज़ाइन कोड style.css फ़ाइल में स्थित होता है। लेकिन प्रत्येक टेम्पलेट पिछले एक से अलग हो सकता है, इसलिए डिज़ाइन कोड एक अलग फ़ाइल में स्थित हो सकता है, लेकिन सीएसएस एक्सटेंशन के साथ भी। अपनी साइट की पृष्ठभूमि का रंग सेट करने के लिए, आपको मौजूदा मान को निम्नलिखित अभिव्यक्ति के साथ दर्ज करना या बदलना होगा: / * सफेद पृष्ठभूमि * / शरीर {
पृष्ठभूमि-रंग: #FFFFFF;} / * सफेद शीर्षक पृष्ठभूमि, काला फ़ॉन्ट रंग * / h1 {
रंग: # 000000;
पृष्ठभूमि-रंग: #FFFFFF;
}
चरण 2
अपनी साइट पर किसी भी छवि को पृष्ठभूमि के रूप में सम्मिलित करने के लिए, आपको मौजूदा मान को निम्नलिखित अभिव्यक्ति के साथ दर्ज करना या बदलना होगा: body {
पृष्ठभूमि-रंग: # 000000;
बैकग्राउंड-इमेज: url ("इमेज-1.jpg");
}
यह ध्यान दिया जाना चाहिए कि इस मामले में छवि फ़ाइल के लिए एक लिंक प्रदान करना आवश्यक है, जो उसी फ़ोल्डर में सीएसएस फ़ाइल के साथ स्थित होगा।
चरण 3
अगर आप छोटी तस्वीर या छोटी तस्वीर को टाइल करना चाहते हैं, तो बैकग्राउंड-रिपीट कमांड का इस्तेमाल करें। इस आदेश का सही उपयोग करने के लिए, इस आदेश में कई परिशोधन हैं:
बैकग्राउंड-रिपीट: रिपीट-एक्स - इमेज को एक्स अक्ष के साथ दोहराएं;
बैकग्राउंड-रिपीट: रिपीट-वाई - इमेज को y अक्ष के साथ दोहराएं;
बैकग्राउंड-रिपीट: रिपीट - एक ही बार में दो कुल्हाड़ियों के साथ एक तस्वीर दोहराएं;
बैकग्राउंड-रिपीट: नो-रिपीट - इमेज रिपीट नहीं होती है;
बैकग्राउंड-अटैचमेंट: स्क्रॉल - पेज के साथ पिक्चर को स्क्रॉल करना;
पृष्ठभूमि-अनुलग्नक: निश्चित - छवि स्क्रॉल नहीं है।
इस कमांड के सिंटैक्स का उपयोग करके, आप दिखा सकते हैं कि यह उदाहरणों में कैसे काम करता है:
पृष्ठभूमि-स्थिति: 30px 40px - छवि ऊपर से 30 पिक्सेल नीचे और बाईं से दाईं ओर 40 पिक्सेल है।
बैकग्राउंड पोजीशन: 60% 35% - लेफ्ट पैडिंग 60% और टॉप पैडिंग 25% है।
