वेबसाइट टेम्प्लेट कैसे संपादित करें

विषयसूची:

वेबसाइट टेम्प्लेट कैसे संपादित करें
वेबसाइट टेम्प्लेट कैसे संपादित करें

वीडियो: वेबसाइट टेम्प्लेट कैसे संपादित करें

वीडियो: वेबसाइट टेम्प्लेट कैसे संपादित करें
वीडियो: मुफ़्त HTML टेम्पलेट का संपादन | वेब विकास श्रृंखला | कक्षा 4 2024, अप्रैल
Anonim

आजकल अपनी खुद की वेबसाइट बनाना मुश्किल नहीं है, भले ही आपको वेब डिज़ाइन और प्रोग्रामिंग के क्षेत्र में कोई विशेष ज्ञान न हो। किसी भी समय, आप इंटरनेट पर पोस्ट किए गए विभिन्न टेम्प्लेट का उपयोग कर सकते हैं, और तैयार किए गए टेम्प्लेट के आधार पर, अपनी वेबसाइट को नेटवर्क पर बना और प्रकाशित कर सकते हैं। हालांकि, हर कोई साइट के उस संस्करण से पूरी तरह संतुष्ट नहीं है जो टेम्पलेट प्रदान करता है। हम आपको इस लेख में साइट टेम्पलेट को बदलने और इसे विशिष्ट बनाने का तरीका बताएंगे।

वेबसाइट टेम्प्लेट कैसे संपादित करें
वेबसाइट टेम्प्लेट कैसे संपादित करें

अनुदेश

चरण 1

टेम्पलेट डाउनलोड करें और उसमें style.css फ़ाइल खोजें। आम तौर पर यह फ़ाइल public_html फ़ोल्डर में स्थित होती है।

चरण दो

Style.css फ़ाइल को नोटपैड में खोलें और कोड स्निपेट ढूंढें जो साइट के शीर्ष के रंगरूप के लिए ज़िम्मेदार है। यह स्निपेट इस तरह दिखता है:

#लोगोटाइप {

पृष्ठभूमि: url (छवियां / logotype.png) नो-रिपीट लेफ्ट सेंटर #fff;

चौड़ाई: 230px;

ऊंचाई: 60 पीएक्स;

मार्जिन: 10px 25px;

स्थिति: रिश्तेदार;

चरण 3

इस कोड में, पृष्ठभूमि में: url लाइन, आपको भविष्य की साइट की पृष्ठभूमि छवि के लिए पथ निर्दिष्ट करने की आवश्यकता है। अगली पंक्तियाँ छवि की लंबाई और ऊँचाई को इंगित करती हैं, और मार्जिन आइटम छवि के ऊर्ध्वाधर और क्षैतिज इंडेंटेशन को परिभाषित करता है।

चरण 4

कोड में लोगो के रूप में उपयोग किए जाने वाले टेम्पलेट फ़ोल्डरों में logotype.png

चरण 5

बैकग्राउंड इमेज को public_html / tmpl / template_name / Images / फोल्डर में अपलोड करें, जिसके बाद, जैसा कि ऊपर बताया गया है, बैकग्राउंड में इमेज के लिए पाथ लिखें: url लाइन।

चरण 6

यदि आवश्यक हो, तो छवि की ऊंचाई, लंबाई और ऑफसेट के मापदंडों को फिर से लिखें। स्थिति: सापेक्ष रेखा को अकेला छोड़ा जा सकता है। फ़ाइल में परिवर्तनों को सहेजें और पुरानी टेम्पलेट फ़ाइल के बजाय सर्वर पर अपलोड करें।

चरण 7

अगर आप फ़ुटर साइट का लोगो बदलना चाहते हैं, तो कोड स्निपेट के लिए style.css देखें, जो लॉगोटाइप-फ़ुटर शब्दों से शुरू होता है। छवि को नए लोगो के साथ सहेजें और इसे टेम्पलेट के छवि फ़ोल्डर में अपलोड करें।

चरण 8

लंबाई और ऊंचाई पैरामीटर बदलें। Style.css फ़ाइल को फिर से सहेजें और अद्यतन साइट को सर्वर पर अपलोड करें।

सिफारिश की: