gototopgototop
Register
Вход
Home /  Работа с расширениями Joomla! /  Модули Joomla! /  Модули сторонних разработчиков
Модули сторонних разработчиков E-mail
Расширения Joomla! - Модули Joomla!

Модули Joomla!В предыдущем уроке мы познакомились со стандартными модулями, включенными в базовый пакет Joomla! Одним из них был модуль типа mod_random_image.

Сегодня мы рассмотрим аналогичный модуль, но уже  "стороннего" разработчика. Модуль разработан в студии "Shape 5" и называется "S5 Image and Content Fader v2.5".  Конечно, по своим возможностям он очень сильно отличается от mod_random_image, хотя по сути является тем же самым.


Отличительные особенности модуля:

- каждое  из демонстрируемых десяти изображений может иметь свою собственную гиперссылку;
- на одной странице одновременно показываются в виде слайдов все  изображения (а не одно, как это происходит в стандартном mod_random_image);
- при показе  применяется эффект  плавного перехода от одной картинки к другой, когда предыдущее изображение как бы угасает и на этом фоне начинает появляться следующее;
- каждую картинку можно сопроводить вашим текстом;
- и т.д.

 

Модуль S5 Image and Content Fader v2.5 бесплатный, но для скачивания архива требуется регистрация на сайте разработчика  www.shape5.com. После авторизации найдите на этом сайте страницу с адресом:

  http://www.shape5.com/component/option,com_docman/Itemid,96/task,cat_view/gid,69/ 

и уже здесь нажимайте на кнопку Download под расширением  "S5 Image & Content Fader v2.5 - Joomla 1.5.X".


Установка  и настройка модуля
 

Шаг 1. Авторизуемся в админке.

Шаг 2. Через меню Расширения>>Установить/Удалить устанавливаем модуль, как обычное расширение - Как установить расширение?

Шаг 3. Через меню Расширения>>Менеджер модулей  находим (используйте для поиска фильтры) модуль S5 Image and Content Fader v2
и нажимаем на его заголовок :

Расширения Joomla! :: Модули
Рис.1

Шаг 4. В настройках модуля в блоке "Подробности" включаем радиокнопку "Да" в строчке "Включен", а затем нажимаем на кнопку "Применить" в верхнем правом углу панели(это сохранит новые параметры, но не закроет страницы "Модуль:(изменить)", в которой мы будем продолжать настраивать наш новый модуль:

Расширения Joomla! :: Модули
Рис.2

Шаг 5. Открываем в браузере новую вкладку  с Главной страницей Демо-сайта и смотрим, как выглядит наш новый модуль при тех параметрах настройки, что существуют для него в данный момент:

Расширения Joomla! :: Модули
Рис.3

... выглядит он, прямо скажем,"ни два, ни полтора". Но это не страшно, - ведь при первой примерке костюмчик всегда косо сидит.

Шаг 6. Возвращаемся в админку и работаем с блоком "Параметры" . Он  разделен на две части: "Параметры модуля" и "Другие параметры":

Рис.4

Далее все пункты параметров идут на английском. Вне зависимости от того, знаете вы этот язык, или нет, - вам всё равно придётся экспериментировать с настройками, подбирая наиболее подходящий для себя вариант.
Как подбирать? - да очень просто: исследуете параметры по строчкам. Внесли изменения -нажали на "Применить". Перешли во вкладку с лицевой панелью, перезагрузили её, и проверяете - что изменилось, как смотрится. Не нравится - вносите изменения. И так вот "бегайте" из одной вкладки в другую, пока не добьётесь идеального, на ваш взгляд, варианта. 

Другого пути, друзья мои, я вам предложить не смогу, - ведь параметры  для того и предназначены, чтобы их настраивали. Сказать по правде, я обожаю процесс настройки, потому что это -  творчество!
Не отчаивайтесь - всё сложно поначалу, с приобретением опыта даже интуиция начнёт просыпаться.
А пока она в дрёме,  воспользуйтесь четырьмя  картинками-подсказками :

1) Это конечный результат настроек. Разумеется, прозрачность и привлекательный эффект переходов будет виден вам только тогда, когда вы сами установите модуль. Скриншот передаёт всего лишь миг, и он примерно таков:

