1
00:00:00,420 --> 00:00:06,550
Witamy z powrotem w tej lekcji mamy zamiar wykończyć stylizacji strony campingu pokazu pod koniec ostatniego filmu.

2
00:00:06,630 --> 00:00:08,540
Wspomniałem niektóre ze zmian, które musimy zrobić.

3
00:00:08,640 --> 00:00:10,970
To nie może być skierowana z czystym startowej.

4
00:00:10,980 --> 00:00:13,050
Musimy dodać w niektórych stylów niestandardowych.

5
00:00:13,050 --> 00:00:18,570
Więc musimy zmienić szerokość tego zdjęcia tutaj tak, że zajmuje 100 procent miniatury.

6
00:00:18,750 --> 00:00:21,050
Chcieliśmy dodać dopełnienie tutaj.

7
00:00:21,120 --> 00:00:25,880
To jest to, co powinno wyglądać, gdzie mamy dopełnienie i widać obraz zajmuje cały pojemnik.

8
00:00:26,280 --> 00:00:31,810
I do osiągnięcia, że ​​możemy iść do pokazał na każdym tak i dodać tag styl tutaj.

9
00:00:32,280 --> 00:00:34,050
Ale nie jest to naprawdę świetny pomysł.

10
00:00:34,050 --> 00:00:42,960
Zamiast więc mamy zamiar dodać w naszym pierwszym arkuszu niestandardowy styl i uczynić tę pracę mamy zamiar dokonać katalogu publicznym, tak jak to miało miejsce w starszej lekcji.

11
00:00:43,110 --> 00:00:48,790
Więc ja jadę do publicznej katalogów, a następnie zrobię inny katalog wewnątrz społeczeństwa.

12
00:00:48,870 --> 00:01:10,000
Ten będzie się nazywać tak arkusze stylów arkusze stylów ukośnik publicznego i będziemy mieli jeszcze jeden ostatecznie dla naszego Javascript w przód i Javascript i rozbije wkraczamy a następnie jedziemy do jednego pliku wewnątrz arkuszy stylów stylu sosh publicznego arkusze slash i nazwijmy to oznacza Dotsie SS tak po prostu.

13
00:01:10,470 --> 00:01:11,260
OK.

14
00:01:11,520 --> 00:01:13,040
Teraz chcemy otworzyć, że w górę.

15
00:01:13,380 --> 00:01:28,140
Więc będziemy się otworzyć ten plik stylów głównym gutsiest nas i zacznijmy dodając coś naprawdę oczywiste tutaj jak ustawienie koloru tła dla ciała za fioletowy i zapisać, a potem musimy iść do przodu i uzyskać to połączone.

16
00:01:28,140 --> 00:01:36,790
Tak więc w przypadku aplikacji musimy dodać linię tutaj gdzie zrobić użyć kropki aplikacji ekspresowe to statyczne.

17
00:01:37,380 --> 00:01:44,380
A potem co zrobiliśmy ostatni raz był po prostu dodaj w miejscach publicznych, ale jest rzeczywiście nieco lepszy sposób z tym, że nie chcą pokazać od razu.

18
00:01:44,400 --> 00:01:57,050
Ale mam na myśli, aby pokazać to teraz wszystko, co musimy zrobić, to dodać podkreślenia podkreślenia drogiego nazwę katalogu nazwisko oraz nazwę reż slash publiczna odnosi się do katalogu, w którym skrypt został uruchomiony.

19
00:01:57,180 --> 00:01:58,630
Więc pozwól mi pokazać, co to wygląda.

20
00:01:58,800 --> 00:02:10,190
Jeśli po prostu zrobić konsolę, ale zalogować podkreślenia podkreślenia swojej nazwy, tak jak to i zapisać i zrestartować serwer.

21
00:02:12,000 --> 00:02:13,440
Zauważ, co mam tutaj.

22
00:02:13,530 --> 00:02:19,560
Jest to katalog wymienić cały obszar roboczy ścieżki lushly obozu slash V 5.

23
00:02:19,710 --> 00:02:30,390
Więc dodając dir nazwę oraz slash publicznego jesteśmy po prostu bezpieczniejsze, bo jeśli potencjalnie jakoś zmieniło bieżący katalog dostaje dziwne coś się stało, że nie spodziewaliśmy.

