1
00:00:00,420 --> 00:00:06,550
इस पाठ में हम पिछले वीडियो के अंत में कैम्प का ग्राउंड शो पेज के स्टाइल को खत्म करने के लिए जा रहे हैं में वापस स्वागत है।

2
00:00:06,630 --> 00:00:08,540
मैं परिवर्तन है कि हम बनाने के लिए जरूरत से कुछ का उल्लेख किया।

3
00:00:08,640 --> 00:00:10,970
यही कारण है कि शुद्ध बूटस्ट्रैप के साथ संबोधित नहीं किया जा सकता है।

4
00:00:10,980 --> 00:00:13,050
हम कुछ कस्टम शैलियों में जोड़ने की जरूरत है।

5
00:00:13,050 --> 00:00:18,570
इसलिए हम यहां इस छवि की चौड़ाई बदलने के लिए इतना है कि यह थंबनेल के 100 प्रतिशत तक ले जाता है की जरूरत है।

6
00:00:18,750 --> 00:00:21,050
हम यहाँ कुछ padding जोड़ना चाहते थे।

7
00:00:21,120 --> 00:00:25,880
यह वही है जो यह जहां हम padding है की तरह दिखना चाहिए और आप देख सकते छवि पूरे कंटेनर तक ले जाता है।

8
00:00:26,280 --> 00:00:31,810
और पूरा करने के लिए है कि हम प्रत्येक हाँ में दिखाया में जाते हैं और यहाँ एक शैली टैग जोड़ सकते हैं।

9
00:00:32,280 --> 00:00:34,050
लेकिन वह वास्तव में एक बहुत अच्छा विचार नहीं है।

10
00:00:34,050 --> 00:00:42,960
तो बजाय हम अपने पहले कस्टम शैली पत्रक में जोड़ने के लिए और कहा कि काम हम एक सार्वजनिक निर्देशिका जैसे हम पहले के एक सबक में किया था बनाने के लिए जा रहे हैं बनाने के लिए जा रहे हैं।

11
00:00:43,110 --> 00:00:48,790
तो मैं निर्देशिका सार्वजनिक करने जा रहा हूँ और फिर मैं जनता के अंदर एक और निर्देशिका कर दूँगा।

12
00:00:48,870 --> 00:01:10,000
यह एक बहुत सार्वजनिक स्लेश स्टाइल शीट स्टाइल शीट बुलाया जाएगा और हम एक दूसरे के लिए अंततः हमारी जावास्क्रिप्ट सामने है होगा और जावास्क्रिप्ट और हम में प्रवेश मारा हूँ और फिर हम स्टाइलशीट सार्वजनिक sosh शैली के अंदर एक एकल फाइल बनाने जा रहे हैं चादरों स्लेश करने के लिए हम फोन करता हूँ इसका मतलब यह Dotsie एसएस बस ऐसे ही।

13
00:01:10,470 --> 00:01:11,260
ठीक।

14
00:01:11,520 --> 00:01:13,040
अब हम उस खोलने के लिए चाहते हैं।

15
00:01:13,380 --> 00:01:28,140
इसलिए हम चाहते हैं कि मुख्य हमें gutsiest स्टाइलशीट अप फ़ाइल को खोलने और चलो कुछ वास्तव में बैंगनी होना करने के लिए शरीर के लिए पृष्ठभूमि रंग की स्थापना की तरह यहाँ में स्पष्ट जोड़कर शुरू करने और बचाने के लिए और फिर हम आगे जाना है और इस जुड़ा पाने के लिए है बता दूँगा।

16
00:01:28,140 --> 00:01:36,790
एप्लिकेशन मामले में तो हम यहाँ में एक लाइन से जोड़ने के लिए है, जहां हम एक app डॉट उपयोग करते एक्सप्रेस स्थिर है है।

17
00:01:37,380 --> 00:01:44,380
और फिर हम क्या किया था पिछली बार सिर्फ जनता में जोड़ने के लिए गया था, लेकिन वहाँ वास्तव में इसे करने का एक थोड़ा बेहतर तरीका है कि मैं सही दूर दिखाने के लिए नहीं करना चाहता था।

