Суббота, 21.04.2018, 10:43
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Наш опрос
Играете ли вы в Counter Strike?


Всего ответов: 1943

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 8
Гостей: 8
Пользователей: 0


Зарегистрировано 30572 (сегодня + 1 новых, вчера + 0 новых), В каталоге файлов 1128 материала(ов), Оставлено 5132 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Мини-кабинет личного профиля сайта uCoz как на CSL.lv
Игорь написал:
Добрый день
Есть ли сейчас какой-то функционал,на основе которого можно сделать подобие личного кабинета пользователя со статистикой?
Нужен минимум, как пример:
http://joxi.ru/82Q9JP6t1EaRg2 - главная страница
http://joxi.ru/Q2K9kPNt9Y6WQr - форма регистрации
http://joxi.ru/n2Y9pP3tj31n42 - меню пользователя простейшее
Через какие инструменты можно будет создать подобное?
Новость: Видео чат для вашего сайта
написал:
интересно
Новость: Ремонт стиральных машин. Как часто возникают такие проблемы?
Ivan Andrushenko написал:
Спасибо за статью автору! Наша группа по ремонту стиральных машин https://vk.com/rem52x всегда читает этот сайт, так как здесь всегда полезная информация. Рекомендуем wink
Новость: Скрипт выдвижное меню для ucoz
Евгений Вермут написал:
Меню шириной на всю страницу evil

Читать все комментарии
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [11.11.2013, 01:48]

Красивые анимации текста через плагин textillate и CSS3 для uCoz

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

Спасиво веб-мастеру Apocalypse за очередное классное готовое решение для uCoz. Для тех кто ищет хороший плагин, создающий анимации для баннеров без картинок и флэша - вы нашли то что искали. Точнее, мы нашли и спешим поделиться с вами своей новинкой. Плагин очень прост в установке - тут нет равным по простоте продуктам от Ucoz. Имя ему Textillate и создан он через CSS3, так что сами видите - много места не займет, а установить, как мы уже говорили - проще простого.

  • Дешевые столешницы из искусственного камня в широком ассортименте Вам предлагает наша компания. Узнайте больше на сайте http://ameriko.ru/.
Так же плагин предполагает различные способы защиты анимации текста, что не маловажно при создании баннеров. Ограничений на анимацию текста вообще нет, а эффектов море - от самых простых и всем давно известных, до новых, только что придуманных и выпущенных на просторы интернета, где мы их и поймали. Текстовые сообщения могут и стремительно вылетать буковка за буковкой, и повисев немного, опадать как осенние листья вниз, цепляясь друг за друга. конечно же можно задать скорость и частоту всех этих эффектов. Так же текст может таинственно выплывать из темного фона или элементы будут вылетать в произвольном порядке, формируя части слов постепенно превращая это в осмысленное предложение. Основная фишка, конечно же в эффекте выпадения элементов - буковки падают вниз то с большой скоростью и с большей высоты, а могут просто легко раскачиваясь лениво уползать вниз - с этой штукой можно позаморачиваться долго, но эффект будет того стоить - ваш идеальный баннер с текстовым наполнением будет создан - гарантируем!

Важно! Скрипты из прикреплённого архива залейте в папку js, стиль в папку css

Установка:

После /head на нужных страницах вставляйте:
<link href="/css/animate.css" rel="stylesheet">
<script src="/js/jquery.textillate.js"></script>
<script src="/js/jquery.fittext.js"></script>
<script src="/js/jquery.lettering.js"></script>
<script>
$(document).ready(function() {
$('.tlt').textillate({
// стандартный селектор, который будет автоматически обрабатываться
selector: '.texts',
// повторение
loop: false,
// минимальное время задержки до перемещения букв
minDisplayTime: 2000,
// устанавливает задержку до начала анимации
initialDelay: 0,
// запускать ли анимацию автоматически
autoStart: true,
// анимация в начале
in
: {
// название анимации
effect: 'flip',
// фактор задержки между показом букв
delayScale: 1.9,
// задержка между буквами
delay: 50,
// установите true, чтобы все буквы анимировались одновременно
sync: false,
// перемешивать ли буквы при анимации
// (не работает, если включена предыдущая опция sync = true)
shuffle: true
},
// настройки конечной анимации
out: {
effect: 'hinge',
delayScale: 1.5,
delay: 50,
sync: false,
shuffle: false,
}
// Русификация от Apocalypse
});
});
</script>

Список доступных анимаций: flash | bounce | shake | tada | swing | wobble | pulse | flip | flipInX | flipInY | fadeIn | fadeInUp | fadeInDown | fadeInLeft | fadeInRight | fadeInUpBig | fadeInDownBig | fadeInLeftBig | fadeInRightBig | bounceIn | bounceInDown | bounceInUp | bounceInLeft | bounceInRight | rotateIn | rotateInDownLeft | rotateInDownRight | rotateInUpLeft | rotateInUpRight | rollIn

Текст, который нужно анимировать, обрамляйте в любой тег с классом tlt:
<div class="tlt">http://scripts-for-ucoz.ru</div>



При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Красивые анимации текста через плагин textillate и CSS3 для uCoz



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: Скрипты для uCoz | Добавил: scripts_for_ucoz | Теги: textillate, анимации, через, uCoz, плагин, CSS3, текста, красивые
Просмотров: 3420 | Загрузок: 19 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz