Готовый сайт для Вашего бизнеса
Идеальное решение для сайта компании

(495) 970-59-41

Задать вопрос | Заказать звонок

Стили по умолчанию

Данный текст является демонстрацией возможностей наполнения и визуального отображения веб-элементов: изображения слева, изображения справа и по центру, таблицы, заголовки от h1 до h6, параграфы, списки маркированные и нумерованные, ссылки в тексте, якоря.

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

Но минимальные и достаточные возможности не требуют доработок, Вы можете самостоятельно управлять содержимым через визуальный редактор системы управления сайтом 1С-Битрикс, при этом специфические знания в области программирования не требуются, всё управления интуитивно понятно, более того на нащем сайте в разделе помощь Вы можете найти справочные документы и обучающие видео-ролики, а также много обучающих материалов по управлению сайтом через систему находятся на сайте производителя CMS 1С-Битрикс.

Сверху слева расположено изоражение слева.

Изображение справа

Изображение справа сделать достаточно просто, для этого необходимо в визаульном редакторе выделить изображение и установить для него класс img_right, сохранить изменения. Всё остальное установиться автоматически, изображение установиться справа от содержимого, а текст будет обтекать его слева.

При этом у изображения установиться рамка, согласно стилям сайта по умолчанию и отступы от текста слева и снизу, в случае изображения слева отступы будут справа и снизу.

Изображение вставляется с помощью визуального редактора системы управления сайтом 1С-Битрикс, для этого страница открывается в режиме правки, далее нажав на иконку изображение в диалоговом окне выбирается либо изображение уже загруженное на сайт, либо выбирается изображение с вашего компьютера.

После загрузки изображения можно отрегулировать его размеры, указать класс расположения слева, справа или по центру, всё остальное сайт сделает автоматически.

Изображение по центру

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

Таблица

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

ВажноСрочноПодождет
1Сектор пожара - выполнять без промедления и без перепоручения
Сектор благополучия - можно сделать самому и можно делегировать
Сектор "в шкаф" - до следующего напоминания. 65 % всех дел
2Выбор потребителей
Продукция и деятельность
Дифференциация и конкуренция
3для учетадля управления рискамидля оптимизации
434581,2345св. 7000000
5 дистрибьюторлидердаймонд

Маркированные cписки

Не менее важно красиво оформить списки на сайте, поэтому что это:

  • Понятно
  • Красиво
    • Визуальное разделение
    • Хорошее восприятие пользователем
    • Правильное структуирование информации

Нумерованные списки

Перечислить важную информацию можно через список содержащий порядковую нумерацию, выставляемую автоматически:

  1. Таблицы
  2. Маркированные cписки
  3. Нумерованные списки

Типы ссылок

Ссылки могут быть разных типов, ссылки на внешние сайты, внутри текущего сайта, в виде якорей и ссылки для отправки почты, примеры ссылок


Выделение важного текста

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

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

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

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

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


Разделение текста по вкладкам

Кроме текста конечно же можно размещать и таблицы и изображения и любой другой контент.

Текст вкладки 1 текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

Текст вкладки 2 текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

Текст вкладки 2 текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

Текст вкладки 3 текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

Текст вкладки 3 текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

Текст вкладки 3 текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

Текст вкладки 4 текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

Текст вкладки 4 текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

Текст вкладки 5 текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

Здесь можно размещать любую важную информацию, акции, новости, статьи, документы, и прочую полезную информацию.




Форматирование текста:

Наклонный текст Наклонный текст Наклонный текст Наклонный текст Наклонный текст Наклонный текст Наклонный текст Наклонный текст Наклонный текст Наклонный текст Наклонный текст Наклонный текст Наклонный текст Наклонный текст

Подчёркнутый текст Подчёркнутый текст Подчёркнутый текст Подчёркнутый текст Подчёркнутый текст Подчёркнутый текст Подчёркнутый текст Подчёркнутый текст Подчёркнутый текст Подчёркнутый текст Подчёркнутый текст Подчёркнутый текст Подчёркнутый текст Подчёркнутый текст Подчёркнутый текст

Жирный текст Жирный текст Жирный текст Жирный текст Жирный текст Жирный текст Жирный текст Жирный текст Жирный текст Жирный текст Жирный текст Жирный текст Жирный текст Жирный текст Жирный текст

Семейства шрифтов

Шрифт по умолчанию Шрифт по умолчанию Шрифт по умолчанию Шрифт по умолчанию Шрифт по умолчанию Шрифт по умолчанию Шрифт по умолчанию Шрифт по умолчанию Шрифт по умолчанию

Шрифт Georgia Шрифт Georgia Шрифт Georgia Шрифт Georgia Шрифт Georgia Шрифт Georgia Шрифт Georgia Шрифт Georgia Шрифт Georgia Шрифт Georgia Шрифт Georgia Шрифт Georgia

Шрифт Times New Roman Шрифт Times New Roman Шрифт Times New Roman Шрифт Times New Roman Шрифт Times New Roman Шрифт Times New Roman

Шрифт Courier Шрифт Courier Шрифт Courier Шрифт Courier Шрифт Courier Шрифт Courier Шрифт Courier Шрифт Courier

Шрифт Arial Шрифт Arial Шрифт Arial Шрифт Arial Шрифт Arial Шрифт Arial Шрифт Arial

Шрифт Tahoma Шрифт Tahoma Шрифт Tahoma Шрифт Tahoma Шрифт Tahoma Шрифт Tahoma

Шрифт Verdana Шрифт Verdana Шрифт Verdana Шрифт Verdana Шрифт Verdana Шрифт Verdana Шрифт Verdana

Цвета шрифтов

Обычный, красный, зелёный, синий.

Заголовки H1-H6:

По умолчанию теги заголовков h1-h6 уже имеют заранее установленные стили, но любой тег всегда можно сделать визуально другим, используя классы, это часто необходимо для сео-продвижения.

Тег h1 без класса

Тег параграф, класс h1

Тег h1, класс h1

Тег h2, класс h1

Тег h3, класс h1

Тег h4, класс h1

Тег h5, класс h1
Тег h6, класс h1

Тег h2 без класса

Тег параграф, класс h2

Тег h1, класс h2

Тег h2, класс h2

Тег h3, класс h2

Тег h4, класс h2

Тег h5, класс h2
Тег h6, класс h2

Тег h3 без класса

Тег параграф, класс h3

Тег h1, класс h3

Тег h2, класс h3

Тег h3, класс h3

Тег h4, класс h3

Тег h5, класс h3
Тег h6, класс h3

Тег h4 без класса

Тег параграф, класс h4

Тег h1, класс h4

Тег h2, класс h4

Тег h3, класс h4

Тег h4, класс h4

Тег h5, класс h4
Тег h6, класс h4
Тег h5 без класса

Тег параграф, класс h5

Тег h1, класс h5

Тег h2, класс h5

Тег h3, класс h5

Тег h4, класс h5

Тег h5, класс h5
Тег h6, класс h5
Тег h6 без класса

Тег параграф, класс h6

Тег h1, класс h6

Тег h2, класс h6

Тег h3, класс h6

Тег h4, класс h6

Тег h5, класс h6
Тег h6, класс h6

Справка: Как правило теги h5-h6 визуально должны быть такие же как обычный параграф с bold, используются редко.

И это ещё не всё!

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

Шаблоны для каталогов новостей, статей и т.п.

Все эти шаблоны можно использовать для отображения списка элементов и категорий (catalog.section и catalog.section.list), выбирая шаблоны в параметрах компонента.

Посмотреть шаблоны

Данный текст является демонстрацией возможностей оформления. Посмотреть все возможности оформления