Разработка сайта с нуля. Верстка. Страница категорий и меток. Часть #20.

Автор Ivan Samoilov
Разработка сайта с нуля. Верстка. Страница категорий и меток. Часть #20.

Привет друзья с вами на связи.

Владимир автор голосом. kz сегодня с вами продолжаем водку нашего сайта у нас на очереди категории метки поиск и поиск не найдено сегодня на займёмся категориями и методами делаем. Сразу две страницы потому, что они можно сказать одинаковые.

Ну практически там есть у на поменяется иконка.

На прошлом уроке мы с вами делать 404. Если Вы не забыли, а сегодня будем продолжать. И так чтобы нам сделать наши категории нам нужно взять главную страницу скопировать и всё оставляем единственного вот — это вот информация о том, что — это категории для этого открываем наш проект на. Первом index.php и переименовываем категории открываем с помощью саблайм и не пиши мне здесь стоят алкотек говорили далее открываем CSS File CSS. Отлично Теперь нам нужно сделать разметку для наших категории. Давайте найдём наших My Content Store письмо заключаем по алгебре 8 чтобы наши она родила сдаём ряд ролл далее col-lg 212 на весь экран так как у нас уже входит в нашу Holland T8 Plus она будет растягиваться воздействует на 12 вот — это вот колонка будет на 12 она будет у нас находиться колонки где у нас в 8:12 улан-удэ 12 0 5 добавляем react не было никаких. Вот — это создаем категории Face. Вот такая у нас будет разметочный. Давайте проверим так сначала. Давайте откроем наш категорию могу. Как выглядит ананас. Всё правильно. Давайте посмотрим на наших встреч с категорией можно провести в H1 H2. Давайте ваш 2. Позвони span в span. Панда Википедия так отлично и нам нужно добавить ещё сюда и корочку да да. Так давайте найдём иконку Font awesome можно нас памперсом простых уроках я давал ссылку на этот ресурс так вот поэтому если так на. Дисней подкатегории. Ищи давай. Поэтому если вы прошлом уроке пропустили советую посмотреть как подключить эти иконки. Как пользоваться и, тогда хотя наберём просто в 12:00 он должен вот вот — это вот открытую как. Перу представляем так отлично только. Давайте ещё вот этот ваш 2 поместим нашу вместе с иконкой чтобы ты была в один ряд и всё правильно работать вот так вот теперь она всё отправили. Ну и. Давайте дадим стиле так начало сделать мод отдых в. Астане по 20 было 12 1 24 220 так по 20 1000000 категорий приедешь поедем 27 через со всех сторон. Павлодар история выиграл посмотрим 5.500 проверяем правильно так вот снизу. Давайте посмотрим какие-нибудь раз-два-три-четыре-пять 51 2 355 правда. Когда наступит я опять поставил ребёнок что-то неправильно так 50 пикселей. Давайте далее настроем подкатегории. Джигурда чтоб. Натальи сделали, что надо. Ладно домашнего чёрная за категория значимости — это всё написано заглавной буквы category H1 Text transform uppercase есть. Мамба так отлично жирный шрифт font-family Open Sans Bold вот так вот посмотрим как у нас тут размера 14 пикселей в нашем устану надо задать цвет необходимо кола и такой вот и давать на всякий случай он сайт пропишем потому, что иногда как виделись по наследует от других. Как завести отлично. Давайте зададим мост в нашей помощи то есть категории. А такие приятные край давайте сделаем 10 пикселей пока посмотрим сколько у нас пасмурно топ 10 песен домой. Надо поменьше давайте всем сделала как-то так будет лучше. Вот так вот хорошо нужно добавить треугольник. Напомните мне тоже делали. То есть через всем доклад о о у него такие вот стиле вставляемые сразу скажу я вам скидку на сайте их. Вы можете. Нажать паузу и делаю я. Это для того чтобы ускорить нашу работу писать — это всё долго то есть я вам говорил, что можете посмотреть в интернете треугольник. Как делают. Там всё подробно расписано. И вот она. Наша Маша треугольник. Давайте проверим чтобы всё работало. Как видеть сон отстраивается чётко здесь восемь колонок он идёт здесь на 12 на все всё красиво никаких ошибок метро категории готов и нам нужно создать еще страницу меткий идём на. Хазар лох то есть наш проект создаем копию пишем так — это метки открываем с помощью саблайм текст. Вот они. Они здесь пишем заметки открываем с помощью Firefox правильно Mercedes S500 не было. И вот здесь поменяем сейчас мы поменяем название заметку. Ага вот метки. Давай Зачем поменяю, что надо смотрелось хорошо фрирайд бэккантри пишешь купить всё поменялось. Давайте поменяем. Япончика идём на. МТС не работает печка изменяемые всё. А мы оставляем тем самым стиль потом смысл менять никто. Не повторяется. Один в один копите треугольника срабатывает ровно никуда не исчезает очень подстраивается ровно вот — это вот линии поэтому ошибок никаких непонятно пищи у нас всё работает чётко мы с вами создали две страницы категории и метки у нас осталось только сделать всё так, что нам осталось всего лишь два урока для того чтобы закончить верстку и мы уже будем переходить WordPress. Она сегодня все друзья смотрели уроки. Подписывайтесь Ставьте лайк. Если была полезна пока.

0 комментариев
0

Читайте также