Продолжаем обзор переменных. Сегодня рассмотрим группу navbar
navbar_background
Описание от разработчиков: Эта переменная стиля управляет фоном навигационной панели.
Комментарий от меня:
В поле "Цвет фона" вы можете указать любой понравившейся вам цвет. Для примера укажем серый цвет (#848484)
В поле "Фоновое изображение" можно указать градиент или любое изображение.
"Повторение фона" зависит от вашего фонового изображения.
"Единицы измерения" указываются единицы измерения отступов от изображение (см. ниже.)
"Горизонтальный отступ фонового изображения" и "Вертикальный отступ фонового изображения" - говорит само за себя, если не ясно - спрашиваем.
Скрин
navbar_border
Описание от разработчиков: Эта переменная стиля управляет границей навигационной панели.
Комментарий от меня:
"Единицы измерения" для пример указываем px
"Ширина" - 1
"Стиль" - выбираете какой вам угодно, я для примера выбрал solid
"Цвет" - аналогично, выбираете любой цвет, для примера выбран #000000
Скрин
navbar_color
Описание от разработчиков: Эта переменная стиля управляет цветом текста в навигационной панели.
Комментарий от меня:
Содержит лишь одно поле "Цвет" - для примера возьмем #000000
Скрин
navbar_font
Описание от разработчиков: Эта переменная стиля управляет шрифтом в навигационной панели.
Комментарий от меня:
"Тип шрифтов" это поле можно не трогать, по дефолту Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif
"Единицы измерения" - по дефолту px, но можно выбрать другую единицу измерения
"Размер шрифта" - по дефолту 11, для примера поменяем на 14
"Насыщенность шрифта" - для примера ставим "Полужирный"
"Стиль шрифта" - выставляем курсив
"Строчные буквы шрифта" - для примера ставим "Уменьшенные прописные"
Скрин
navbar_link_color
Описание от разработчиков: Эта переменная стиля управляет цветом ссылок в навигационной панели.
Комментарий от меня:
Содержит лишь одно поле "Цвет" - для примера возьмем #000000
Скрин
navbar_linkhover_color
Описание от разработчиков: Эта переменная стиля управляет цветом ссылок при наведении в навигационной панели.
Комментарий от меня:
Содержит лишь одно поле "Цвет" - для примера возьмем #ffffff
Скрин
navbar_margin
Описание от разработчиков: Эта переменная стиля управляет внешним отступом навигационной панели.
Комментарий от меня:
"Единицы измерения" - по дефолту px, оставляем
"Использовать значение "сверху" для всех сторон" - оставляем как есть
"Сверху" - для примера ставим 20
"Справа" "Снизу" "Слева" = 0
Скрин
navbar_menu_height
Описание от разработчиков: Эта переменная стиля управляет высотой меню навигационной панели.
Комментарий от меня:
"Единицы измерения" - по дефолту px, оставляем
"Размер" установлено в 26, для наглядности ставим 40
Скрин
navbar_popupmenu_link_background
Описание от разработчиков: Эта переменная стиля управляет фоном рядов всплывающего меню навигационной панели.
Комментарий от меня:
В поле "Цвет фона" вы можете указать любой понравившейся вам цвет. Для примера укажем серый цвет (#848484)
В поле "Фоновое изображение" можно указать градиент или любое изображение.
"Повторение фона" зависит от вашего фонового изображения.
"Единицы измерения" указываются единицы измерения отступов от изображение (см. ниже.)
"Горизонтальный отступ фонового изображения" и "Вертикальный отступ фонового изображения" - говорит само за себя
Скрин
navbar_popupmenu_link_color
Описание от разработчиков: Эта переменная стиля управляет цветом ссылок в рядах всплывающего меню навигационной панели.
Комментарий от меня:
Содержит лишь одно поле "Цвет" - для примера возьмем #ffffff
Скрин
navbar_popupmenu_link_hover_background
Описание от разработчиков: Эта переменная стиля управляет фоном рядов всплывающего меню навигационной панели при наведении.
Комментарий от меня:
В поле "Цвет фона" вы можете указать любой понравившейся вам цвет. Для примера укажем серый цвет (#aeaeae)
В поле "Фоновое изображение" можно указать градиент или любое изображение.
"Повторение фона" зависит от вашего фонового изображения.
"Единицы измерения" указываются единицы измерения отступов от изображение (см. ниже.)
"Горизонтальный отступ фонового изображения" и "Вертикальный отступ фонового изображения" - говорит само за себя
Скрин
navbar_popupmenu_link_hover_color
Описание от разработчиков: Эта переменная стиля управляет цветом ссылок при наведении в рядах всплывающего меню навигационной панели.
Комментарий от меня:
Содержит лишь одно поле "Цвет" - для примера возьмем #ffffff
Скрин
navbar_tab_background
Описание от разработчиков: Эта переменная стиля управляет фоном вкладок навигационной панели.
Комментарий от меня:
В поле "Цвет фона" вы можете указать любой понравившейся вам цвет. Для примера укажем серый цвет (#aeaeae)
В поле "Фоновое изображение" можно указать градиент или любое изображение.
"Повторение фона" зависит от вашего фонового изображения.
"Единицы измерения" указываются единицы измерения отступов от изображение (см. ниже.)
"Горизонтальный отступ фонового изображения" и "Вертикальный отступ фонового изображения" - говорит само за себя
Скрин
navbar_tab_level
Описание от разработчиков: Эта переменная стиля управляет верхней внутренней границей вкладок навигационной панели.
Комментарий от меня:
"Единицы измерения" для пример указываем px
"Ширина" - 1
"Стиль" - выбираете какой вам угодно, я для примера выбрал solid
"Цвет" - аналогично, выбираете любой цвет, для примера выбран #000000
Скрин
navbar_tab_border
Описание от разработчиков: Эта переменная стиля управляет границей вкладок навигационной панели.
Комментарий от меня:
"Единицы измерения" для пример указываем px
"Ширина" - 1
"Стиль" - выбираете какой вам угодно, я для примера выбрал solid
"Цвет" - аналогично, выбираете любой цвет, для примера выбран #000000
Скрин
navbar_tab_color
Описание от разработчиков: Эта переменная стиля управляет цветом текста во вкладках навигационной панели.
Комментарий от меня:
Содержит лишь одно поле "Цвет" - для примера возьмем #000000
Скрин
navbar_tab_font
Описание от разработчиков: Эта переменная стиля управляет шрифтом во вкладках навигационной панели.
Комментарий от меня:
"Тип шрифтов" это поле можно не трогать, по дефолту Arial, Calibri, Verdana, Geneva, sans-serif
"Единицы измерения" - по дефолту px, но можно выбрать другую единицу измерения
"Размер шрифта" - по дефолту 12, для примера поменяем на 14
"Насыщенность шрифта" - для примера ставим "Полужирный"
"Стиль шрифта" - выставляем курсив
"Строчные буквы шрифта" - для примера ставим "Уменьшенные прописные"
Скрин
navbar_tab_padding
Описание от разработчиков: Эта переменная стиля управляет внутренним отступом вкладок навигационной панели.
Комментарий от меня:
"Единицы измерения" - по дефолту px, оставляем
"Использовать значение "сверху" для всех сторон" - оставляем как есть
"Сверху" - для примера ставим 5
"Справа" "Снизу" "Слева" = 0
Скрин
navbar_tab_selected_background
Описание от разработчиков: Эта переменная стиля управляет фоном выбранных вкладок навигационной панели.
Комментарий от меня:
В поле "Цвет фона" вы можете указать любой понравившейся вам цвет. Для примера укажем серый цвет (#aeaeae)
В поле "Фоновое изображение" можно указать градиент или любое изображение.
"Повторение фона" зависит от вашего фонового изображения.
"Единицы измерения" указываются единицы измерения отступов от изображение (см. ниже.)
"Горизонтальный отступ фонового изображения" и "Вертикальный отступ фонового изображения" - говорит само за себя
Скрин
navbar_tab_selected_color
Описание от разработчиков: Эта переменная стиля управляет цветом текста в выбранных вкладках навигационной панели.
Комментарий от меня:
Содержит лишь одно поле "Цвет" - для примера возьмем #FFFFFF
Скрин
navbar_tab_selected_top_height
Описание от разработчиков: Эта переменная стиля управляет высотой выбранных вкладок навигационной панели. Эта дополнительная высота будет добавлена к обычной высоте вкладок навигационной панели.
Комментарий от меня:
"Единицы измерения" - по дефолту px, оставляем
"Размер" установлено в 4, для наглядности ставим 8
Скрин
navbar_tab_size
Описание от разработчиков: Эта переменная стиля управляет размером вкладок навигационной панели.
Комментарий от меня:
"Единицы измерения" - по дефолту px, оставляем
"Ширина" - по дефолту 80, для примера ставим 150
"Вісота" - по дефолту 26, для примера ставим 35
Скрин
На этом всё. Группу navbar разобрали.
Вышло довольно топорно, но я показываю это всё для примера, чтоб вы понимали что и где менять
Вопросы приветствуются.
Продолжение следует...
Переменные стиля, группа navbar