18
00:01:44,400 --> 00:01:57,050
लेकिन अब मैं यह दिखाने के लिए हम सभी को करना है एक अंडरस्कोर अंडरस्कोर प्रिय नाम निर्देशिका के नाम जोड़ने के साथ साथ स्लेश सार्वजनिक दीर नाम निर्देशिका है कि इस स्क्रिप्ट चल रहा था के लिए संदर्भित करता है मतलब है।

19
00:01:57,180 --> 00:01:58,630
तो मुझे आप पता चलता है कि कैसा लग रहा है क्या करते हैं।

20
00:01:58,800 --> 00:02:10,190
मैं सिर्फ एक सांत्वना नहीं है, लेकिन अगर आपको लोग इन अंडरस्कोर बस ऐसे ही अपने नाम करने के लिए अंडरस्कोर और बचाने के लिए और सर्वर को पुनः आरंभ।

21
00:02:12,000 --> 00:02:13,440
सूचना मैंने यहीं क्या मिलता है।

22
00:02:13,530 --> 00:02:19,560
इस निर्देशिका में पूरे पथ कार्यक्षेत्र शिविर स्लेश वी 5 के lushly नाम है।

23
00:02:19,710 --> 00:02:30,390
तो दीर नाम जोड़कर प्लस स्लेश सार्वजनिक हम सिर्फ सुरक्षित है क्योंकि अगर किसी भी तरह इस संभावित मौजूदा निर्देशिका बदल किया जा रहा हो मिला अजीब कुछ हुआ है कि हम उम्मीद कर रहे थे।

24
00:02:30,450 --> 00:02:36,650
जो उम्मीद है कि कभी नहीं करता है, लेकिन यह आपके नाम क्या किया हमेशा निर्देशिका कि स्क्रिप्ट में रहती हो जाएगा।

25
00:02:36,900 --> 00:02:41,860
तो हम बस सुरक्षित किया जा रहा है और स्लेश सार्वजनिक जोड़ने और उस में इसे करने का अभी और अधिक पारंपरिक तरीका है कर रहे हैं।

26
00:02:42,060 --> 00:02:43,820
हम सब पर एक अंतर नहीं देख सकेंगे।

27
00:02:43,860 --> 00:02:44,920
इसलिए हम बचा लेंगे।

28
00:02:44,930 --> 00:02:50,140
हम इस से छुटकारा मिल सकता है और क्या हम किया है हमारे सरल मन में जोड़ा जाता है।

29
00:02:50,190 --> 00:02:52,390
एसएस लेकिन हम यह करने के लिए अभी तक जुड़ा हुआ नहीं है।

30
00:02:52,530 --> 00:02:54,500
इसलिए हम सार्वजनिक निर्देशिका सेवा की है।

31
00:02:54,600 --> 00:03:01,540
अब हम उस निर्देशिका जो वास्तव में सिर्फ एक ही फ़ोल्डर स्टाइलशीट है और एक एकल फाइल हमें खत्म हो सकता है में सब कुछ सेवा कर रहे हैं।

32
00:03:01,620 --> 00:03:05,510
लेकिन अब देखते हैं कि फाइल करने के लिए लिंक चलते हैं और हम यह हेडर फाइल पर करते हैं।

33
00:03:05,580 --> 00:03:14,920
तो मैं C9 के लिए विचारों Parshall के स्लेश hetter स्लेश और फिर बूटस्ट्रैप के बाद सिर में शीर्ष ऊपर जा रहा हूँ।

34
00:03:14,980 --> 00:03:31,330
मैं एक और कड़ी टैग को जोड़ने के लिए जा रहा हूँ और यह एक एच रेफरी होने जा रहा है के बराबर होती है स्लेश स्टाइलशीट मुख्य सी एस एस स्लेश और फिर हम भी स्टाइल शीट होना करने के लिए यहाँ पंक्ति में जोड़ देंगे।

35
00:03:31,950 --> 00:03:32,500
ठीक।

36
00:03:32,850 --> 00:03:38,340
तो क्या अब हम उम्मीद है कि हमारे शैली पत्रक है कि अब हम सार्वजनिक निर्देशिका से सेवा कर रहे हैं से जुड़ा हुआ है।

