Кроссплатформенный инструмент CSS шаблон

Дизайн представляет собой четко структурированную страницу, посвященную команде, с вводной частью «Наша команда» с изображениями, обзором возможностей поддержки, рекламным разделом, ориентированным на выполнение задач, и справочником из шестнадцати сотрудников. Круглые портреты повторяются по всему макету, а зеленые акценты выделяют призывы к действию в светлых нейтральных и белых областях контента. В заключительном разделе «Контакты» телефон, местоположение и электронная почта размещены в белой карточке поверх фотографий рабочего места. Шрифт без засечек, большой интервал, центрированный контент и темный нижний колонтитул завершают визуальную систему этой страницы команды.

Редактировать шаблон в автономном режиме

1. Загрузите и установите приложение Nicepage для Windows и Mac. Или плагины WordPress и Joomla из страница загрузки
2. Создайте новую страницу и найдите идентификатор 5060664

Редактировать шаблон онлайн

Запустите Онлайн-конструктор чтобы редактировать этот шаблон на нашем хостинге

Создавайте потрясающие сайты

WordPress Plugin WordPress
Windows Application Windows App
Joomla Plugin Joomla
Mac OS Application Mac OS App
HTML5 HTML5
Online Builder Online

Бесплатный конструктор Nicepage Builder

Более 15 000 шаблонов
Легкое перетаскивание
Без программирования
Адаптивность

Ключевые слова

Зеленые акценты и круглые портреты определяют стиль страницы

Зеленый цвет используется как самый сильный визуальный акцент в дизайне, наиболее заметно в разделе с рекламной информацией и в элементах управления, ориентированных на действия. На светлом нейтральном фоне и белых областях контента этот цвет создает четкий контраст между пояснительным контентом и моментами, призванными привлечь внимание. В результате получается стилистический шаблон, который можно поддерживать во введении, обзоре команды, справочнике и контактной информации без изменения последовательности контента страницы.

Круговое оформление портретов — еще одно повторяющееся визуальное правило. Оно появляется в обзоре команды и во всем справочнике из шестнадцати человек, придавая контенту, ориентированному на людей, последовательную форму и создавая ощущение взаимосвязи между повторяющимися записями. Большой портрет в блоке с основным изображением и полноразмерная фотография рабочего места обеспечивают большие поверхности для изображения, в то время как круглые фрагменты создают более компактный ритм для индивидуальных профилей.

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

Настроить с помощью Nicepage

При использовании Конструктор шаблонов CSS вы сможете настраивать цвета, шрифты, верхний и нижний колонтитулы, макет, столбцы и другие элементы дизайна, а также контент и изображения.


Настройка этого шаблона с помощью CSS

Управление стилем для каждой страницы

Настройте внешний вид этого готового шаблона непосредственно в редакторе Nicepage. Регулируйте типографику, отступы, фон, границы, цвета, позиционирование и другие свойства стиля с помощью визуальных элементов управления, сохраняя при этом простоту управления макетом страницы без необходимости ручного написания CSS.

Добавление пользовательского CSS при необходимости

Для требований к стилю, выходящих за рамки стандартных параметров редактора, используйте Пользовательский CSS для добавления целевых правил. CSS может применяться к отдельным элементам, конкретным страницам или всему веб-сайту в зависимости от масштаба настройки, а классы CSS могут использоваться для связи пользовательских правил с выбранными элементами.

Экспорт минимального CSS для каждой страницы

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

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

Настройки CSS и стиля элементов в редакторе Nicepage.

Больше от Предпринимательское право CSS шаблоны