Зміна кольору заголовків в joomla - уроки по створенню сайтів на joomla 3

Вітаю! В даному уроці я хотів би показати як в Joomla легко можна змінювати кольори заголовків використовуючи CSS. Даний приклад розібраний на власному сайті на Joomla версії 1.5, але для інших версій все приблизно те ж саме, відрізнятися буде тільки оформлення адмінки.

Як бачимо у нас є заголовки різних рівнів h1, h2 і h3. h1 це найбільший заголовок в HTML. Всі заголовки мають чорний колір, який ми і хочемо замінити. Замінювати будемо заголовки h1 і h2.

Визначимося з квітами заголовків: h1 у нас буде помаранчевий, h2 - блакитний.

Щоб замінити колір нам буде потрібно виправити файл CSS. Але для початку дізнаємося який же файл необхідно виправити і в якому місці. Для цього подивимося код елемента в браузері. я використовую Google Chrome. Щоб подивитися код елемента потрібно навести курсор миші на наш заголовок і натиснути праву кнопку миши, в списку вибрати: Перевірити елемент. Після чого у нас з'явитися ось таке вікно:

Помаранчевим кольором я виділив елементи які нам необхідні: в лівому нижньому куті екрана HTML вміст яке говорить нам, що це тег

В адмінці> заходимо в менеджер шаблонів:

Вибираємо використовуваний нами шаблон (позначений зірочкою):

Заходимо в наш CSS файл який ми вже визначили для заміни:

Далі у відкритому файлі знаходимо той самий заголовок стилю:

І бачимо, що до всіх заголокам сайту використовується чорний колір. але сдесь він представлений в кодуванні: # 000000

Далі замінюємо цей рядок. Помнмім, що ми вже визначилися з кольорами.

Для цього виносимо заголовок h1 в окремий рядок і прописуємо той же властивість color. тільки замінюємо на кодування оранжевого кольору: # FF6600

У перой рядку ми залишаємо стиль

> Але замінюємо чорний (# 000000) колір на блакитний (# 3366CC);

В результаті у нас виходить наступні стилі:

У підсумку на нашому сайті ми бачимо як змінилися заголовки. Тим самим ми можемо підбирати будь-яку кількість варіацій кольору використовувати його для поєднання c загальним дизайном та ін. Звичайно у вас інший шаблон і тому інший набір стилів. Але принцип завжди один - ви перевіряєте який використовується стиль для елемента (заголовка) за допомогою браузера (Google Chrome) і змінюєте цей стиль у вашому шаблоні використовуючи синтаксис CSS. Успіхів!

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

citybur.ru/kvartiry.html Підкажіть, як змінити заголовок на цій страніце.Не можу його знайти в FileZilla Client. Я тільки вчуся.

Компактно, дохідливо і зрозуміло. Дякуємо.