регистрация
856материалов
3353комментария
245тем на форуме
7114пользователей
Модальное окно “Motion” с SVG эффектом

Модальное окно “Motion” с SVG эффектом



Сейчас довольно трудно представить себе сайт, где были бы не нужны модальные окна. Пользовательские диалоги, отправка и приём данных, уведомления, предупреждения, подсказки — всё это может появляться в виде всплывающих окон на самых разных сайтах, от развлекательных до корпоративных. Используя представленные в нашей коллекции скрипты, вы сможете без лишней нагрузки организовать работу вплывающих окон на своём сайте. Простое, и в тоже время необычное модальное окно с помощью элементов SVG. Данный тип веб-графики очень стремительно набирает обороты, а современные технологии помогают делать потрясающие вещи. Модальное окно с эффектом при появлении. Поддержка IE9+

Слайдер “Quotes Rotator” для uCoz

Слайдер “Quotes Rotator” для uCoz



Quotes Rotator - это некий слайдер/ротатор цитат с использованием разнообразных картинок и с неограниченным количеством вкладок. У слайдера используется автозапуск. Индикатор выше, показывает прогресса цитируемости содержимого. Цитата с изображением используется в качестве примера. Также, можно заместо картинок использовать видео или flash, а сам слайдер можно содержать что угодно, хоть одни картинки. Кстати, css очень коротенький и простенький, поэтому вы сможете с легкостью подогнать его под свой сайт.

Боковое меню “Motion” с SVG эффектом

Боковое меню “Motion” с SVG эффектом



С помощью возможностей JQuery мы можем превратить меню навигации в динамическое меню. Хотя сейчас для создания динамической навигации можно использовать только CSS3, JQuery делает меню еще более функциональным. Помимо динамических функций, дизайн также играет немаловажную роль. Хотя бы потому, что это то, что посетители видят в первую очередь, когда заходят на ваш сайт. Если меню будет непрезентабельным, это даст пользователям плохой опыт взаимодействия. Хороший дизайн меню в свою очередь увеличит качество вашего сайта, и даст лучший опыт взаимодействия пользователей.

Страница из двух слайдов для uCoz

Страница из двух слайдов для uCoz



Небольшой и весьма интересный вариант реализации одностраничного слайд-шаблона для портфолио, небольшой по размеру, но весьма информативный шаблон с оригинальной графикой и интуитивно понятным интерфейсом. Данный шаблон является реализацией небольшого портфолио, состоящего из двух полноэкранных слайдов. Данный пример использует медиа запросы для обеспечения адаптивности. Работает во всех современных браузерах, включая IE9. Содержимое слайдом может содержать что угодно. Установка очень проста и не займет много времени.

Простая реализация кнопки “наверх” для uCoz

Простая реализация кнопки “наверх” для uCoz



Чем проще навигация на вашем сайте, тем удобнее им пользоваться. Сегодня все чаще в рунете можно встретить кнопку “подняться вверх”. Она обычно появляется в нижнем углу сайта при скролле и прячется, если страница прокручивается вверх. Я думаю, что не стоит показывать, как она выглядит на сайтах, так как почти на каждом ресурсе она есть. Это простая кнопка со стрелкой вверх или со словом, при нажатии на которую вы быстро перемещаетесь в самую верхнюю область сайта. Данная функция - это некий элемент, который в определенных случаях улучшает юзабилити сайта.

Адаптивные табы (вкладки) для uCoz

Адаптивные табы (вкладки) для uCoz



Не так давно, мы рассмотрели простейший способ реализации вкладок (табов) с содержанием, с подключением javascript, используя стандарты CSS3. Сегодня я хочу познакомить вас, с ещё одним, не менее интересным решением по формированию компактного блока вкладок (табов), построенных на чистом CSS3 и использованием элементов адаптивной вёрстки. Как и в первом варианте, ничего лишнего и громоздкого, самый минимум кода css, и в вашем распоряжении появится адаптивный блок с переключаемыми вкладками, который отлично впишется в любой раздел страницы, будь то отдельное сообщение, боковая колонка, или же модальное окно.

Меняем вид checkbox и radio для сайтов uCoz

Меняем вид checkbox и radio для сайтов uCoz



Представлю Вам очередное не стандартное решение от сайта uGarts.ru. Сегодня речь у нас пойдет о кнопках checkbox и radio. Начну с того что долго голову не ломал, и велосипед придумывать не пришлось, т.к. в интернете есть кучу способов замену чебоксов, есть те кто изменяют их через js плагины, но это я считаю старым способом, поэтому проще оформить все в CSS. Смысл CSS кода состоит в том что при использовании псевдоклассов :checked и :not, в начале CSS кода скрываются chebox и radiobutton

Вид checkbox и radio для uCoz

Вид checkbox и radio для uCoz



Начну с того что долго голову не ломал, и велосипед придумывать не пришлось, т.к. в интернете есть кучу способов замену checkbox, есть те кто изменяют их через js плагины, но это я считаю старым способом, поэтому проще оформить все в CSS. Смысл CSS кода состоит в том что при использовании :checked и :not, в начале CSS кода скрываются chebox и radiobutton. Кнопки выполнены в зелен стиле (если она активна), а если пассивна, то серый цвет. В материале присутствует демонстрация кнопок checkbox и radio. Установка очень проста, надо просто наш код вставить в Ваш CSS

Уведомление об ответе на комментарий для uCoz

Уведомление об ответе на комментарий для uCoz



Представляем Вашему вниманию скрипт "Уведомление об ответе на комментарий его автора". Установив данный скрипт, у пользователей, отвечающих на комментарии других пользователей используя кнопку "ответить" появится возможность уведомить с помощью ЛС автора комментария, что, в свою очередь, ускорит ответ. Скрипт также немного видоизменяет окошко ответа на комментарий, подходит для всех групп пользователей - имеется поддержка капчи. Не давно система uCoz внедрила комментирование через социальные сети и данный скрипт даже подходит для новой функции комментирования.

Лучший комментарий для uCoz

Лучший комментарий для uCoz



Хочу представить вам скрипт для вывода лучшего комментария на uCoz. Данная реализация работает только в "каталоге файлов", но передать её под остальные модулю не составит труда. Если будут проблемы или просто не будет получается, отписываемся в комментариях, помогу с установкой. Первым делом подключим сам скрипт поиска лучшего комментария к материалу (страница материала и комментариев к нему). Не уходим со странички с "Видом комментариев". Еще нужно в самое начало, перед всем кодом, добавить тег, а в самый низ закрывающий тег.

« 1 2 ... 4 5 6 7 8 ... 83 84 »
Хотите сайт всего за 10 дней?
Создать сайт вместе с uKit.com
Статистики нашего сайта
Правила чата
Пользователи онлайн
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 2
Гостей: 2
Пользователей: 0