37
00:03:38,340 --> 00:03:40,680
और हम इसे बाहर का परीक्षण करता है, तो यह काम करते हैं।

38
00:03:40,740 --> 00:03:45,350
क्योंकि हर पृष्ठ है कि शीर्षक आंशिक शामिल यह हर एक पेज पर होगा।

39
00:03:45,630 --> 00:03:46,380
की है कि बाहर का परीक्षण करते हैं।

40
00:03:46,380 --> 00:03:48,450
हम सिर्फ हमारे लैंडिंग पृष्ठ के लिए जा रहे हैं।

41
00:03:48,450 --> 00:03:48,980
हम वहाँ चलें।

42
00:03:48,990 --> 00:03:56,510
यह सब बैंगनी है और अगर हम अपने कैम्प का ग्राउंड देखने के लिए जाने के लिए आप बैंगनी के रूप में इसे रखना चाहते हैं, तो वहाँ भी एक बैंगनी पृष्ठभूमि पूरी तरह से आप पर निर्भर है।

43
00:03:56,610 --> 00:03:57,620
मैं इसे वापस बदलने के लिए जा रहा हूँ।

44
00:03:57,750 --> 00:04:03,210
लेकिन मैं शैली है कि हम जीत में जोड़ने के लिए जा रहा हूँ और उन शैलियों थंबनेल को प्रभावित करने के लिए जा रहे हैं।

45
00:04:03,210 --> 00:04:07,050
इसलिए इन थंबनेल के साथ ही इस थम्बनेल हैं।

46
00:04:07,080 --> 00:04:18,000
हम छवि चौड़ाई का 100 प्रतिशत तक ले करने के लिए जा रहे हैं तो दोनों शो पेज और सूचकांक पृष्ठ पर हम पाते हैं कि इसलिए हम वापस जाने के लिए और बदलने के लिए और upsy आकलन कर सकते हैं ऐसा करना चाहते हैं।

47
00:04:18,180 --> 00:04:21,750
इसलिए हम थंबनेल के अंदर सभी छवियों का चयन करके शुरू करेंगे।

48
00:04:21,900 --> 00:04:25,300
इसलिए हम थंबनेल क्योंकि यह एक बूटस्ट्रैप वर्ग की जरूरत है।

49
00:04:25,550 --> 00:04:31,290
और फिर उन्हें उस के बीच अंतरिक्ष के साथ छवि टैग थंबनेल के अंदर सभी छवि टैग है।

50
00:04:31,290 --> 00:04:36,180
और फिर हम सिर्फ बस ऐसे ही 100 प्रतिशत होने की चौड़ाई निर्धारित करना चाहते हैं।

51
00:04:36,300 --> 00:04:43,510
और अगर हम बचाने के लिए और ताज़ा और के एक शो के पेज को जाने दिया जैसा कि आप देख सकते हैं हमारी छवि अब इस थंबनेल के 100 प्रतिशत तक ले जाता है।

52
00:04:43,860 --> 00:04:51,820
तो फिर हम इस गद्दी मुद्दा है जो वास्तव में अच्छी तरह से तय करना आसान है, जहां हम यह है कि हम खुद को थम्बनेल का चयन करने की जरूरत है कि रिक्ति से छुटकारा पाने के लिए चाहते हैं को हल करने की जरूरत है।

53
00:04:51,870 --> 00:04:56,350
थम्बनेल div और गद्दी से छुटकारा पाने के लिए और सिर्फ यह शून्य होने के लिए निर्धारित किया है।

54
00:04:56,490 --> 00:05:01,580
इसलिए डॉट थम्बनेल गद्दी 0।

55
00:05:01,890 --> 00:05:02,930
के बचाने के लिए करते हैं।

56
00:05:03,120 --> 00:05:05,260
वहाँ इस गद्दी पर अपनी नजर रखें।

57
00:05:05,280 --> 00:05:06,130
अब वह चला गया।

58
00:05:06,510 --> 00:05:11,230
और अगर हम हमारे सूचकांक पृष्ठ पर वापस जाने के लिए आप ये भी अब बहा रहे हैं देख सकते हैं।

