इस पाठ में हम पिछले वीडियो के अंत में कैम्प का ग्राउंड शो पेज के स्टाइल को खत्म करने के लिए जा रहे हैं में वापस स्वागत है।
मैं परिवर्तन है कि हम बनाने के लिए जरूरत से कुछ का उल्लेख किया।
यही कारण है कि शुद्ध बूटस्ट्रैप के साथ संबोधित नहीं किया जा सकता है।
हम कुछ कस्टम शैलियों में जोड़ने की जरूरत है।
इसलिए हम यहां इस छवि की चौड़ाई बदलने के लिए इतना है कि यह थंबनेल के 100 प्रतिशत तक ले जाता है की जरूरत है।
हम यहाँ कुछ padding जोड़ना चाहते थे।
यह वही है जो यह जहां हम padding है की तरह दिखना चाहिए और आप देख सकते छवि पूरे कंटेनर तक ले जाता है।
और पूरा करने के लिए है कि हम प्रत्येक हाँ में दिखाया में जाते हैं और यहाँ एक शैली टैग जोड़ सकते हैं।
लेकिन वह वास्तव में एक बहुत अच्छा विचार नहीं है।
तो बजाय हम अपने पहले कस्टम शैली पत्रक में जोड़ने के लिए और कहा कि काम हम एक सार्वजनिक निर्देशिका जैसे हम पहले के एक सबक में किया था बनाने के लिए जा रहे हैं बनाने के लिए जा रहे हैं।
तो मैं निर्देशिका सार्वजनिक करने जा रहा हूँ और फिर मैं जनता के अंदर एक और निर्देशिका कर दूँगा।
यह एक बहुत सार्वजनिक स्लेश स्टाइल शीट स्टाइल शीट बुलाया जाएगा और हम एक दूसरे के लिए अंततः हमारी जावास्क्रिप्ट सामने है होगा और जावास्क्रिप्ट और हम में प्रवेश मारा हूँ और फिर हम स्टाइलशीट सार्वजनिक sosh शैली के अंदर एक एकल फाइल बनाने जा रहे हैं चादरों स्लेश करने के लिए हम फोन करता हूँ इसका मतलब यह Dotsie एसएस बस ऐसे ही।
ठीक।
अब हम उस खोलने के लिए चाहते हैं।
इसलिए हम चाहते हैं कि मुख्य हमें gutsiest स्टाइलशीट अप फ़ाइल को खोलने और चलो कुछ वास्तव में बैंगनी होना करने के लिए शरीर के लिए पृष्ठभूमि रंग की स्थापना की तरह यहाँ में स्पष्ट जोड़कर शुरू करने और बचाने के लिए और फिर हम आगे जाना है और इस जुड़ा पाने के लिए है बता दूँगा।
एप्लिकेशन मामले में तो हम यहाँ में एक लाइन से जोड़ने के लिए है, जहां हम एक app डॉट उपयोग करते एक्सप्रेस स्थिर है है।
और फिर हम क्या किया था पिछली बार सिर्फ जनता में जोड़ने के लिए गया था, लेकिन वहाँ वास्तव में इसे करने का एक थोड़ा बेहतर तरीका है कि मैं सही दूर दिखाने के लिए नहीं करना चाहता था।
लेकिन अब मैं यह दिखाने के लिए हम सभी को करना है एक अंडरस्कोर अंडरस्कोर प्रिय नाम निर्देशिका के नाम जोड़ने के साथ साथ स्लेश सार्वजनिक दीर नाम निर्देशिका है कि इस स्क्रिप्ट चल रहा था के लिए संदर्भित करता है मतलब है।
तो मुझे आप पता चलता है कि कैसा लग रहा है क्या करते हैं।
मैं सिर्फ एक सांत्वना नहीं है, लेकिन अगर आपको लोग इन अंडरस्कोर बस ऐसे ही अपने नाम करने के लिए अंडरस्कोर और बचाने के लिए और सर्वर को पुनः आरंभ।
सूचना मैंने यहीं क्या मिलता है।
इस निर्देशिका में पूरे पथ कार्यक्षेत्र शिविर स्लेश वी 5 के lushly नाम है।
तो दीर नाम जोड़कर प्लस स्लेश सार्वजनिक हम सिर्फ सुरक्षित है क्योंकि अगर किसी भी तरह इस संभावित मौजूदा निर्देशिका बदल किया जा रहा हो मिला अजीब कुछ हुआ है कि हम उम्मीद कर रहे थे।
जो उम्मीद है कि कभी नहीं करता है, लेकिन यह आपके नाम क्या किया हमेशा निर्देशिका कि स्क्रिप्ट में रहती हो जाएगा।
तो हम बस सुरक्षित किया जा रहा है और स्लेश सार्वजनिक जोड़ने और उस में इसे करने का अभी और अधिक पारंपरिक तरीका है कर रहे हैं।
हम सब पर एक अंतर नहीं देख सकेंगे।
इसलिए हम बचा लेंगे।
हम इस से छुटकारा मिल सकता है और क्या हम किया है हमारे सरल मन में जोड़ा जाता है।
एसएस लेकिन हम यह करने के लिए अभी तक जुड़ा हुआ नहीं है।
इसलिए हम सार्वजनिक निर्देशिका सेवा की है।
अब हम उस निर्देशिका जो वास्तव में सिर्फ एक ही फ़ोल्डर स्टाइलशीट है और एक एकल फाइल हमें खत्म हो सकता है में सब कुछ सेवा कर रहे हैं।
लेकिन अब देखते हैं कि फाइल करने के लिए लिंक चलते हैं और हम यह हेडर फाइल पर करते हैं।
तो मैं C9 के लिए विचारों Parshall के स्लेश hetter स्लेश और फिर बूटस्ट्रैप के बाद सिर में शीर्ष ऊपर जा रहा हूँ।
मैं एक और कड़ी टैग को जोड़ने के लिए जा रहा हूँ और यह एक एच रेफरी होने जा रहा है के बराबर होती है स्लेश स्टाइलशीट मुख्य सी एस एस स्लेश और फिर हम भी स्टाइल शीट होना करने के लिए यहाँ पंक्ति में जोड़ देंगे।
ठीक।
तो क्या अब हम उम्मीद है कि हमारे शैली पत्रक है कि अब हम सार्वजनिक निर्देशिका से सेवा कर रहे हैं से जुड़ा हुआ है।
और हम इसे बाहर का परीक्षण करता है, तो यह काम करते हैं।
क्योंकि हर पृष्ठ है कि शीर्षक आंशिक शामिल यह हर एक पेज पर होगा।
की है कि बाहर का परीक्षण करते हैं।
हम सिर्फ हमारे लैंडिंग पृष्ठ के लिए जा रहे हैं।
हम वहाँ चलें।
यह सब बैंगनी है और अगर हम अपने कैम्प का ग्राउंड देखने के लिए जाने के लिए आप बैंगनी के रूप में इसे रखना चाहते हैं, तो वहाँ भी एक बैंगनी पृष्ठभूमि पूरी तरह से आप पर निर्भर है।
मैं इसे वापस बदलने के लिए जा रहा हूँ।
लेकिन मैं शैली है कि हम जीत में जोड़ने के लिए जा रहा हूँ और उन शैलियों थंबनेल को प्रभावित करने के लिए जा रहे हैं।
इसलिए इन थंबनेल के साथ ही इस थम्बनेल हैं।
हम छवि चौड़ाई का 100 प्रतिशत तक ले करने के लिए जा रहे हैं तो दोनों शो पेज और सूचकांक पृष्ठ पर हम पाते हैं कि इसलिए हम वापस जाने के लिए और बदलने के लिए और upsy आकलन कर सकते हैं ऐसा करना चाहते हैं।
इसलिए हम थंबनेल के अंदर सभी छवियों का चयन करके शुरू करेंगे।
इसलिए हम थंबनेल क्योंकि यह एक बूटस्ट्रैप वर्ग की जरूरत है।
और फिर उन्हें उस के बीच अंतरिक्ष के साथ छवि टैग थंबनेल के अंदर सभी छवि टैग है।
और फिर हम सिर्फ बस ऐसे ही 100 प्रतिशत होने की चौड़ाई निर्धारित करना चाहते हैं।
और अगर हम बचाने के लिए और ताज़ा और के एक शो के पेज को जाने दिया जैसा कि आप देख सकते हैं हमारी छवि अब इस थंबनेल के 100 प्रतिशत तक ले जाता है।
तो फिर हम इस गद्दी मुद्दा है जो वास्तव में अच्छी तरह से तय करना आसान है, जहां हम यह है कि हम खुद को थम्बनेल का चयन करने की जरूरत है कि रिक्ति से छुटकारा पाने के लिए चाहते हैं को हल करने की जरूरत है।
थम्बनेल div और गद्दी से छुटकारा पाने के लिए और सिर्फ यह शून्य होने के लिए निर्धारित किया है।
इसलिए डॉट थम्बनेल गद्दी 0।
के बचाने के लिए करते हैं।
वहाँ इस गद्दी पर अपनी नजर रखें।
अब वह चला गया।
और अगर हम हमारे सूचकांक पृष्ठ पर वापस जाने के लिए आप ये भी अब बहा रहे हैं देख सकते हैं।
हम वहाँ किसी भी गद्दी या तो नहीं है।
मैं व्यक्तिगत रूप से दोनों के बीच में कोई जगह के साथ यहाँ गद्दी के बिना इसे पसंद करते हैं।
लेकिन यह व्यक्तिगत पसंद की बात है और अगर आपको लगता है कि वहाँ अंतरिक्ष में वापस चाहते हैं कि इन शैलियों हर एक झलक के लिए विशेष रूप से इस शैली लागू नहीं है कि आप क्या कर सकते हैं।
इसके बजाय आप हमारे शो पेज पर दे सकता है आप इस थम्बनेल यहीं एक आईडी या एक विशेष वर्ग दे सकता है और फिर आप केवल इस paddings कि वर्ग के लिए शून्य या दो कि आईडी लागू होगा।
लेकिन मैं उन सभी के लिए यह करने के लिए जा रहा हूँ और फिर अन्य मुद्दे पर हम हल करने की जरूरत गद्दी यहाँ है।
इसलिए इस कैप्शन के अंदर ful अगर हम यह निरीक्षण कि div है कि हम सही यहाँ यह एक div वर्ग पूर्ण शीर्षक देख सकते हैं बनाया है।
हम वहाँ कुछ padding जोड़ना चाहते हैं और संख्या में हम पिछले वीडियो में पर फैसला 9 पिक्सल था।
तो मुझे चोर को बंद करते हैं ..
यहाँ वापस जाना है और मैं सिर्फ बजाय सभी कैप्शन बछेड़ा की मैं केवल शीर्षक का चयन करने के लिए जा रहा हूँ थम्बनेल के अंदर परतों का चयन करने के लिए जा रहा हूँ।
इसलिए डॉट थम्बनेल अंतरिक्ष कैप्शन भरा हुआ है और हम उन्हें सिर्फ इस तरह नौ पिक्सल की गद्दी दे दूँगा बचा है पृष्ठ ताज़ा करते हैं।
हम वहाँ चलें।
हम उस रिक्ति कि हम देख रहे हैं मिलता है।
ठीक है।
तो यह है कि सब मुझे क्या करना चाहता है।
चलो जल्दी से संक्षिप्त हम क्या पूरा करते हैं।
हम एक नई फाइल मुख्य नाजी एसएस बनाया और हम डाल दिया है कि स्टाइलशीट के अंदर सार्वजनिक निर्देशिका के अंदर और अंततः वे अधिक स्टाइल शीट में विशेष रूप से लैंडिंग पृष्ठ के लिए एक होगा और हम भी जावास्क्रिप्ट के रूप में है कि अच्छी तरह से यहाँ में जाना होगा।
और फिर वास्तव में उपयोग करने के सार्वजनिक निर्देशिका हम बातचीत करने के लिए हाँ सार्वजनिक निर्देशिका सेवा करने के लिए एक्सप्रेस बताओ।
और मैं आप इस अंडरस्कोर दिखाया आपके नाम को रेखांकित और बहुत पिछले बात है कि हम हेडर फाइल पर यह भी शामिल है।