FAQ по сайтостроителю

Обзор Инспектора

Обзор Инспектора

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

Видимость элемента

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

Атрибуты

Раздел атрибутов инспектора будет содержать:

Float - это в основном то же самое, что выравнивание текста влево/центр/вправо, но для элементов вместо текста.
Id - уникальный идентификатор для выбранного элемента, поэтому css cap будет проще применить к нему.
Класс - здесь будут перечислены все выбранные классы элементов, вы можете удалить их, щелкнув значок x рядом с именем класса, вы можете применить новые пользовательские классы к элементу, щелкнув в любом месте ввода (серый фон), введя свое имя класса и нажав enter или нажав зеленую галочку. Есть куча предопределенных классов, которые вы можете использовать, например text-danger сделает цвет текста красным. Вы можете найти больше предопределенных классов здесь.
Этот раздел также будет иметь различные другие атрибуты в зависимости от того, какой элемент вы выбрали, например, если у вас выбран заголовок, он будет иметь атрибут типа заголовка, поэтому вы можете выбрать между h1, h2, h3, h4, h5, h6.

Фон

Раздел фон позволит вам установить фоновое изображение, цвет или градиент для выбранного элемента.

Цвет

Нажмите на кнопку цвет, чтобы вызвать палитру цветов. Здесь вы можете выбрать из более чем 100 различных предопределенных популярных цветов от adobe kuller и других сайтов. Конечно, вы можете выбрать полностью пользовательский цвет, перетащив мышь в цветовую палитру и выбрав прозрачность с перетаскиванием внизу, вы также можете ввести цветовой код в поле ввода ниже.

Изображение

Нажмите на кнопку изображение, чтобы вызвать фоновую панель изображения, здесь вы можете применить одну из более чем 40 текстур, включенных в architect, и управлять выравниванием и повторением фонового изображения. Вы также можете нажать на кнопку загрузить изображение, чтобы загрузить и использовать пользовательское изображение.

Градиент

Нажмите на кнопку градиент, чтобы открыть панель градиента, здесь вы можете выбрать из более чем 30 css3 градиентов, включенных в architect, чтобы использовать их в качестве фона выбранного элемента.

Тени

Вы можете использовать панель тенями наносить тени CSS, чтобы выделенный элемент или текст в нем.

Угол - чтобы управлять углом тени, нажмите на зеленую ручку в круге и перетащите ее вокруг.
Цвет - чтобы управлять цветом теней, нажмите на белый квадрат, это вызовет палитру цветов, такую же, как и для цвета фона элементов.
Расстояние - это будет управлять тем, как далеко тень будет находиться от выбранного элемента.
Размытие - это будет контролировать, насколько четкой будет тень.
Распространение - это будет контролировать, насколько велика тень.
Box/Text - применит тень либо к элементу box, либо к тексту внутри него.
Внутренний/наружный - либо применить тень к снаружи или внутри выбранного блока элемента.

Поля / Отступы

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

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

Стиль текста

Эта панель управляет внешним видом выделенных элементов текста.

Шрифт
Нажмите на кнопку font select, чтобы изменить шрифт выбранных элементов на один из собственных шрифтов браузера, или нажмите значок G, чтобы открыть google fonts modal, так что вы можете выбрать один из почти 700 шрифтов google.

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

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

Граница / Округлость Границы

На последних двух панелях вы можете управлять внешним видом границы выбранных элементов и округлостью их углов.

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

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

Подробнее
Обзор Редакторов Кода

Обзор Редакторов Кода

Для полного контроля над вашим проектом вы можете использовать встроенные редакторы кода для редактирования html, css, javascript и просмотра в реальном времени ваших изменений.

Редактор HTML

