Вход | Регистрация
Xevian.CMS: База знаний
Шаблоны
Терминология
Руководство разработчика
Вопросы
- Системные константы
- Системные переменные
- Локализации
- Типы статических блоков
Типы контейнеров статических блоков
- Типы параметров
- Плэйсхолдеры
- Шаблоны
CSS классы
- Паттерны


ГлавнаяВопросыВопросыИнструкцииСоздание и размещение баннерного места ...

Создание и размещение баннерного места

  1. Перейти в Xevian.backend по адресу http://адрес-сайта.ru/backend/
  2. Нажать кнопку Рабочий стол в верхней панели.
  3. В панели навигации слева перейти в Веб-сайт → Баннеры.
  4. В главном окне Xevian.backend перейти во вкладку Расположения.
  5. Нажать кнопку (+) Добавить справа вверху. Появится страница добавления баннерного места.
  6. В поле Заголовок ввести название нового места, например В подвале по центру.
  7. В поле Идентификатор ввести идентификатор нового места, например banner_footer.
  8. В поле Шаблон ввести HTML-код, который будет отображаться в месте расположения баннера на сайте, например:
    <div class="footerBanner">{banner_footer}</div>
    
    {banner}
    где banner — обязательный плейсхолдер, вместо которого появится изображение загруженного баннера, обернутое в ссылку.
  9. В поле Кол-во элементов для показа указать нужное количество баннеров для визуализации в этом контейнере.
  10. Нажать кнопку Сохранить.
  11. Разместить новый плейсхолдер (banner_footer в примере выше) в шаблонах веб-сайта. Чаще всего требуется разместить место под баннер на всех динамических страницах или на главной странице. За эти страницы отвечают шаблоны main.html (шапка и подвал динамических страниц), inner.html (левая и правая колонки внутренних страниц) и default.html (главная страница). Более полный список шаблонов, в которых можно разместить баннер доступен на странице создания и размещения статического блока.

    Итак, чтобы разместить новое баннерное место в одном из шаблонов сайта необходимо:

    1. В панели навигации Xevian.backend перейти в Дизайн → имядизайна (обычно default). В главном окне Xevian.backend появится список файлов дизайна.
    2. Выбрать файл шаблона, в котором требуется разместить место под баннер. Список файлов сменится HTML-кодом выбранного шаблона.
    3. Вставить плейсхолдер нового баннерного места (banner_footer в примере выше) в шаблон.

      При необходимости можно отменить редактирование клавишами Ctrl+Z, но только пока страница шаблона открыта. Перед редактированием желательно сохранить шаблон в локальный текстовый файл: поместить курсор внутрь шаблона щелчком мыши, выделить весь текст клавишами Ctrl+A, скопировать и вставить в любой текстовый редактор, сохранить полученный файл.

    4. Нажать кнопку Сохранить.
  12. По необходимости добавить в CSS-код сайта новое правило, определяющее внешний вид и точное расположение нового вида баннеров, например:
    .footerBanner{
        display: block;
        position: relative;
        overflow: hidden;
        border: 1px solid lightgrey; /* добавить светло-серую рамку */
        border-radius: 2px;          /* слегка скруглить углы */
        top: 1px;                    /* сместить баннер на 1 пиксель вниз */
        left: 2px;                   /* сместить баннер на 2 пикселя вправо */
    }
    
    CSS-код можно найти в файлах с окончанием .css в списке файлов дизайна. Добавлять новое правило следует в конец файла. Перед редактированием следует сохранить копию файла на локальном компьютере.

Ссылки:

uoowuo

Комментарии

Вы не авторизованы. При отправке сообщения, в качестве автора будет указан "Гость". Вход | Регистрация

Руководство разработчика