Witamy z powrotem niektóre z nas film Mamy app blog skonfigurować stworzył nasz blog model i dodaliśmy szablon indeksu w tym filmie.
Nie będą faktycznie dodając tylko jeszcze żadnych nowych tras.
To będzie bardzo szybki, ale chcemy dodać do naszej nagłówek i stopkę Parshall jest.
A potem chcę to semantyczne UI również.
I w końcu dodamy bardzo prosty pasku nawigacyjnym na górze.
Zacznijmy więc chcemy stworzyć nasz nagłówek i stopkę eJay jako pliki.
I tak powinno być w środku, jeśli oglądany katalogów.
Więc zrobimy Zastosowanie katalogu make slash następnie dotknij poglądy w Parshall Parshall za slash slash Hetter że eJay us a następnie dotknij poglądy ukośnik Parshall za ukośnik stopki E.J ..
Wspaniały.
Teraz otwórz te góry.
Zacznijmy cel.
I dlaczego nie podstawowy szkielet więc HD A tytuł metalowa głowica.
Zadzwonimy to blog aplikację, a następnie musimy nasze ciało tak po prostu i będziemy się poruszać w tym do stopki, dzięki czemu możemy wyciąć, które się teraz, a potem po prostu tak, że my wiemy, że to działa.
Dodajmy w zaledwie punkt na szczycie, który mówi z pliku nagłówka, a jeśli widzimy, że na każdej stronie będzie wiedział, że to zrobiliśmy poprawnie.
Teraz otwierają się stopka wklej to i możemy zrobić to samo ze stopki oszczędzania.
Teraz musimy połączyć to i zróbmy to w naszym indeksie, aby rozpocząć.
Więc na początku musimy mieć nasze obejmują a nasza ścieżka jest, że jesteśmy zamiast stosowania w pliku indeksu.
Więc chcemy tylko kropka slash slash nagłówek Parshall jest.
A potem to samo tutaj ukośnik Parshall za nim.
Załóżmy, przetestować go bez problemu do tej pory, a my się z pliku nagłówka od stóp lub pięciu.
Wspaniały.
Teraz dodajmy w semantycznej UI.
Więc mam ten UI semantycznej strony internetowej otwartej semantycznej Dasch Ci Dot Com.
I podobnie jak bootstrap możemy albo pobierz pliki lub możemy zawierać CDN CDN semantycznej UI.
Wystarczy kliknąć na tym pierwszym przykładzie, a zauważysz, istnieje wiele różnych plików, które możemy wybrać z.
A to dlatego, że droga, która semantyczne UI jest zorganizowany tak, to jest to, że w odróżnieniu od zaprojektowanego bootstrap jeśli chcesz to po naszej sekcji lub chcesz tylko formularze można po prostu przyjąć, że elementem ukośnik jednoskładnikowa tworzą nas.
SS Więc nie trzeba całą rzecz, która jest jednym z krytyki bootstrap jest, jeśli chcą tylko mały kawałek trzeba jeszcze wziąć całą bibliotekę.
Ale chcemy całą bibliotekę.
Więc jeśli przewinąć w dół na wszystkich tych idiomów chcesz taki, który mówi, że semantyczna CDN, które, jeśli tylko nie szukaj lub semantycznej dostał ponowną ocenę, która jest tu trudno znaleźć, jeśli nie wiesz, czy szukasz ale po prostu zrobić wyszukiwania.
No faktycznie zająć minutę fied wersji do dokonywania rzeczy szybciej.
Więc to, że mężczyźni semantyczne zobacz oceny i kopiowania, które Erl nad i mamy zamiar umieścić go w naszym top pliku nagłówka wewnątrz głowicy.
Jest to znacznik długości.
I chcemy to być link, a następnie sędzia odpowiada, że ​​właśnie tam.
Tak tak.
A my powinniśmy również dodać rel typu arkusza stylów równa ukośnik tekstu.
C Ss Więc teraz możemy zapisać i ponownie zrestartować serwer.
Spójrz na naszej stronie głównej zobaczysz kilka małych zmian, tak jak w przypadku najpierw zainstalować bootstrap czcionka zmienia trochę.
OK.
To znaczy, że mamy to działa pozbądźmy naszych punktach w nagłówku i stopce, a zamiast tego dodajmy w prosty nav barze w kolejce.
Teraz oczywiście są nazywane menu.
Więc jeśli pójdziemy tutaj kliknij menu wszystkich różnych składników i chcemy menu, które jest w menu kolekcji firmy znaleźć.
Można tam zobaczyć sporo różnych typów menu.
Nie ma menu, które jest to, co można zobaczyć tutaj.
Jest menu Poyntinga jest tabelarycznych tekst pionowy Magi-Nation.
I jest sporo więcej wszystko, czego potrzebujemy jest jednak, aby w górnej części naszego ciała div i miejmy to prawidłowo.
Kate ma klasę równą Ciebie.
Naprawiłem i zrobimy odwrócony menu, które zmienia kolor po prostu tak jak w bootstrapu.
Można powiedzieć, że w wierszu, a następnie wewnątrz nie potrzebujemy innego div.
A ten będzie miał klasę równa ci pojemnik, który jest podobnie jak bootstrapped pojemnika.
A potem, zamiast nie będę miał innego div i ten będzie miał klasę równej pozycji Hetter.
I to jest jak marki pasku nawigacyjnym na bootstrap.
Więc wszystko, co chcemy witryny dzieci blogu lub cokolwiek chcemy, aby nasza aplikacja się nazywać.
A potem, że dodamy znacznik zakotwiczenia na stronie głównej, a my po prostu zadzwonić do domu i dodamy w klasie równej pozycji, a potem zrobimy to samo z wyjątkiem a nie będzie go będzie ciąć przejdź do slash slash nowe dzienniki, które jeszcze nie istnieje i będzie zimno Nowy post lub Nowy Blog.
To będzie tekst, który widzimy.
OK, więc nie są stałe odwrócony menu.
Pojemnik zamiast tego.
A potem wewnątrz pojemnika tak naprawdę powinien mieć cały ten mały błąd z mojej strony.
Dlatego chcemy, że będzie tam również.
To wszystko jest w pojemniku.
A potem mamy nagłówek i wtedy mamy dwa elementy, które są zakotwiczone tex.
Rzućmy okiem na to teraz.
I mamy naszego prostego paska matematyki.
Tak, mamy tu problem z pewnym odstępem.
Zajmiemy się, że za chwilę, ale mamy teraz gdzie to działa dobrze.
Dodajmy w prosty ikonę która w semantycznej Jesteś po prostu o nazwie ikony.
Istnieje kilka z nich w jednym, że użyłem.
To się nazywa Code.
Spróbuj znaleźć go tutaj i po prostu zrobić wyszukiwania.
Tu jest.
Ale nie krępuj się podnieść własne, jeśli chcesz zostawić komentarz.
Chodziło o to, że był to blog oparty kodu, ale może być coś innego.
Podoba mi się jeden pomysł, jak również.
W każdym razie jest tam kilka z nich.
Co jest miłe jest to, że mają one również kilka ikon dla firm, które są przydatne.
Samo dno myślę, że mają je i idziemy ton różnych marek i wspólnych przedsiębiorstw, które musiałbyś związanych od aplikacji.
OK.
Więc to jest kod nazwę ikonie i zamierzam je dodać tutaj obok blogu czy pokazanie cel.
Dlatego właśnie tu miała pozycję i wszystko, czego potrzebujemy jest tag oka.
I to musi mieć klasę kodu i ikoną.
Tak naprawdę proste tylko nazwa ikony, a następnie ikonę klasy zapisać odświeżania i mamy trochę kodu.
Przychodzę tam.
Zróbmy małą zmianę, która jest, aby ta ikona trochę większe.
Aby to zrobić, że możemy po prostu napisać tag styl świetnie tutaj, ale zamiast to robić użyjmy katalog publiczny, który założyliśmy.
Musimy jeszcze zrobić katalog.
Ale założyliśmy fakt, że to jest lepszy.
Więc zrobimy stylów slash, a my po prostu nazwać to apt C Ss jeszcze nie istnieje.
Musimy więc zrobić publiczną make katalogu, a następnie również arkusze katalog publiczny styl ukośnik i wreszcie dotknąć arkusze stylów ukośnik publicznego slash aplikacja Dotsie SS, który również chcemy otworzyć tak stylów publiczne Aptos zakończenie zakładka SS jest zdecydowanie Twój znajomy tam.
I aby wszystkie ikony trochę większy.
No po prostu rzeczywiście niż wszystkie ikony i stewe ikony, które mają tę klasę ikonę po prostu być trochę bardziej szczegółowy, a my ustawić rozmiar czcionki be2 iems podobnie jak tej podwójnej wielkości pojemnika lub podwójnej wielkości rodzica uratować.
OK, więc teraz zaczęliśmy serwera kopii zapasowych i odświeżyć stronę.
Należy zauważyć, że ikona staje się większy, który jest tylko kwestia osobistych preferencji.
Ale myślę, że to wygląda trochę lepiej, kiedy jest większe.
OK.
Teraz, kiedy mamy to zrobić skończymy wszystko, co potrzebne do zrobienia w tym filmie.
Więc po prostu chciał założyć pasek nav dodaną w plikach Stopka Nagłówek dodatek w naszym pliku niestandardowych CSSA mimo że jest tylko jedna linia teraz możemy łatwo dodać niestandardową CSSA do każdego pliku każdego szablonu i chciałem pokazać, jak możemy to semantyczne UI.
OK, więc będziemy odebrać następny film z nowymi i stworzyć tak naprawdę możemy tworzyć nowe blogi.