Нажмите на кнопку Html на панели инструментов, чтобы открыть html-редактор, здесь вы можете редактировать html-код своих проектов и видеть предварительный просмотр ваших изменений в конструкторе. Выбор нового элемента в конструкторе выделит разметку этого элемента в html-редакторе, вы также можете нажать кнопку Просмотр источника в контекстном меню, чтобы показать разметку выбранных элементов в html-редакторе.

Редактор CSS

В Редакторе css у вас есть полный контроль над вашим проектом css. css, сгенерированным инспектором, и ваш пользовательский css будет виден здесь, вы можете редактировать, удалять или добавлять пользовательский css все с живым просмотром в конструкторе и предупреждением/сообщением об ошибке, чтобы помочь вам написать правильный синтаксис.

Редактор JavaScript

В Редакторе js вы можете добавить пользовательский javascript. Любой js, добавленный здесь, будет выполнен в режиме реального времени.

Подробнее
Обзор редактора WYSIWYG

Обзор редактора WYSIWYG

Чтобы открыть редактор wysiwyg, дважды щелкните на любом элементе конструктора, содержащем текст.

Редактирование текста

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

Изменение Стилей

Чтобы изменить семейство шрифтов текста, его размер или стиль, просто выберите текст, к которому вы хотите применить эти стили, с помощью мыши, а затем щелкните соответствующий значок стиля на панели wysiwyg.

Перенос текста в ссылку

Чтобы обернуть текст в ссылку, просто выберите текст, который вы хотите обернуть с помощью мыши и щелкните значок, затем введите нужный url-адрес и нажмите кнопку Перейти.

Менеджер Иконок

Чтобы вставить значок, поместите морковь туда, куда вы хотите вставить значок, щелкните значок смайлика на панели wysiwyg, найдите нужный значок и нажмите на него.

Подробнее

Если привязки клавиш не работают, Вам может потребоваться щелкнуть в любом месте внутри конструктора, чтобы сфокусировать главное окно.

Комбинация	Описание
`↑`	Переместить выбранный элемент вверх в конструкторе
`↓`	Переместить выбранный элемент вниз в конструкторе
`Del`	Удалить выбранный элемент из конструктора
`Ctrl + C`	Копировать выбранный элемент
`Ctrl + V`	Вставить выбранный элемент
`Ctrl + X`	Вырезать выбранный элемент

Подробнее

Как создать сайт?

Вход в личный кабинет

Войдите в личный кабинет сайта Адвокаты СПБ

После успешного входа на сайт Адвокаты СПБ, перейдите в личный профиль

Далее на вкладку Сайт

где Вы перейти к конструктору сайтов, а также получите учётные данные для входа в конструктор сайтов

После перехода к конструктору сайтов введите данные получены в личном профиле

После входа в личном кабинете нажмите кнопку Новый Сайт

Выберите шаблон для сайта или создайте сайт с нуля (Любой шаблон сайта можно отредактировать на 100%), нажмите на выбраный шаблон и введите имя сайта (Вводите только латинские символы, так как здесь нужно указать имя которое будет в браузере)

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

Подробнее
Не могу сделать сайт (нехватка знаний, времени, ошибки)

Если у Вас не получается создать сайт по каким либо причинам, то наша команда поможет создать Вам сайт на базе шаблонов находящихся в базе Конструктора сайтов совершенно бесплатно!

Для этого Вам нужно отправить информацию для заполнения сайта на E-mail: noreply@advokaty-spb.com по форме:
1. Ваш E-mail под которым Вы зарегистрированы на сайте
2. Информацию О себе (Имя, Фамилия, род деятельности, специальность и т.д.) и прочая информация, которую Вы хотите видеть на своём сайте.
3. Рисунки и фотографии
4. Контактная информация которая будет размещена у Вас на сайте.

Вы можете отправить любую информацию О себе а также о свей деятельности, и мы внесём её на Ваш сайт.

Срок изготовления сайта и наполнения Вашей информацией до 7-ми рабочих дней (Обычно 2-3 дня в зависимости от загруженности).

Подробнее