19. Создание сайта с помощью фреймворков. Модификация цветов

Автор Lyubov Stishevskaya
19. Создание сайта с помощью фреймворков. Модификация цветов

в этом видео.

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

То увижу, что я не так далеко от цветовой палитры которая мне нужна.

Я знаю, что мы немного здесь сделано. Немного больше чем в предыдущем упражнении. Но помните, что Focus этого курса не том как использовать Foundation и как создать с его помощью сайт он о том, что собой являет работа с фреймворком и рабочих моментах которые необходимо учитывать поэтому от упражнения к упражнению мы как бы будем перепрыгивать и пропускать некоторые шаги создания контента страницы если эту страницу завершенной версией сайта я увижу, что в отношении цветов мы на самом деле вообще недалёкие и причина этому в том, что при загрузке фреймворк Foundation. Он позволяет цвета поэтому я могу использовать цвета которые необходимо мне из моей цветовой палитры в этом большое преимущество использования фреймворка и — это нужно учитывать при его выборе необходимо послать как применять цвета и какие цвета используются чтобы определить как много работы вам предстоит иногда её может быть много при изменении цветов потому, что цвета могут быть встроены в такие элементы интерфейса пользователя к кнопке виджеты и другие и если у вас не будет возможности изменить их перед загрузкой много поработать чтобы изменить их во всём фреймворки дальше я вернусь к моему году и перейду к файлу карты. МТС который находится в папке подчёркивание CSS. А если вы используете что-то Adobe дримвивер. Вы можете просто на него переключиться. Давайте начнём сверху и сконцентрируйся на верхней панели навигации над всеми остальными стилями верхний навигации я напишу селектор который обращай верхней панели для этого используем класс табор который мы применили для верхней панели навигации есть несколько причин использования. Именно этого селектора 1 в том, что — это имеет смысл. Верхняя панель, а вторая в том, что его используют и Foundation. Так, что нужно думать не только о том, что в вашем понимании, но и посмотреть конкретные стиле фреймворка. Чтобы знать точно, что переписывать и здесь я просто задам фоновый цвет в свойстве background Phone я укажу диез 90 91 b1f я буду много использовать этот цвет поэтому я просто копирую его чтобы каждый раз не печатать теперь. Если я сохраню — это вернусь на страницу и обновлю моя панель меню будет выглядеть почти так как я хочу, но нужно обратить внимание на то, что когда наводишь на текст ссылки появляется симпатичный чёрный фон он как бы показывает людям на, что они смотрят, но навести на поле поиска то мы получим точно такой же чёрный фон, а здесь он нам не нужен. Так, что я вернусь. Сейчас в мой кот и добавлю селектор под этим на первый взгляд — это покажется очень сложным, но — это не так давайте посмотрим как его написать пишем табор пробел. Зачем используем наследственные комбинатор ставим знак больше, а затем л. search:. Хабар Я знаю, что этот селектор выглядит сложно, но — это на самом деле не так по сути если он находит элемент списка с классом Search. Если на этот элемент наводят и если он является прямым потомком неупорядоченного списка внутри верхней панели навигации он будет применён Framework мне не нужно было бы быть таким конкретным. Но поскольку фреймворк использует точно такое селектор для контроля наведенного состояния. Мне нужно делать тоже очень часто вы будете писатели которые не будут работать так как нужно нужно будет перейти к стилям фреймворка и выяснить какой селектор использовать чтобы обратиться к тому, что нужно. Здесь я сделаю тоже самое просто задам фоновый цвет фоновый. Цвет будет точно таким же диез 991 b1f сохраняем — это обновлю и теперь при наведении. Я получаю тот же гранатовый цвет. А когда мы исправим макет нашей поисковой формы так чтобы лейбл не отображался. А эти ребята находились друг рядом с другом вы не за этого вообще потому, что свет не будет появляться снизу как сейчас и следующее, что мне нужно сделать — это пройтись по моему сайту и проконтролировать цвета зон типа этой с классом кастом установить значение для некоторых заголовков и очевидно, что вот эти пункты новостей у меня вообще не стерилизованный так как необходимо — это просто заголовки без фонового цвета и тому подобное короче очень часто вам не мама будет переписать цвета в глобальных сетях. Так, что я просто начну спускаться вниз по странице. Обратите внимание, что в разделе хедера у меня уже есть класс проект очевидно, что — это не часть собственный селектор который написал я здесь я просто задам цвет кала — это будет тот же гранатовый цвет.

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

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