Расширения Joomla! :: Модули
Рис.5

Теперь посмотрите внимательно, какие параметры были установлены, чтобы получилось то, что изображено на Рис.5  :

2) Блоки "Подробности" и "Назначение меню":

Расширения Joomla! :: Модули
Рис.6

 3) Блок "Параметры" - "Параметры модуля"

Расширения Joomla! :: Модули
Рис.7

4) Блок "Параметры" - "Другие параметры" :

Расширения Joomla! :: Модули
Рис.8

Вот и всё. Не забудьте по окончанию работы нажать на кнопку "Сохранить".

 

P.S. Уже после того, как был написан урок, Татьяна задала вопрос: "Скажите, пожалуйста,как можно сделать так, чтобы изображение отображалось посередине? Сейчас оно у меня привязано с левому края модуля, и на главной странице сайта это смотрится некрасиво".

Ответ: для того, чтобы изображение отображалось "правильно", надо, чтобы ширина вставленной в него картинки (картинок) по размерам совпадала с шириной модульной позиции. В моём примере на Рис. 5 вы видите, что модуль установлен в правой позиции шаблона. Примерная ширина этой позиции - 160 рх. Значит, картинку надо подбирать примерно с такой же шириной, чтобы она не смотрелась сдвинутой влево. К примеру, демо-картинка свежей булочки имеет размер 150х159рх. Присмотревшись, вы заметите, что справа у неё как бы остаётся свободное место примерно в 10 рх. Следовательно, если бы я стала использовать модуль именно на этом шаблоне, то изготовила бы для него серию картинок с шириной 160 рх.

Поскольку в каждом шаблоне свои размеры подульных позиций, то и подбирать картинки надо с оглядкой на этот размер. Если ваша картинка больше, чем установленный размер модульной позиции, то в параметрах модуля можно зафиксировать нужный вам размер картинки (см. Рис 7).

Теперь о том, ГДЕ брать картинки и в какую папку их складывать:

в Джумла все картинки сайта мы храним в папке images. В ней есть папка stories. А теперь уже в этой папке есть ещё две, предназначенные для демонстрационных целей. В этом уроке я  использовала картинки из папки food. Они идут вместе с Джумлой. Откройте папку и посмотрите, как называются картинки: bread.jpg, milk.jpg, и так далее. В параметрах сегодняшнего модуля мы должны были прописать путь к каждой картинке (я для наглядности показала его на рисунках красным шрифтом).

Но это "учебные" картинки. Когда вы будете делать свои настоящие, то можете положить их в ту же папку food (удалив из неё все джумловские картинки), со своими названиями (но подписанные латиницей). Можете создать вообще другую папку, и тогда в параметрах модуля прописать путь к картинкам из этой папки.

Екатерина (см. комментарии ниже) спрашивает меня о том, где брать картинки. Отвечаю: везде, где найдёте: на платных и бесплатных хостингах, сделанные лично Вами, отсканированные из книг, и т.д. и т.п. Разумеется, с ними надо поработать - например, уменьшить, если оригинал слишком велик, вырезать фрагмент, усилить резкость, добавить яркости и пр. Всё это легко делается в фотошопе. Если его нет - можно использовать наш фотошопчик-онлайн.

Ну, а для начала используйте всё-таки те картинки, о которых я говорю в этом уроке. Когда вы понимаете сам ПРИНЦИП работы, то всё становится до удивления простым. .

Успехов!



 
ВХОД на сайт



Базовый курс создания сайта

Предисловия к Базовому курсу

Установка и настройка Joomla!

Работа с расширениями Joomla!

2011-03-11-22-16-12Работа со статьями

Создание меню

Работа с хостингом

Безопасность сайта

Ссылки для скачиваний

Демонстрация модуля JV Tabs

Joomla Templates and Joomla Extensions by ZooTemplate.Com
  • Разные расширения

  • Как сделать?...

  • Темы сайта

 

Есть ли народ на сайте?

Сейчас 12 гостей онлайн

Мы вконтакте

Как сделать?...

Контакты





Copyright © 2011. Joomla! для "чайников". Автор сайта Наталья Мельниченко
Follow us on Twitter