gototopgototop
Register
Вход
HomeКак это сделать?... /  "Новые материалы" бегущей строкой
"Новые материалы" бегущей строкой E-mail
Повышаем мастерство - Как сделать?...
Автор: Наталья Мельниченко   
08.03.2012 17:55

Дорогие девочки, сегодня у нас праздник -  8 Марта. Я поздравляю всех вас с этим восхитительным - потому что он бывает только раз в году! - днём отдохновения от домашних забот! Получив праздничные подарки, можно спокойно заняться творчеством, т.е. любимым сайтом.

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

Модули Joomla! ::Art News Ticker

Для меня это первая настоящая примета нынешней весны, предупреждающая моих дражайших  учеников и учениц: скоро растает снег, просохнут дорожки любимого Павловского парка, и новых уроков у нас поуменьшится. Поэтому поспешим с установкой на сайте очередных прибамбасиков, которые я приготовила для вас в качестве подарка к сегодняшнему дню.

Подарок первый: модуль Art News Ticker. Он позволяет выводить заголовки материалов отдельной категории в виде бегущей строки.

Достоинства модуля: в файле style.css мы можем легко изменить внешний вид модуля, "подогнав" его под общий стиль сайта. Кроме этого, есть возможность дооформить модуль из админки с помощью предусмотренных разработчиком пользовательских параметров.

Как обычно, начинаем шагать:

Шаг 1. Скачиваем модуль Art News Ticker и устанавливаем его через меню Расширения>>Установить/Удалить.

Шаг 2. В менеджере модулей находим только что установленный модуль и открываем его для правки:

Модули Joomla! :: Art News Ticker
Рис.1

На что здесь следует обратить внимание:

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

2) Controls. Если вы поставите "Да", то внизу поля модуля появятся стрелки, и посетители сайта смогут, нажимая на стрелочки, быстро просмотреть все заголовки  последних статей выбранной вами категории (см. Рис.4 ).

3) Title text. Здесь можно написать текст, привлекающий внимание посетителей, например, "NEW!!!", "Новое", "Последнее" и т.п. По умолчанию, цвет шрифта этого заголовка - тёмно-красный, но его можно поменять.

4) Direction. Это направление бегущей строки - слева направо, или справа налево. Выбирать вам.

5) Категория. Ну, с этим, я думаю, всё понятно: для каждого модуля Art News Ticker (ведь их можно сделать несколько!) выбираете свою категорию. И потом модуль определенной категории публикуете на тех страницах, которые вы для этого выберете.

Шаг 3. Опубликуйте модуль, нажмите на кнопку "Применить" и посмотрите в лицевой панели, как сейчас смотрится ваш модуль. У меня, например, вот так:

Модули Joomla! :: Art News Ticker
Рис.2

Обратите внимание: на Рис.2 видно, что ниже модуля у меня стоит подобный ему - это родной джумловский, который показывает заголовки последних материалов всего САЙТА, т.е. из всех имеющихся категорий.

В отличие от него, модуль Art News Ticker отражает заголовки статей из определенной категории. Это позволяет убрать статичный джумловский модуль и заменить его модулем  Art News Ticker. При одном условии: создайте новую категорию, например, "Новое", и новые материалы сначала помещайте в эту категорию. По мере добавления материалов переносите ставшие "старыми" статьи в ту категорию, где им и положено находиться по тематике.

Шаг 4. Меняем стиль модуля. Для этого откроем файл style.css, путь к которому в корневом каталоге такой:
modules/mod_artnewsticker/css/style.css

Если вы никогда прежде не занимались правкой файлов css, то в праздничный день можно и рискнуть. Не бойтесь что-либо испортить, потому что этот файл всегда можно заменить на изначальный, "не порченый". Для этого надо будет всего лишь скопировать тот же самый файл из zip-архива модуля, как бы "наложив" его на показавшийся вам испорченным вариант.

Итак, открываем файл. Ищем места для правки: задний фон, размер шрифтов. Приблизительно вот это (естественно, на Рис.3 представленна только верхняя часть файла):

Модули Joomla! :: Art News Ticker
Рис.3

Не торопитесь менять сразу всё: заменили одну позицию, сохранили её, идём теперь в лицевую панель, перезапускаемся и смотрим результат. Продолжаем работать до победного конца. У меня, например, получилось вот что:

Модули Joomla! :: Art News Ticker
Рис.4

Хотя, конечно, я признаю, что сделала этот вариант на скорую руку, поэтому вполне возможно, что окончательная версия моего модуля будет иметь совсем другую внешность.

Итак, мои дорогие, с первым "подарком" мы разобрались, идём ко второму. Это тоже модуль, от того же разработчика, все работы которого мне очень нравятся - Artetics.com. Единственная жалость - это то, что не всё здесь бесплатное. Например, чудный плагин галереи Art Sexy Lightbox стоит 15 долларов. Не так уж и много по нынешним временам, но всё-таки...

Поэтому в следующем уроке мы с вами установим его бесплатный аналог в виде модуля, который  имеет похожее название - Art Sexy Lightbox Lite Edition.

 
ВХОД на сайт



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

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

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

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

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

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

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

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

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

 

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

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

Мы вконтакте

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

Контакты





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