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

Маленький интересный хак анимации

 
Посетитель
small user social cms
Медаль
Сообщений: 230
Доброго времени суток сообществу!!!

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

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

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

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

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

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

UPD применить вы ее можете где угодно. Компонент объявлений мы применили для примера.
Редактировалось: 5 раз (Последний: 4 января 2014 в 02:30)
Посетитель
small user social cms
Сообщений: 57
Проделал все по инструкции вроде, скачал с гита архив.
Залил в корень папку source.
Далее все по инструкции.
Никаких изменений не произошло.

Может упустил что, но не мешало бы чуть подробнее.
Реклама
cms
Посетитель
small user social cms
Медаль
Сообщений: 230
Artem,
Artem:
Залил в корень папку source.
папку source не заливайте в корень из папки библиотеку залейте в папку css вашего шаблона.
Посетитель
small user social cms
Медаль
Сообщений: 359
а что оно вообще даёт?
Посетитель
small user social cms
Медаль
Сообщений: 230
Рома, интересный эффект при загрузке страницы. Эффект работает на самих объявлениях.
Посетитель
small user social cms
Медаль
Сообщений: 438
Если честно тоже не совсем понял и можно куда то в другое место загрузить файлы
Нужно что ни папку а только файл animate.min.css скачать?
А еще покажите пож-та пример на сайте, что именно происходит после таких операций.
Редактировалось: 1 раз (Последний: 5 января 2014 в 03:23)
Посетитель
small user social cms
Медаль
Сообщений: 230
qb:
Шаг два:
Заливаем библиотеку к себе на хост.
Заливаем файл animate.min.css в папку /template/ваш шаблон/css/
Ребята, читайте внимательнее. По поводу демо нету тестовой плащадки на данный момент вам показать.
Посетитель
small user social cms
Сообщений: 57
qb:
папку source не заливайте в корень из папки библиотеку залейте в папку css вашего шаблона.

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

Странно, но у меня в описанном мной случае уже заработало... shock
Посетитель
small user social cms
Медаль
Сообщений: 230
Artem:
библиотека = source ?
Там должен лежать файл css. И в самом деле странно как заработало.
Редактировалось: 1 раз (Последний: 5 января 2014 в 03:54)
Посетитель
small user social cms
Медаль
Сообщений: 438
qb прошу прощенья а то вообще запутался "Заливаем библиотеку к себе на хост".
animate.css-master - эту папку нужно положить в корень раздела
а уже из нее animate.min.css в папку /template/ваш шаблон/css/

Правильно?
Посетитель
small user social cms
Медаль
Сообщений: 230
Erwin, нет просто положите animate.min.css в папку css вашего шаблона.
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 2603
прикольно. только хотел бы уточнить что если это используется только в доске объявлений, таскать по всему сайту лишнюю таблицу стилей не очень удобно, можно подключить непосредственно в файле com_board_items.css
Посетитель
small user social cms
МедальКубок зрительских симпатий
Сообщений: 754
Нил:
таскать по всему сайту лишнюю таблицу стилей не очень удобно, можно подключить непосредственно в файле com_board_items.css
Совершенно правильное предложение.
В файле animate.css 3000 строк кода , вес 61 кб. Если кто желает облегчить файл , перейдите по ссылке animate custom build, и создайте ( и скачайте) свой файл содержащий только то что выбрано из эффектов.
Посетитель
small user social cms
Медаль
Сообщений: 230
oll, отличный совет. Спасибо
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1012
Плюшка smile здорово звучит. Пойду себе 2 сделаю.
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.