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

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

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

Владимир автор блога отцом. kz сегодня мы с вами продолжаем верстку нашего сайта и мы подошли к следующей следующему этапу мы перестали с вами внутреннюю страницу. А сегодня.

Наша задача сделать просто страницу которая будет WordPress отображается как страница то есть никак пост.

А как страница для этого. Давайте откроем нашу скетч и посмотрим как выглядит наша страница внутри вот так вот она выглядит то есть. Нам нужно добавить социальные иконки которые мы делали и ну комментарии. Как играл в. России и саму форму уже на самом WordPress. Хотя я ещё подумал. Возможно даже мы поставим с вами комментарий. Дискус или ещё какие-нибудь стороны, но пока точно не знаю почему так сделаем данном будет еще проще. Даже встать не придётся там тоже очень красивая удобная. Но есть свои нюансы и так материтесь. Давайте ещё. Мы в прошлом уроке забыли добавить тень нашему боксу диск где мы гуляем свои услуги для этого. Давайте вот я тут подготовил. Кокшетау Прости, что вам показать как — это сделать не дойдём класс услуги давайте так. Для начала нужно открыть Speedtest montez я использую саблайм текст. Как я уже говорил редактор — это как — это всё без разницы. Всё зависит от вас так давайте 839. Ага Ну вот он. Так давайте раньше вот — это всё дело а. Евы создавать правильно сначала. Да вот она тем появилось меня показалось мне так вы можете поиграться с настройками для начала нажмите паузу эти все вот эти вот параметры box.ru так я надеюсь вы скопировали и можете поиграться и задать какие-то другие параметры наши тени, но я оставлю так не кажется. Наверно так хорошо смотрится так — это наша поставить чтобы нам продолжить. Заходим в наш проект берём наш символ копируем его и переименовываем файлы открываются с помощью саблайм текст ок. Давайте здесь напишем страничка просто страница вокзал помощь Firefox Firefox использовать потому, что у него удобный инспектор фаербаг который помогает хорошо инспектировать именно элементы CSS так — это страница fake. Всё правильно да. Теперь можно смело заняться велосипед, что нам нужно сделать по макету заголовок у нас по размерам точно такой же все же 28 пикселей и сотни там задавали, но я знаю, что точно такой же мы его не меняем. Какое у нас остаётся данным убирали с вами жирной я вам говорил об этом так красивее смотрится. Ну мне так показалось. Вы можете оставлять жирный текст. Удали всё тоже самое поработать с изображениями с тобой как-нибудь справа слева отображаться, но этот мы сделаем. Когда уже будем натягивают WordPress потому, что там. Также можно усилить взять каком готовые темы. А по центру можно сделать с вами изображения красивых растягивается автоматический и по ширине и по высоте. Так ну здесь нас. Остаётся только социальные сети поэтому не делаем и всё то есть вот — это вот всё остальное мы удаляем давайте — это сделаем так метки удаляем заметки. Так вот. Так удаляем не нужны так и следующая стоимость делаем удалим предыдущую следующую запись. Смотрим как отлично. Давайте посмотрим, что у нас вот штука чтобы у нас раз-два-три ровно 30 посмотрим сколько нас есть. Так у нас бедварсе да да смотрите для page мы сделаем отдельные давать она делала прошёл батон. Давайте Social page назовём. Понятно рад. У нас разные стили сделаем по-другому имя моё сердце остановилось сколько написано. Так у нас был гастроном по можно 30 до значит делай креспикс отлично мультфильм наши 30 пикселей из них сдавать раз-два-три-четыре 40 тут у нас раз-два да так давайте сделаем отдельно твоя. У нас вот здесь вот просто вообще надо было — это спал ещё потом уроки сделать, но раз мы уже сделали так то. Придётся так сделать так мы же 0 Imagine Call recording Tools mcu-02 Pixel 2 отлично и. Давайте добавим ещё здесь в 20:50 нормально получается так посмотрим. Добавь ещё padding 0 на всякий случай его здесь вот нам ещё нужно 20 пикселей как я сказал намаз добавляем. Пусть нашим солнцем не получается. Ровно так полоска у нас там помощи бывает да ещё полоска была. Давайте добавим hypixel.net то есть точно такой вот тебе погода на появилась. Надеюсь у нас отпуск должен быть правильным не задавали. Да всё правильно. Так, а вот от самой линии давать ещё посмотрим как у нас отступ ты тоже 30 до тут явно не 30 минут. Значит нам нужна сейчас добавить в ментов из пикселей. Когда будет, тогда вот теперь у нас тут надо на видео кстати полосочку не видно я знаю потому, что качество при обработке сильно теряется и её и так-то очень плохо видно даже на хорошем сделано специально так незаметно, но при этом всё равно начерчены границу при обработке видео совсем не видно поэтому возможно то, что тут говорю про эту ленивые совсем не видит, но вы знаете, что она есть да когда вы будете делать вы увидите так. Ну она нам нужно ещё вот — это вот убрать. Давайте уберём посмотрим да идём. Миша находим услуги. Вот они и полностью их удаляю сохраняем всё. А как вы видите мы с вами закончили внутреннюю страницу. Давайте напишем ещё страницы чтобы было всё красивенько он пишет страница сайта так будет легче не потеряться. Вот так вот. Вот поставим не будете вставлять не будете миниатюры как здесь не будет, но выбирать. Я не будет.

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

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