Вторник, 24.10.2017, 07:07
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Наш опрос
Ваше любимое оружие в Counter Strike 1.6


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

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


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

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

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

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

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


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

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Дополнительные поля в материлы uCoz
Алексей написал:
Не работает
Новость: Блок баннеры "Наши друзья" uCoz
написал:
http://programm-ist.ucoz.org/полюбуйтесь моим сайтом))) Спс За Блок, надо подверстать! cool
Новость: Поисковые боты Google, Yandex, Rambler в статистики онлайн uCoz
написал:
в новый блок воткнул данный скрипт. Все ок. В новом блоке (бот) отображаются боты, а в статистике, добавилось/сколько ботов и посетителей Спасибо
Новость: Кнопка "На верх" для сайта UCOZ
написал:
У меня эти кнопки никак не проявляются. Пробовала разные ставить.
Новость: Выделяем цветом личные сообщения на uCoz сайте
andre написал:
Инструкции по установке скриптов http://mexanus.ru

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

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

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

Эффект ввода сообщений в текстовые поля для uCoz

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

Что у нас есть на тему ввода текстовых сообщений? Хочется необычного и красивого плагина, который эту проблему превратить из насущной, в приятную и решенную. Вот как раз наткнулся на такой продукт Ucoz - шикарнейший плагин, который неожиданно и оригинально визуализирует ввод сообщений в  текстовые поля на сайте.
.Какие такие эффекты, спросите вы. Fancy input предлагает несколько  вариантов анимированных дизайнов ввода - это и эффект пишущей машинки, только современной и стильной, на которой буковки четко выпрыгивают испод курсора. Или появляются в поле большими, но резко уменьшаются, как бы сжимаясь, когда попадают в ваше текстовое окно - съеживаются, правильнее сказать. Очень эффектно смотрится еще один эффект - таинственное, но быстрое появление букв из центра вводимого пространства. Вообщем дизайнеры постарались на славу - плагин работает четко и много места на сайте не займет. А выбирая эффекты ввода текста, вы проведете занимательные часы, это мы вам гарантируем - плагин заставляет немного на нем залипнуть. Скачивайте, смотрите, адаптируйте под стиль своего сайта.

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

Установка:

После /head на нужных страницах вставляйте:
<link rel="stylesheet" href="/css/fancyInput.css">
<script src='/js/fancyInput.js'></script>
<style>
.fancyInput {
min-width:300px;
max-width:250px;
font-size: 16px;
color: #FFF;
vertical-align: middle;
line-height: 1.3;
overflow: hidden;
text-align: left;
box-shadow: 0 1px 0 rgba(255, 255, 255, .15), 0 2px 4px rgba(0, 0, 0, .2) inset, 0 0 12px rgba(255, 255, 255, .1);
padding: 8px 20px;
background: rgba(0, 0, 0, .1);
border-radius: 5px;
}
</style>

Текстовое поле стилизуйте на своё усмотрение

Вот так оформляются текстовые поля:
<div id='content' class="effect4">
<!-- класс effect4 - это номер эффекта вывода текста. Всего эффектов 5. Выставляйте тот, что вам понравится-->
<section class='input'>
<div>
<input type='text' />
</div>
</section>
</div>

В самый низ страницы после /body вставляйте:
$('section :input').val('').fancyInput()[0].focus();
// Everything below is only for the DEMO
function init(str) {
var input = $('section input').val('')[0],
s = 'http://apo-ucoz.com - уникальные скрипты для uCoz'.split('').reverse(),
len = s.length - 1,
e = $.Event('keypress');

var initInterval = setInterval(function () {
if (s.length) {
var c = s.pop();
fancyInput.writer(c, input, len - s.length).setCaret(input);
input.value += c;
//e.charCode = c.charCodeAt(0);
//input.trigger(e);

} else clearInterval(initInterval);
}, 150);
}

init();



При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Эффект ввода сообщений в текстовые поля для uCoz



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


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

Хостинг от uCoz