Дизайн #1718
1. Как изменить шапку сайта?
Верхняя часть шаблона состоит из надписи названия сайта, кнопок социальных сетей, пунктов меню и поисковой формы.
Чтобы изменить название сайта требуется перейти в Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта. Вам потребуется 3 строчка кода:
<a class="logo-lnk" href="$HOME_PAGE_LINK$" title="Главная"><!-- <logo> -->Мой сайт<!-- </logo> --></a>
где "Мой сайт" – вы можете изменить на любой свой текст.
Если же вместо текста Вы хотите разместить изображение, тогда в этой же строке вместо "Мой сайт" пропишите код:
<img src="ссылка на логотип">
где "ссылка на логотип" – пропишите ссылку, которую вы можете получить, осуществляя:
1) Логотип загружается в файловый менеджер сайта (Панель управления → Инструменты.)
2) После загрузки изображения, просто кликните на название изображение и вы получите заветную ссылку
Также укажите свои ссылки на аккаунты в социальных сетях в строках 5-7:
<span><a href="https://vk.com" target="_blank" class="fa fa-vk"></a></span> <span><a href="https://twitter.com" target="_blank" class="fa fa-twitter"></a></span> <span><a href="https://facebook.com" target="_blank" class="fa fa-facebook"></a></span>
2. Как изменить промо-блок?
Промоблок состоит из двух слайдеров, изменить которые Вы можете перейдя в Панель управления → Дизайн → Редактор → Глобальные блоки → PROMO. Для изменения первого слайдера перейдите к строкам 4-39.
Данный слайдер состоит из 3 слайдов, строки 4-15, 16-27, 28-39, в каждом из которых можно изменить:
Изображение:
<img src="/.s/t/1718/slider1.jpg" alt="photo">
/.s/t/1718/slider1.jpg - является ссылкой на данное изображение. Вместо него можно указать свою ссылку на свое изображение, предварительно загрузив его в Файловый менеджер сайта.
Текст:
<h1>Lorem ipsum dolor</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam aspernatur consequatur corporis doloribus eligendi eos facilis, id impedit in molestias odio odit porro quae rem sequi sit, soluta vero.</p>
Кнопку:
<a href="#" class="info-btn">More</a>
где More – вы можете изменить на любой свой текст, а вместо # укажите ссылку для перехода. Для изменения второго слайдера перейдите к строкам 43-100.
Слайдер состоит из 2 слайдов, строки 44-71 и 72-99 в каждом из которых можно изменять:
Изображение:
<div class="img-wrapp"><img src="/.s/t/1718/01.jpg" alt="cover"></div>
/.s/t/1718/01.jpg - является ссылкой на данное изображение. Вместо него можно указать свою ссылку на свое изображение, предварительно загрузив его в Файловый менеджер сайта.
И ссылка для перехода к материалу:
<div class="title"><a href="#">Text link click</a></div>
где Text link click – вы можете изменить на любой свой текст, а вместо # укажите ссылку для перехода.
Также вы можете использовать информер для этого блока, который будет выводить, например, последние материалы определенных модулей. Обязательным условием является наличие изображения у материала.
Тогда в коде шаблона удаляем строки 44-99 и вместо них пропишите код необходимого созданного информера $MYINF_1$
При создании или редактировании информера необходимыми параметрами являются:
- Тип данных: Материалы
- Количество материалов: 7
- Количество колонок: 1
А шаблон информера будет иметь вид:
<div class="slide-c"> <div class="img-wrapp"><img src="$IMG_URL1$" alt="cover"></div> <div class="title"><a href="$ENTRY_URL$">Text link click</a></div> </div>
Более детально с тем, как создать и настроить информер вы можете ознакомится здесь: /tools/informery
3. Как сделать, чтобы промо-блок отображался не только на главной странице?
По желанию, вы можете изменять условие для вывода промо-блок на различных страницах вашего сайта.
Для этого необходимо перейти в Панель управления → Дизайн → Редактор → PROMO в 1 строке указать ID необходимых страниц модулей в условии
<?if($PAGE_ID$='sitePage1')?> <?endif?>
или добавить условие для вывода в нужных модулях:
<?if($MODULE_ID$='forum')?> <?endif?>
Также вы можете удалить данные условные операторы для отображения во всех модулях и страницах.
4. Как изменить цвет и изображение блоков?
Для изменений перейдите в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), найдите там 45 строку:
aside{-webkit-box-flex:2; -ms-flex:2 1 10px; flex:2 1 10px; background-color:#f0f0f0; padding:30px 0; border-left:1px solid #d6d6d6; max-width:315px}
#f0f0f0 – это и есть цвет заголовка блока. #f0f0f0 можете заменить на любой другой цвет html.
5. Как изменить фон шаблона?
Чтобы изменить фоновое изображения, перейдите в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найдите там 34 строку:
body.base{border:0; background:#060d1d url(/.s/t/1718/layer-14.jpg) no-repeat 50% 0; background-size:contain}
/.s/t/1718/layer-14.jpg – является ссылкой на данное изображение. Вместо него можно указать свою ссылку на свое изображение, предварительно загрузив его в Файловый менеджер сайта.
#060d1d – заменить на любой другой нужный цвет html.
6. Какой цвет основных элементов сайта?
Цветом цветом основных элементов сайта является #ffbb28.
Если требуется сменить цветовую гамму, то воспользуйтесь заменой #ffbb28 на любой свой html-цвет, используя замену внутри шаблона Таблица стилей CSS.