Вторник, 03.12.2024, 20:38
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
  • В развесном табаке в Москве обнаружили листья клубники
  • Илон Маск: К 2030 году роботы научатся использовать криптовалюту
  • Масло ЛУКОЙЛ СТАБИО 46 стало самым популярным в России
  • Что именно в России относят к арбитражным делам
  • В Минске резко вырос спрос на разработчиков сайтов
  • Зачем нужны многофункциональные конвертеры DALIGate DIN
  • Антикварные магазины мебели становятся все более популярными в РФ
  • Ветеринары из Махачкалы отмечают рост заболеваний среди высокогорных овечек
  • В России возник дефицит терминалов сбора данных для складов
  • Продвижение с помощью «Site Ok‎»: Пакеты крауд-ссылок и их ценовая политика
  • Разработка сайта
  • Что влияет на стоимость сайта?
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
  • Наш опрос
    Какую социальную сеть предпочитаете?


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

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


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

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

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

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

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


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

    установить такой блок
    Расскажи Друзьям!
    Комментарии
    Новость: Просмотры и посетители для вашего сайта БЕСПЛАТНО
    написал:
    В итоге получим в статистике целую кучу ботов, и отказов. Что само собой скажется на ПС
    Новость: Фотогалерея изображений для uCoz
    Sultanbek Ajdos написал:
    Не убрать календарики правильно
    Понедельник, 22 ноября 2010 г.
    Карманный календарь 2010 г.

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

    установить такой информер
    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, поля, сообщений
    Просмотров: 6234 | Загрузок: 10 | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Для добавления необходима авторизация

    По вопросам сотрудничества и рекламы пишите на почту rusalex11@live.com Хостинг от uCoz