Маленькая плюшка для доски объявлений

Доброго времени суток сообществу!!!

На досуге развлеклись с доской объявлений увидев данный пост на хабре решили применить. Сам ПОСТ.

И так теперь немного подробнее. Демо нет так как манипуляций не много и каждый сможет протестировать эффектов много все не покажешь.

Шаг первый:
Качаем библиотеку по данной ссылке так же ссылка на гит.
Демо эффектов

Шаг два:
Заливаем библиотеку к себе на хост.
Заливаем файл animate.min.css в папку /template/ваш шаблон/css/

Шаг три:
Приписываем в template.php вашего шаблона
Шаг четыре:
В компоненте доски ищем файл com_board_items.tpl
В нем ищем <div class="bd_item{if $con.is_vip}_vip{/if}"> к нему добавляем еще 2 класса animated и fadeInDown
Должны получить к примеру следующее На этом все! Всем приятного использования.
Буду кричать большое спасибо вашему плюсику в карму для бложка.

Всем спасибо за внимание, надеюсь будет кому то полезна данная маленькая фича.
Всем удачи с вашими сайтами.

UPD применить вы ее можете где угодно. Компонент объявлений мы применили для примера.

Проделал все по инструкции вроде, скачал с гита архив.
Залил в корень папку source.
Далее все по инструкции.
Никаких изменений не произошло.

Может упустил что, но не мешало бы чуть подробнее.

Artem,

Залил в корень папку source.

папку source не заливайте в корень из папки библиотеку залейте в папку css вашего шаблона.

а что оно вообще даёт?

Рома, интересный эффект при загрузке страницы. Эффект работает на самих объявлениях.

Если честно тоже не совсем понял и можно куда то в другое место загрузить файлы
Нужно что ни папку а только файл animate.min.css скачать?
А еще покажите пож-та пример на сайте, что именно происходит после таких операций.

Шаг два:
Заливаем библиотеку к себе на хост.
Заливаем файл animate.min.css в папку /template/ваш шаблон/css/

Ребята, читайте внимательнее. По поводу демо нету тестовой плащадки на данный момент вам показать.

папку source не заливайте в корень из папки библиотеку залейте в папку css вашего шаблона.

библиотека = source ?

Странно, но у меня в описанном мной случае уже заработало…

библиотека = source ?

Там должен лежать файл css. И в самом деле странно как заработало.

qb прошу прощенья а то вообще запутался "Заливаем библиотеку к себе на хост".
animate.css-master — эту папку нужно положить в корень раздела
а уже из нее animate.min.css в папку /template/ваш шаблон/css/

Правильно?

Erwin, нет просто положите animate.min.css в папку css вашего шаблона.

прикольно. только хотел бы уточнить что если это используется только в доске объявлений, таскать по всему сайту лишнюю таблицу стилей не очень удобно, можно подключить непосредственно в файле com_board_items.css

таскать по всему сайту лишнюю таблицу стилей не очень удобно, можно подключить непосредственно в файле com_board_items.css

Совершенно правильное предложение.
В файле animate.css 3000 строк кода, вес 61 кб. Если кто желает облегчить файл, перейдите по ссылкеanimate custom build, и создайте ( и скачайте) свой файл содержащий только то что выбрано из эффектов.

oll, отличный совет. Спасибо

Плюшка 😊 здорово звучит. Пойду себе 2 сделаю.