59
00:05:11,280 --> 00:05:12,980
हम वहाँ किसी भी गद्दी या तो नहीं है।

60
00:05:13,320 --> 00:05:17,100
मैं व्यक्तिगत रूप से दोनों के बीच में कोई जगह के साथ यहाँ गद्दी के बिना इसे पसंद करते हैं।

61
00:05:17,250 --> 00:05:27,910
लेकिन यह व्यक्तिगत पसंद की बात है और अगर आपको लगता है कि वहाँ अंतरिक्ष में वापस चाहते हैं कि इन शैलियों हर एक झलक के लिए विशेष रूप से इस शैली लागू नहीं है कि आप क्या कर सकते हैं।

62
00:05:27,990 --> 00:05:39,280
इसके बजाय आप हमारे शो पेज पर दे सकता है आप इस थम्बनेल यहीं एक आईडी या एक विशेष वर्ग दे सकता है और फिर आप केवल इस paddings कि वर्ग के लिए शून्य या दो कि आईडी लागू होगा।

63
00:05:39,480 --> 00:05:45,380
लेकिन मैं उन सभी के लिए यह करने के लिए जा रहा हूँ और फिर अन्य मुद्दे पर हम हल करने की जरूरत गद्दी यहाँ है।

64
00:05:45,780 --> 00:05:55,560
इसलिए इस कैप्शन के अंदर ful अगर हम यह निरीक्षण कि div है कि हम सही यहाँ यह एक div वर्ग पूर्ण शीर्षक देख सकते हैं बनाया है।

65
00:05:55,770 --> 00:06:00,870
हम वहाँ कुछ padding जोड़ना चाहते हैं और संख्या में हम पिछले वीडियो में पर फैसला 9 पिक्सल था।

66
00:06:00,930 --> 00:06:02,830
तो मुझे चोर को बंद करते हैं ..

67
00:06:03,030 --> 00:06:11,100
यहाँ वापस जाना है और मैं सिर्फ बजाय सभी कैप्शन बछेड़ा की मैं केवल शीर्षक का चयन करने के लिए जा रहा हूँ थम्बनेल के अंदर परतों का चयन करने के लिए जा रहा हूँ।

68
00:06:11,220 --> 00:06:23,130
इसलिए डॉट थम्बनेल अंतरिक्ष कैप्शन भरा हुआ है और हम उन्हें सिर्फ इस तरह नौ पिक्सल की गद्दी दे दूँगा बचा है पृष्ठ ताज़ा करते हैं।

69
00:06:23,130 --> 00:06:23,750
हम वहाँ चलें।

70
00:06:23,760 --> 00:06:26,130
हम उस रिक्ति कि हम देख रहे हैं मिलता है।

71
00:06:26,130 --> 00:06:26,390
ठीक है।

72
00:06:26,400 --> 00:06:27,610
तो यह है कि सब मुझे क्या करना चाहता है।

73
00:06:27,780 --> 00:06:29,910
चलो जल्दी से संक्षिप्त हम क्या पूरा करते हैं।

74
00:06:29,910 --> 00:06:43,560
हम एक नई फाइल मुख्य नाजी एसएस बनाया और हम डाल दिया है कि स्टाइलशीट के अंदर सार्वजनिक निर्देशिका के अंदर और अंततः वे अधिक स्टाइल शीट में विशेष रूप से लैंडिंग पृष्ठ के लिए एक होगा और हम भी जावास्क्रिप्ट के रूप में है कि अच्छी तरह से यहाँ में जाना होगा।

75
00:06:43,680 --> 00:06:50,410
और फिर वास्तव में उपयोग करने के सार्वजनिक निर्देशिका हम बातचीत करने के लिए हाँ सार्वजनिक निर्देशिका सेवा करने के लिए एक्सप्रेस बताओ।

76
00:06:50,520 --> 00:06:56,660
और मैं आप इस अंडरस्कोर दिखाया आपके नाम को रेखांकित और बहुत पिछले बात है कि हम हेडर फाइल पर यह भी शामिल है।