Дизайн #1730
1. Как изменить шапку сайта?
Верхняя часть шаблона состоит из надписи названия сайта и иконки перехода к всплывающему меню.
Верхняя часть шаблона состоит из надписи названия сайта, чтобы изменить ее требуется перейти в Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта. Вам требуется 4 строчка кода:
<a class="logo-lnk" href="$HOME_PAGE_LINK$" title="Главная"><!-- <logo> -->Мой сайт<!-- </logo> --></a>
где "Мой сайт" – вы можете изменить на любой свой текст.
Если же вместо текста Вы хотите разместить изображение, тогда в этой же строке вместо "Мой сайт" пропишите код:
<img src="ссылка на логотип">
где "ссылка на логотип" – пропишите ссылку, которую вы можете получить, осуществляя:
1) Логотип загружается в файловый менеджер сайта (Панель управления → Инструменты.)
2) После загрузки изображения, просто кликните на название изображение и вы получите заветную ссылку.
Изменить фон шапки сайта можно в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к 155 строке кода:
.nav-row{display:block;box-sizing:border-box;margin:0 auto;min-height:60px;width:100%;background-color:#fff;border-bottom:2px solid #1d2733}
#fff – фон шапки сайта. Его можно изменить на любой другой html-цвет.
2. Как изменить изменить промо блок?
Промо-блок состоит из слайдера изображений и текста, для его изменения необходимо перейти в Панель управления → Дизайн → Редактор → Глобальные блоки → PROMO, где найти строки 3-10.
Изменить изображения ві можете в строке 3:
<div id="promo" data-zs-src='["/.s/t/1730/image_01.jpg", "/.s/t/1730/image_02.jpg", "/.s/t/1730/image_03.jpg"]' data-zs-overlay="dots">
где /.s/t/1730/image_01.jpg, /.s/t/1730/image_02.jpg, /.s/t/1730/image_03.jpg - являются ссылками на изображения. Вместо них можно указать свои ссылки на изображения, предварительно загрузив их в Файловый менеджер сайта.
Текст и кнопку перехода замените на свой:
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer gravida congue efficitur. Morbi a leo non velit elementum maximus. Sed dictum ante quis malesuada pharetra. </p> <a href="#" type="button">Button text</a>
где Button text – вы можете изменить на любой свой текст, а вместо # укажите ссылку для перехода.
3. Как сделать, чтобы промо-блок отображался не только на главной странице?
По желанию, вы можете изменять условие для вывода промо-блок на различных страницах вашего сайта.
Для этого необходимо перейти в Панель управления → Дизайн → Редактор → PROMO в 1 строке указать ID необходимых страниц модулей в условии
<?if($PAGE_ID$='sitePage1')?> <?endif?>
или добавить условие для вывода в нужных модулях:
<?if($MODULE_ID$='forum')?> <?endif?>
Также вы можете удалить данные условные операторы для отображения во всех модулях и страницах.
4. Как изменить фон шаблона?
Изменить фон сайта можно в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к 108 строке кода:
body.base {background-color: #fdfdff;border: 0;}
#fdfdff – фон сайта. Его можно изменить на любой другой html-цвет.
5. Как изменить блоки?
Блоки не имеют изображений или каких-то других особенностей.
Для изменения цвета рамки вокруг блоков вам требуется перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Здесь перейдите к 227 строке кода:
.sidebox{box-sizing:border-box;margin-bottom:40px;padding:35px 20px 30px;border:1px solid #e3e4e5;font-weight:400;position:relative}
#e3e4e5; – это и есть цвет блока. #e3e4e5 можете заменить на любой другой цвет html.
6. Как изменить контент нижней часть сайта?
Для изменения нижней части перейдите в Панель управления → Дизайн → Редактор → Глобальные блоки → Нижняя часть сайта.
Она состоит из дополнительной информации о сайте и контактов . Для того чтобы изменить информацию о сайте перейдите к строкам 3-15 и замените информацию и ссылки на свои:
<div class="container"> <h3>About</h3> <p>Integer euismod lobortis lectus sed suscipit. Donec commodo et velit at tristique. Cras vitae nunc porttitor nibh varius pellentesque nec in urna. Proin a neque non purus tincidunt hendrerit. Sed magna mi, dapibus ultrices ultricies ut, accumsan in ante. Suspendisse a dui vel felis fringilla porta. Mauris vulputate auctor enim vitae accumsan. Duis congue neque magna, ut auctor sem semper ac. Proin aliquet dui id dolor gravida consequat. Aliquam et vestibulum libero, et lobortis sem. Duis ut elit libero. Ut commodo bibendum hendrerit.</p> <h3>Quick links</h3> <ul> <li><a href="#" title="Quick links">link1</a></li> <li><a href="#" title="Quick links">link2</a></li> <li><a href="#" title="Quick links">link3</a></li> <li><a href="#" title="Quick links">link4</a></li> <li><a href="#" title="Quick links">link5</a></li> </ul> <div>
Для изменения второй части - контактной информации перейдите к строкам строки 20-40 и аналогичным образом измените адрес:
<h3>Adress</h3> <address>Donec imperdiet urna sem, ac interdum loremtristique convallis.</address>
телефоны:
<h3>Phones</h3> <p><a href="tel:+1234567890"> +1(234)567-8901</a>, <a href="tel:+1234567890"> +1(234)567-8901 </a></p>
и ссылки на социальные сети:
<h3>Follow us</h3> <ul> <li><a target="_blank" class="fa fa-vk" href="https://vk.com"></a></li> <li><a target="_blank" class="fa fa-odnoklassniki" href="https://ok.ru"></a></li> <li><a target="_blank" class="fa fa-facebook" href="https://facebook.com"></a></li> <li><a target="_blank" class="fa fa-twitter" href="https://twitter.com"></a></li> <li><a target="_blank" class="fa fa-google-plus" href="https://plus.google.com"></a></li> </ul>
7. Какой цвет основных элементов сайта?
Цветом цветом основных элементов сайта является #1d2733
Если требуется сменить цветовую гамму, то воспользуйтесь заменой #1d2733 на любой свой html-цвет, используя замену внутри шаблона Таблица стилей CSS.