1. 1. Як змінити шапку сайту?
2. 2. Як змінити промо-блок?
3. 3. Як зробити, щоб промо-блок відображався не тільки на головній сторінці?
4. 4. Як змінити колір блоків?
5. 5. Як змінити фон шаблону?
6. 6. Який колір основних елементів сайту?

1. Як змінити шапку сайту?

Верхня частина шаблону складається з напису назви сайту і пунктів меню.

Назва вашого сайту - текст, який буде відображатися в змінній $ SITE_NAME $. Щоб змінити його потрібно перейти в Панель управління → Установки → Глобальні параметри змінити поле "Назва вашого сайту" на необхідне.

Якщо ж замість тексту потрібно зображення тоді перейдіть в Панель управління → Дизайн → Редактор → Глобальні блоки → Верхня частина сайту знайдіть 6 рядок коду:

<a href="$HOME_PAGE_LINK$" class="site-n"> $ SITE_NAME $ </a>

і замість $ SITE_NAME $ пропишіть:

<Img src = "посилання на логотип">

де "посилання на логотип" - пропишіть посилання, яку ви можете отримати, здійснюючи:

1) Логотип завантажується в файловий менеджер сайту (Панель управління → Інструменти.)

2) Після завантаження зображення, просто клікніть на назву зображення і ви отримаєте заповітну посилання.

Змінити фон шапки сайту можна в Панель управління → Дизайн → Редактор → Таблиця стилів (CSS). Вам буде потрібно перейти до 44 рядку коду:

#header {background-color: rgba (7,74,140,0.93); color: # dae7f2}

rgba (7,74,140,0.93) - фон шапки сайту. Його можна змінити на будь-який інший html-колір.

2. Як змінити промо-блок?

Промо-блок сайту складається з слайдера і 3 інформативних блоків, для їх зміни перейдіть в Панель управління → Дизайн → Редактор → Глобальні блоки → PROMO.

Для зміни слайдера знайдіть наступні ділянки коду 4-12, 13-21, 22-30, 31-39 і в кожному замініть:

зображення:

<Img src = "/. S / t / 1728 / promo1.jpg" alt = "">

де /.s/t/1728/promo1.jpg - є посиланням на зображення. Замість нього можна вказати свою посилання на своє зображення, попередньо завантаживши його в Файловий менеджер сайту.

текст:

<Span class = "promo-title"> Lorem ipsum dolor sit amet consectetur </ span>

кнопка:

<a href="#" type="button"> Read more </a>

де Read more - ви можете змінити на будь-який свій текст, а замість # вкажіть посилання для переходу. Для кожного з інформаційних блоків ви можете змінювати інформацію на свою або ж виводити в них інформери. У першому випадку знайдіть наступні з ділянок коду 42-56, 57-71, 72-86 і в кожному замініть:

зображення:

<Div class = "img-wrapper"> <img src = "/. S / t / +1728 / promo3.jpg" alt = ""> </ div>

де /.s/t/1728/promo3.jpg - є посиланням на зображення. Замість нього можна вказати свою посилання на своє зображення, попередньо завантаживши його в Файловий менеджер сайту.

Заголовок:

<H4> <a href=""> Lorem ipsum dolor sit amet consectetur adipisicing elit. </a> </ h4>

текст

<Div class = "promo-message"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi aperiam, aspernaturcum Lorem ipsum dolor sit amet, consectetur adipisicing elit. A animi aperiam, aspernatur cum </ div>

кнопка:

<Div class = "link-holder"> <a href="#" type="button"> Read more </a> </ div>

де Read more - ви можете змінити на будь-який свій текст, а замість # вкажіть посилання для переходу.

У другому випадку для кожного блоку ви можете використовувати інформери які будуть виводити, наприклад, останні матеріали певних модулів. Обов'язковою умовою є наявність у матеріалу зображення.

Тоді в коді шаблону видаляємо рядки 42-86 і замість них пропишіть код необхідного створеного інформера $ MYINF_1 $

При створенні або редагуванні інформера необхідними параметрами є:

• Тип даних: Матеріали
• Кількість матеріалів: 4
• Кількість колонок: 1

А шаблон інформера матиме вигляд:

<Div class = "promo-i"> <div class = "img-wrapper"> <img src = "$ IMG_URL1 $" alt = ""> </ div> <div class = "news-descr"> <div class = "title"> <h4> $ TITLE $ </ h4> </ div> <div class = "promo-message"> $ MESSAGE $ </ div> <div class = "link-holder"> <a href = "$ ENTRY_URL $"> Read more </a> </ div> </ div> </ div>

Більш детально з тим, як створити і налаштувати інформер ви можете ознайомитись тут: https://www.ucoz.ru/help/tools/informery

3. Як зробити, щоб промо-блок відображався не тільки на головній сторінці?

За бажанням, ви можете змінювати умова для виведення промо-блок на різних сторінках вашого сайту.

Для цього необхідно перейти в Панель управління → Дизайн → Редактор → PROMO в 1 рядку вказати ID необхідних сторінок модулів в умови

<? If ($ URI_ID $ = 'page1')?> <? Endif?>

або додати умова для виведення в потрібних модулях:

<? If ($ MODULE_ID $ = 'forum')?> <? Endif?>

Також ви можете видалити дані умовні оператори для відображення в усіх модулях і сторінках.

4. Як змінити колір блоків?

Для змін перейдіть в Панель управління → Дизайн → Редактор → Таблиця стилів (CSS), знайдіть там 176 рядок:

.sidebox {margin: 0 0 15px; padding: 20px 30px 30px; background: rgba (255,255,255,0.93); font-size: 1rem; color: # 4f535f}

rgba (255,255,255,0.93) - це і є колір блоку. rgba (255,255,255,0.93) можете замінити на будь-який інший колір html.

5. Як змінити фон шаблону?

Фоном шаблону є зображення:

Для його зміни перейдіть в Панель управління → Дизайн → Редактор → Таблиця стилів (CSS), після чого необхідно знайдіть там 4 рядок:

.main-body {margin: 0; background: url (/. s / t / 1728 / background.jpg) no-repeat fixed center; background-size: cover; min-height: 100vh; display: flex; flex-direction: column}

/.s/t/1728/background.jpg - є посиланням на дане зображення. Замість нього можна вказати свою посилання на своє зображення, попередньо завантаживши його в Файловий менеджер сайту.

6. Який колір основних елементів сайту?

Кольором кольором основних елементів сайту є # 0b72d9.

Якщо потрібно змінити колірну гамму, то скористайтеся заміною # 0b72d9 на будь-який свій html-колір, використовуючи заміну усередині шаблону Таблиця стилів CSS.