Привет!

Нам нравится создавать сайты для интересных людей: о социальной и необычной деятельности, об удивительных человеческих и нечеловеческих существах, о чудесах и странностях, о том, что снится и о том, что стучится в двери.

Мы работаем с европейскими и русскими заказчиками, с теми, кто действительно любит то, чем он занимается.

Таким образом мы вкладываемся в игры Духа, и мир для нас становится глубже.

Характеристики шаблона Aqualine и позиции модулей

Помимо обычной функциональности, такой как сворачиваемые колон­ки, данный шаблон обладает следующими тремя основными отличи­тельными характеристиками:

  • Заголовок страницы с логотипом может быть текстовым. Если вста­вить его в позицию useri (пользователь1), он будет опознан и выведен автоматически. В противном случае будет использовано графическое изображение логотипа из файла /templates/images/header.png.
  • Размещение содержимого производится исключительно с помощью CSS, а не таблиц. Это дает такие важные преимущества, как соот­ветствие стандартам W3C и оптимизация для поисковых систем (SEO).
  • Имеется возможность использовать раскрывающиеся меню, пост­роенные исключительно на основе CSS.
  • Легкость внесения изменений - достаточно лишь откорректировать файл customize.ess.

Для размещения модулей в шаблоне JS Aqualine имеется семь позиций.

Чтобы разместить модули (например, модули главного меню, входа, опросов, рассылки по каналам RSS) в разных позициях, достаточно изменить в настройках модуля значение параметра Position (Позиция) на useri (пользователь1). На рис. 12.2 показаны различные позиции модулей, имеющиеся в шаблоне:

  • useri (пользователь1). Зарезервировано для текста, который будет за­мещать графическое изображение логотипа.
  • top (вверху). Зарезервировано для главного меню.
  • left (слева). Левая вертикальная колонка.
  • Banner (Баннер). Позиция для размещения баннера.
  • user4 (пользователь^. Левый нижний «дразнящий» блок.
  • right (справа). Правый нижний «дразнящий» блок.
    • footer (внизу). Зарезервировано для вывода информации в нижнем колонтитуле.

Большинство этих позиций объяснений не требует. Однако особо следу ет отметить две позиции. Позиция useri (пользователь!) в действитель­ности предназначается для размещения текстового логотипа. Позиция top (вверху) предназначена для размещения горизонтального элемента навигации.

Настройка логотипа

Настройку логотипа можно выполнить двумя способами. Самый простой из них заключается в том, чтобы добавить некоторый текст в позицию useri (пользователь1). Если для оформления текста используется тег Н1, шаблон отформатирует его, применив соответствующий стиль CSS. Изменить этот стиль можно с помощью файла customize.ess.

Давайте для примера создадим текстовый логотип.

Выберите пункты меню Extensions -> Module Manager -> New -> Custom HTML (Расширения -> Менеджер модулей -> Создать -> Произвольный HTML-код). Дай­те модулю название (я назвал его Header Logo Text) и поместите его в позицию useri (пользователь1). Выключите параметр, отвечающий за отображение заголовка модуля, а затем добавьте какой-нибудь текст. Я вставил следующий текст:

<а href="/index.php">

<h1>A User's Guide to Joomla 1.5</h1>

<h2>Creating a Blog site with Joomla</h2>

</a>

Этот фрагмент воспроизводит заголовок, как показано на рис. 12.4.

Оформление текста заголовка в виде ссылки на главную страницу име­ет большое значение. Как мы уже видели в главе 9 «Привлечение посе­тителей» , важность выбора правильного текста ссылки трудно переоце­нить. У нас уже есть ссылка Ноте (Домашняя) в главном меню, которая указывает на главную страницу, но она не имеет высокой ценности с точки зрения поисковой оптимизации. А в данном случае мы создали ссылку, включающую в себя ряд важных ключевых слов, которая будет присутствовать на каждой странице сайта.

Данный шаблон автоматически определяет используемый метод созда­ния заголовка и автоматически подстраивается под наши потребности.

Настройка главного горизонтального раскрывающегося меню

В шаблоне JS Aqualine имеется встроенное раскрывающееся меню, со­зданное на основе CSS.

Сразу после установки шаблона главное меню сайта содержит единс­твенную ссылку Ноте (Домашняя), как показано на рис. 12.4. Однако модуль меню по умолчанию помещен в позицию left (слева), поэтому нам необходимо переместить его в правильную позицию, определенную в шаблоне Aqualine для размещения горизонтального меню. В данном случае это позиция top (вверху).

Выберите пункты меню Extensions -> Module Manager -> Main Menu (Расши­рения -> Менеджер модулей -> Main Menu) и измените значение параметра Position (Позиция) на top (вверху).

Кроме того, для обеспечения нормальной работы раскрывающегося меню необходимо выполнить еще ряд настроек.

  1. В разделе Module Parameters (Параметры модуля) установите для парамет­ра Always Show Submenu Items (Всегда показывать вложенные подпункты) значение Yes (Да).
  2. Установите для параметра Show Title (Показать заголовок) значение No (Нет).
  3. В разделе Advanced Parameters (Расширенные параметры) удалите значе­ния параметров Menu Class Suffix (Суффикс класса меню) и Module Class Suffix (Суффикс класса модуля) и оставьте поля ввода пустыми.


После выполнения описанных настроек меню переместится в горизон­тальное положение и будет подготовлено к отображению элементов в виде раскрывающихся меню, как показано на рис. 12.5.