Змінюємо css сайту

У цьому розділі ми розберемо як змінити зовнішній вигляд сайту на Joomla, (хоча все, що тут буде описано підходить і для інших CMS), не знаючи CSS. Тут не буде уроків по CSS, я буду пропонувати готові рішення. Все, що вам потрібно, це вставити їх в фали сайту (як знаходити ці файли і місця правки ми теж розберемо).

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

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

Для прикладу я взяв стандартний шаблон Joomla- protostar. Встановив демо-версію, для присутності хоч якогось контенту. Створив вертикальне меню (розташувавши його в лівій позиції), додав пару пунктів в верхнє меню. На даний момент сайт має такий зовнішній вигляд:

Змінюємо css сайту

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

Шаблон protostar пропонує нам дві опції по зміні зовнішнього вигляду, це фон і колір заголовків. Якщо ваш шаблон не підтримує зміну фону, то варіанти його зміни знайдете в статті на цю тему.

Для роботи нам знадобиться будь-який з браузерів, в них є можливість переглядати код потрібного нам елементу. Для цього достатньо навести курсор на потрібну ділянку, натиснути праву кнопку миші і вибрати: дослідити елемент.

І так, починаємо. Першим йде зміна фону.

Схожі статті