Суббота, 20.10.2018, 10:06
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
  • Основные достоинства теплого пола
  • Виртуальное казино играть онлайн бесплатно слоты
  • Установка качественного интернета в офисы
  • Онлайн клуб Вулкан играть автоматы
  • Как начать играть в онлайн казино?
  • Как правильно выбрать домашний интернет и телевидение
  • Как начать учить английский язык?
  • Web дизайн с эксклюзивной графикой от фрилансера
  • Когда выгодно использовать напольно-потолочные кондиционеры сплит-системы?
  • Загляните в самый популярный интернет-магазин умных устройств
  • Разработка сайта
  • Что влияет на стоимость сайта?
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
  • Наш опрос
    Какой дизайн лучше?


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

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


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

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

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

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

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


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

    установить такой блок
    Расскажи Друзьям!
    Комментарии
    Новость: Фотогалерея для uCoz с плавным увеличением фото (lightbox)
    Павел написал:
    ваша фотогалерея не работает на шаблонах ucoz, перепроверьте работоспособность и исправьте свои ошибки. спасибо
    Новость: Музыкальный шаблон
    eddison написал:
    doe it use file catalog or forum?
    Новость: Что такое деревопласт? Приобретение забора из деревопласта?
    написал:
    Интересный материал для строительства, даже не слышал о таком. smile
    Новость: Мини-кабинет личного профиля сайта uCoz как на CSL.lv
    Игорь написал:
    Добрый день
    Есть ли сейчас какой-то функционал,на основе которого можно сделать подобие личного кабинета пользователя со статистикой?
    Нужен минимум, как пример:
    http://joxi.ru/82Q9JP6t1EaRg2 - главная страница
    http://joxi.ru/Q2K9kPNt9Y6WQr - форма регистрации
    http://joxi.ru/n2Y9pP3tj31n42 - меню пользователя простейшее
    Через какие инструменты можно будет создать подобное?

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

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

    Хостинг от uCoz