Создание шаблона для WordPress с нуля урок №18

Автор Maksim Inshakov
Создание шаблона для WordPress с нуля урок №18

Приветствую вас в завершающем уроки по данному макету по данной странице нашего макета.

Да потому, что макет состоит собственным весом 3 или 4 даже страниц вот прорвались мы прорвались именно скажу так через неё очень интересные уроки по аккордеона ему скажем так его настройки больше, но мне кажется, что всё-таки если уроки общем ты даже и показались несколько скучно — это мне кажется — это даже хорошо если уроки оказались вкусными да то наверное. Сами вы сделали. Всё не хуже и наверное быстрее я так понимаю.

Да потому, что по большому счёту можно было распечатать код этого файла стилей CSS сказать.

Значит 36 строки меняем. Тото 68 Tata на Tata и так далее да в общем-то по каждой строчке там пробежаться. А, что почему и как. Ну осталась бы за кадром. Да здесь скажем так в реального времени до искали действительно выискивали где эти классы. И за, что они отвечают действительно и соответственно искали эти стили затем искали те места в которых есть затем меняли скажем так все стили по умолчанию на нужные нам стиле. Мне кажется — это лучше вот просто на перевод для аккордеона может быть и менять уже не стоило. Но в любом случае тот кто может — это менять. И усвоил эту технику из предыдущих трех или четырех уже наших галерее там. Карусель слайдеров вот мог вполне спокойно менять — это и не опираясь на данные уроки, а значит, что касается предыдущего. Ну, а в данном уроке мы будем заканчивать у нас осталось единственное, что у нас осталось — это наш хутор в общем-то будет он. Элементарные очень вот-вот блок основной наш блог нашего футера будет причём. Вот как я нарисовал он так и будет установлен между хутором и вот нашем conti будет небольшой отступ белые полосочки. Дао для футера будет бэкграундом наша наклонной наш квадратик из наклонных линий до задан и поэтому таким образом будет выглядеть Footer моего отодвинули немножко от верха соответственно. Да таким вот образом чтобы получилась белая полоска между континентом и не. Утром ну и внутри футляра будет 1 т п с копирайтом и 2 3p просто нашими ссылками. И вертикальными линиями для ссылок в общем-то и всё. А то есть copyright будет слово член влево меню будет сложно вправо в общем-то клетка. Элементарная Значит так ну набираем её значит вот я набрал до Footer. Ну опять то есть мы уже разметку футера делаем перед нашим последним закрывающимся дивом каркасом. То есть вы здесь он закрылся наш контент для и последнего пошёл Footer. Ну то есть надо потому, что Footer у нас должен появиться вот обновляю страницу должен появиться после нашей жёлтой черты. Вот так — это то, что у нас касается разметки нашего хутора. Так значит переходим в стиле и соответственно. Мстители для нашего футера так предварительно здесь. Только возьмем с копируем Footer так как я и говорил значит No background мы сделаем наш наклон наклон BG вот он до отступ сверху мы делаем так не снизу, а сверху делаем отступ где-то 20 пикселей следующее в ансис мы устанавливаем для всего нашего футаро там 12 пикселей в следующий момент мы видим, что здесь и мало того чтобы он стоит у нас ещё эколар. Да немножко отстраняться. Поэтому назначаем Color далее. Далия почему-то font-family у нас здесь установлен George. Ну как бы если есть по макету и можно — это сделать в принципе да то можно в общем-то и можно сделать в общем-то хотя и так у нас в макете используются два шрифта. Ну ты как бы допустимо, но в целом то есть если оставить. Допустим даже там Droid serif то ничего страшного не будет так Overflow выставляем. Хитон поскольку. Всё у нас будет учиться так и выставляем некоторые паддинги там допустим по 20 пикселей вот так вот прямо со всех сторон. И 30 пикселей слева так вот мы видим да, что у нас закончился наш контент пикселей отступ от нашего футаро белая полосочка у нас видно и с фоновым цветом наклона у нас идёт наш хутор вот собственно. Ну грубо говоря в общем большому счёту всё сейчас. Мы единственные оставим только копи сделаем float Left чтобы наш copyright остался слева на для футорок мы сделаем float Right чтобы отодвинуть его вправо. Вот и остались у нас единственное, что у нас уже совсем мелочи — это цвет ссылок для для наших пунктов меню футера минимум. А ты ссылка и назначаем Color доллар: решётка. Цвет будет точно такой же как и для всего нашего футы. Ну вот примерно примерно вот таким вот образом до. Единственное, что может быть можно сделать небольшой Morgen там допустим 010 пикселей справа и слева чтобы. Вот наши пункты меню немножко, но друг от друга как бы отодвинулись ну вот собственно и всё значит проверяемая меню. У нас есть поиск работает значит все слайдеры галерее работают табы. Работают аккордеоны. Работают почему — это важно потому, что ну бывает допустим сделали слайдер он как бы работает да потом подключили какой-нибудь аккордеон предположим аккордеон. Да и соответственно слайдер перестал работать ну то есть. Могут конфликтовать могут быть проблемы там, но тем не менее у нас всё всё в порядке следующий момент который ещё вот хочу поясница относительно вот наших там аккордеонов. Тамбов вот то, что касается предыдущего урока скажем так опять к нему всё-таки вернёмся. А здесь я ещё сделал что. Вот наши жёны. Так значит здесь сверху были у нас значит комментарий там да ещё что-то всё поудалял далее вот здесь вот. Мы помним, что у нас здесь. Было целое целая куча в общем-то длинная длинная запись с. Вот такими icon то есть ну вот который позиционирует наши спрайты изображения.

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

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