Последние штрихи

Подредактируем наш сайт:

1. Изменим заголовки на наших страницах – сделаем текст крупнее, изменим шрифт и добавим отступ.

1.1 В исходном коде сайта ищем соответствующий класс class="contentpaneopen".

1.2 В CSS шаблона находим правила для этого класса

1.3 В правилах изменяем название шрифта на Verdana, размер на 16px и самостоятельно прописываем еще одно правило, отвечающее за отступ под заголовком – padding-bottom:10px;

2. Создадим еще одно меню Новости.

2.1 Перед созданием меню добавляем на сайт материал.

2.2 Заходим в администраторскую зону, добавляем материал – Обновление бекапа

2.3 Таким же образом добавляем материал Sypex Dumper Lite 1.0.8

2.4 Далее формируем меню – Менеджер меню, создаем новое меню, которому даем системное имя Новости, сохраняем.

2.5 Добавляем пункты меню через Стандартный шаблон материалов.

2.6 Через Менеджер модулей пункта расширения включаем наш модуль. Проверяем что у нас получилось.

3. Скрытие рекламы.

3.1 Открываем основной файл шаблона index.php. В коде, после всех менюшек, расположенных в левой части нашего сайта находим строку <?php $sg = 'banner'; include "templates.php";?>. Перед этой строкой прописываем правило для стиля - visibility:hidden; чтобы наш баннер стал невидимым:

<div style="padding:0 20px; visibility:hidden;"><?php $sg = 'banner'; include "templates.php";?></div>

3.2 Если после сохранения на главной странице сайта скрылась рекламы, вы все сделали верно.

4. Редактируем нижнюю строку нашего сайта:

4.1 Открываем файл index.php.

4.2 Находим внизу id="footer" и все, что написано внутри этого класса удаляем или меняем на собственную информацию, например – Автор сайта ФИО Все права защищены. Перед этой фразой добавляем правило стиля.

<div class="footer">

<p style="font-family:Verdana; font-size:11px; color:#ffffff; padding-top:5px;">Автор сайта ФИО. Все права защищены (С)</p>

</div>

4.5 После сохранения должно получиться следующее:

5. Дополнительные стиле в наших статьях.

5.1 Если на нашем сайте посмотреть Отзывы, то они сливаются. В пункте Скачать напрашивается таблица. В дополнительных материалах есть файл Дополнительные стили.

5.2 Копируем эти стили и добавляем в CSS шаблона нашего сайта.

5.3 После сохранения получается следующее:

5.4 Наш сайт полностью готов.

Как устроены шаблоны в Joomla!

Все наши данные (статьи) хранятся в Базе данных. Когда пользователь запрашивает какие-то данные к БД идет запрос. Данные из БД выводятся через шаблон.

Что из себя представляет шаблон? Он состоит из двух основных файлов – index.php и template.css

Дата добавления: 2015-07-16