24
00:02:30,450 --> 00:02:36,650
Z nadzieją, że nigdy nie robi, ale jeśli zrobił swoje nazwisko zawsze będzie katalog, który skrypt mieszka.

25
00:02:36,900 --> 00:02:41,860
Więc my po prostu bezpieczniejsze i dodanie ukośnika do publicznej wiadomości, a to jest po prostu bardziej konwencjonalny sposób robi to.

26
00:02:42,060 --> 00:02:43,820
Nie będzie widać różnicy w ogóle.

27
00:02:43,860 --> 00:02:44,920
Więc będziemy oszczędzać.

28
00:02:44,930 --> 00:02:50,140
Możemy pozbyć się tego i to, co zrobiliśmy jest dodawany w naszym prostym umyśle.

29
00:02:50,190 --> 00:02:52,390
SS Ale nie mamy jeszcze z nią powiązane.

30
00:02:52,530 --> 00:02:54,500
Więc mamy służył katalogu publicznym.

31
00:02:54,600 --> 00:03:01,540
Jesteśmy obecnie służą wszystko w tym katalogu, który jest naprawdę tylko pojedyncze arkusze stylów folderów i pojedynczy plik może skończyć się z nami.

32
00:03:01,620 --> 00:03:05,510
Ale teraz chodźmy odnośnik do tego pliku i zróbmy to w pliku nagłówka.

33
00:03:05,580 --> 00:03:14,920
Więc idę do C9 poglądy slash Parshall za ukośnik hetter a następnie w górę szczycie w głowie po bootstrap.

34
00:03:14,980 --> 00:03:31,330
Mam zamiar dodać inny znacznik łącza i ten będzie równy H ref stylów slash slash głównego C SS i wtedy będziemy też dodawać w rzędzie tutaj, aby być arkusz stylów.

35
00:03:31,950 --> 00:03:32,500
OK.

36
00:03:32,850 --> 00:03:38,340
Więc my teraz połączone miejmy nadzieję naszego arkusza stylów, że jesteśmy teraz w służbie z katalogu publicznego.

37
00:03:38,340 --> 00:03:40,680
I niech go przetestować, czy to zadziałało.

38
00:03:40,740 --> 00:03:45,350
To będzie na każdej stronie, ponieważ każda strona, która zawiera nagłówek częściowe włączone.

39
00:03:45,630 --> 00:03:46,380
Sprawdźmy to.

40
00:03:46,380 --> 00:03:48,450
Jesteśmy po prostu się do naszej strony docelowej.

41
00:03:48,450 --> 00:03:48,980
No to jedziemy.

42
00:03:48,990 --> 00:03:56,510
To wszystko jest fioletowy, a jeśli pójdziemy do obejrzenia naszej campingu Jest też fioletowe tło całkowicie do Ciebie, jeśli chcesz zachować go jako fioletowy.

43
00:03:56,610 --> 00:03:57,620
Mam zamiar zmienić go z powrotem.

44
00:03:57,750 --> 00:04:03,210
Ale mam zamiar włożyć w stylu, że wygraliśmy, a te style są wpłynie miniatury.

45
00:04:03,210 --> 00:04:07,050
Więc to są miniaturki, a także tym miniatur.

46
00:04:07,080 --> 00:04:18,000
Jedziemy, aby obraz trwać 100 procent szerokości więc zarówno na stronie show i strony indeksu chcemy aby tak się stało, abyśmy mogli wrócić i zmienić i upsy ocenić.

47
00:04:18,180 --> 00:04:21,750
Więc zaczniemy wybierając wszystkie obrazy wewnątrz miniatury.

48
00:04:21,900 --> 00:04:25,300
Więc musimy miniatur bo to bootstrap klasy.

49
00:04:25,550 --> 00:04:31,290
A potem tag obrazu z przestrzeni między nimi to wszystko tagów obrazu wewnątrz miniatury.

50
00:04:31,290 --> 00:04:36,180
A potem po prostu chcemy, aby ustawić szerokość do 100 procent tak po prostu.

