Witamy z powrotem w tej lekcji mamy zamiar wykończyć stylizacji strony campingu pokazu pod koniec ostatniego filmu.
Wspomniałem niektóre ze zmian, które musimy zrobić.
To nie może być skierowana z czystym startowej.
Musimy dodać w niektórych stylów niestandardowych.
Więc musimy zmienić szerokość tego zdjęcia tutaj tak, że zajmuje 100 procent miniatury.
Chcieliśmy dodać dopełnienie tutaj.
To jest to, co powinno wyglądać, gdzie mamy dopełnienie i widać obraz zajmuje cały pojemnik.
I do osiągnięcia, że ​​możemy iść do pokazał na każdym tak i dodać tag styl tutaj.
Ale nie jest to naprawdę świetny pomysł.
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.
Więc ja jadę do publicznej katalogów, a następnie zrobię inny katalog wewnątrz społeczeństwa.
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.
OK.
Teraz chcemy otworzyć, że w górę.
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.
Tak więc w przypadku aplikacji musimy dodać linię tutaj gdzie zrobić użyć kropki aplikacji ekspresowe to statyczne.
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.
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.
Więc pozwól mi pokazać, co to wygląda.
Jeśli po prostu zrobić konsolę, ale zalogować podkreślenia podkreślenia swojej nazwy, tak jak to i zapisać i zrestartować serwer.
Zauważ, co mam tutaj.
Jest to katalog wymienić cały obszar roboczy ścieżki lushly obozu slash V 5.
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.
Z nadzieją, że nigdy nie robi, ale jeśli zrobił swoje nazwisko zawsze będzie katalog, który skrypt mieszka.
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.
Nie będzie widać różnicy w ogóle.
Więc będziemy oszczędzać.
Możemy pozbyć się tego i to, co zrobiliśmy jest dodawany w naszym prostym umyśle.
SS Ale nie mamy jeszcze z nią powiązane.
Więc mamy służył katalogu publicznym.
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.
Ale teraz chodźmy odnośnik do tego pliku i zróbmy to w pliku nagłówka.
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.
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.
OK.
Więc my teraz połączone miejmy nadzieję naszego arkusza stylów, że jesteśmy teraz w służbie z katalogu publicznego.
I niech go przetestować, czy to zadziałało.
To będzie na każdej stronie, ponieważ każda strona, która zawiera nagłówek częściowe włączone.
Sprawdźmy to.
Jesteśmy po prostu się do naszej strony docelowej.
No to jedziemy.
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.
Mam zamiar zmienić go z powrotem.
Ale mam zamiar włożyć w stylu, że wygraliśmy, a te style są wpłynie miniatury.
Więc to są miniaturki, a także tym miniatur.
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ć.
Więc zaczniemy wybierając wszystkie obrazy wewnątrz miniatury.
Więc musimy miniatur bo to bootstrap klasy.
A potem tag obrazu z przestrzeni między nimi to wszystko tagów obrazu wewnątrz miniatury.
A potem po prostu chcemy, aby ustawić szerokość do 100 procent tak po prostu.
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.
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ę.
Div miniatur i pozbyć się wyściółki i po prostu ustawić go na zero.
Więc Dot miniatur wyściółka 0.
Ratujmy.
Miej oko na tej wyściółki tam.
Teraz to już nie ma.
A jeśli wracamy do naszej strony indeksu widać są to również teraz równo.
Nie mamy tam żadnej wyściółki albo.
Ja osobiście wolę go bez wyściółki tutaj bez przestrzeni pomiędzy nimi.
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.
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.
Ale mam zamiar to zrobić dla wszystkich z nich, a następnie drugi problem, jaki trzeba rozwiązać jest wyściółka tutaj.
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.
Chcemy, aby dodać tam jakiś wyściółkę oraz numer zdecydowaliśmy się w ostatniej filmu wynosił 9 pikseli.
Więc pozwól mi zamknąć con ..
Wróć tutaj, a ja po prostu się wybrać, a nie wszystkie caption źrebięcia Ja tylko zamiar wybrać podpis fałdy wewnątrz miniatury.
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ę.
No to jedziemy.
Dostajemy że odstępy, że szukasz.
W porządku.
Więc to wszystko, co chciałem zrobić.
Niech szybko podsumować to, co osiągnęliśmy.
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.
I wtedy rzeczywiście korzystać z katalogu publicznego mamy do interakcji Tak Tell Express służyć katalogu publicznym.
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.