Як редагувати шаблони сайтів

Зробити свій сайт в наш час нескладно, навіть якщо ви не маєте ніяких специфічних знань в області веб-дизайну та програмування. У будь-який момент ви можете скористатися масою різних шаблонів, розміщених в інтернеті, і на основі готових шаблонів виготовити і опублікувати в мережі свій сайт. Однак далеко не всіх влаштовує в повній мірі той варіант сайту, який пропонує шаблон. Про те, як змінити шаблон сайту і надати йому унікальності ми розповімо в цій статті.

Скачайте шаблон і знайдіть в ньому файл style.css. Зазвичай цей файл розташовується в папці public_html.

Відкрийте файл style.css в блокноті і знайдіть фрагмент коду, який відповідає за зовнішній вигляд верхній частині сайту. Цей фрагмент виглядає наступним чином:
#logotype {

background: url (images / logotype.jpg) no-repeat left center #fff;

width: 230px;

height: 60px;

margin: 10px 25px;

position: relative;

В даному коді в рядку background: url вам потрібно вказати шлях до фонового зображення майбутнього сайту. Наступні рядки позначають довжину і висоту зображення, а пункт margin визначає відступ зображення по вертикалі і горизонталі.

Знайдіть в папках шаблону файл logotype.jpg, який використовується в коді в якості логотипу, і замініть його в тій же папці на власний логотип з такою ж назвою в форматі png.

Фонове зображення завантажте в папку public_html / tmpl / імя_шаблона / Images /, після чого, як уже говорилося вище, пропишіть в рядку background: url шлях до зображення.

При необхідності перепишіть параметри висоти, довжини і відступу зображення. Рядок position: relative можна не чіпати. Збережіть зміни у файлі і завантажте його на сервер замість колишнього файлу шаблону.

Якщо ви хочете змінити нижній логотип сайту, знайдіть в style.css фрагмент коду, який починається зі слів logotype-footer. Збережіть малюнок з новим логотипом і завантажте його в папку шаблону Images.

Змініть параметри довжини і висоти. Знову збережіть файл style.css і завантажте оновлений сайт на сервер.

Поділися в соціальних мережах:

Увага, тільки СЬОГОДНІ!

Схожі