Зробити свій сайт в наш час нескладно, навіть якщо ви не маєте жодних специфічних знань в області веб-дизайну та програмування. У будь-який момент ви можете скористатися масою різних шаблонів, розміщених в інтернеті, і на основі готових шаблонів виготовити і опублікувати в мережі свій сайт. Однак далеко не всіх влаштовує повною мірою той варіант сайту, який пропонує шаблон. Про те, як змінити шаблон сайту і додати йому унікальності ми розповімо у цій статті.
Інструкція
- Скачайте шаблон і знайдіть в ньому файл style.css. Зазвичай цей файл розташовується в папці public_html.
- Відкрийте файл style.css в блокноті і знайдіть фрагмент коду, який відповідає за зовнішній вигляд верхній частині сайту. Цей фрагмент виглядає наступним чином:
# Logotype {
background: url (images / logotype.png) no-repeat left center # fff;
width: 230px;
height: 60px;
margin: 10px 25px;
position: relative; - У даному коді в рядку background: url вам потрібно вказати шлях до фонового зображення майбутнього сайту. Наступні рядки позначають довжину і висоту зображення, а пункт margin визначає відступ зображення по вертикалі і горизонталі.
- Знайдіть у папках шаблону файл logotype.png, який використовується в коді в якості логотипу, і замініть його в тій же папці на власний логотип з такою ж назвою у форматі png.
- Фонове зображення завантажте в папку public_html / tmpl / імя_шаблона / Images /, після чого, як уже говорилося вище, пропишіть в рядку background: url шлях до зображення.
- При необхідності перепишіть параметри висоти, довжини і відступу зображення. Рядок position: relative можна не чіпати. Збережіть зміни у файлі і завантажте його на сервер замість колишнього файлу шаблону.
- Якщо ви хочете змінити нижній логотип сайту, знайдіть в style.css фрагмент коду, який починається зі слів logotype-footer. Збережіть малюнок з новим логотипом і завантажте його в папку шаблону Images.
- Змініть параметри довжини і висоти. Знову збережіть файл style.css та завантажте оновлений сайт на сервер.