51
00:04:36,300 --> 00:04:43,510
A jeśli zapisać i odświeżyć i chodźmy do strony pokazu można znaleźć w naszym obrazu odbywa się obecnie 100 procent tej miniaturce.

52
00:04:43,860 --> 00:04:51,820
Następnie musimy rozwiązać ten problem wyściółka, która jest bardzo łatwe do naprawienia, a także tam, gdzie chcemy, aby pozbyć się tego odstępu, aby to zrobić musimy wybrać samą miniaturkę.

53
00:04:51,870 --> 00:04:56,350
Div miniatur i pozbyć się wyściółki i po prostu ustawić go na zero.

54
00:04:56,490 --> 00:05:01,580
Więc Dot miniatur wyściółka 0.

55
00:05:01,890 --> 00:05:02,930
Ratujmy.

56
00:05:03,120 --> 00:05:05,260
Miej oko na tej wyściółki tam.

57
00:05:05,280 --> 00:05:06,130
Teraz to już nie ma.

58
00:05:06,510 --> 00:05:11,230
A jeśli wracamy do naszej strony indeksu widać są to również teraz równo.

59
00:05:11,280 --> 00:05:12,980
Nie mamy tam żadnej wyściółki albo.

60
00:05:13,320 --> 00:05:17,100
Ja osobiście wolę go bez wyściółki tutaj bez przestrzeni pomiędzy nimi.

61
00:05:17,250 --> 00:05:27,910
Ale jest to kwestia osobistych preferencji, a jeśli nie chce, że przestrzeń z powrotem tam, co można zrobić, nie stosuje się tych stylów ten styl w szczególności do każdej pojedynczej miniatury.

62
00:05:27,990 --> 00:05:39,280
Zamiast tego można podać na naszej stronie pokazu można dać tej miniaturę tu identyfikator lub specjalną klasę i wtedy można stosować tylko w tym Uszczelki zera do danej klasy lub dwa, że ​​ID.

63
00:05:39,480 --> 00:05:45,380
Ale mam zamiar to zrobić dla wszystkich z nich, a następnie drugi problem, jaki trzeba rozwiązać jest wyściółka tutaj.

64
00:05:45,780 --> 00:05:55,560
Więc wewnątrz tym podpisie ful gdybyśmy go skontrolować to div, które stworzyliśmy widać tu, że to div class caption pełny.

65
00:05:55,770 --> 00:06:00,870
Chcemy, aby dodać tam jakiś wyściółkę oraz numer zdecydowaliśmy się w ostatniej filmu wynosił 9 pikseli.

66
00:06:00,930 --> 00:06:02,830
Więc pozwól mi zamknąć con ..

67
00:06:03,030 --> 00:06:11,100
Wróć tutaj, a ja po prostu się wybrać, a nie wszystkie caption źrebięcia Ja tylko zamiar wybrać podpis fałdy wewnątrz miniatury.

68
00:06:11,220 --> 00:06:23,130
Więc Dot miejsca miniatur caption pełne i damy im dopełnienie dziewięciu pikseli tak jak to zaoszczędzić niech odśwież stronę.

69
00:06:23,130 --> 00:06:23,750
No to jedziemy.

70
00:06:23,760 --> 00:06:26,130
Dostajemy że odstępy, że szukasz.

71
00:06:26,130 --> 00:06:26,390
W porządku.

72
00:06:26,400 --> 00:06:27,610
Więc to wszystko, co chciałem zrobić.

73
00:06:27,780 --> 00:06:29,910
Niech szybko podsumować to, co osiągnęliśmy.

74
00:06:29,910 --> 00:06:43,560
Zrobiliśmy nowy plik główny nazistowskie SS i kładziemy że wewnątrz katalogu publicznego wewnątrz arkuszy stylów i ostatecznie mają więcej arkuszy stylów jeden dla strony docelowej, w szczególności, a my będziemy mieć również javascript, że iść również tutaj.

75
00:06:43,680 --> 00:06:50,410
I wtedy rzeczywiście korzystać z katalogu publicznego mamy do interakcji Tak Tell Express służyć katalogu publicznym.

76
00:06:50,520 --> 00:06:56,660
I pokazał ci ten podkreślenia podkreślić swoje imię i bardzo Ostatnią rzeczą jest to, że włączyła ją w pliku nagłówka.