Гостевой вход

Вы не залогинились

Лента материалов Веб-дизайн (исходники и демо) RSS

Всего материалов в каталоге: 56
Показано материалов: 1-10
17 Вывод основной части контента по клику Сегодня мы рассмотрим скрипт, с помощью которого можно оформлять материал следующим образом: краткая версия материала, по клику на ссылке "Читать больше", показывается полный текст материала на этой же странице.

93 Создаём 3D-кнопки с помощью технологий CSS 21 вариант различных цветовых схем для создания привлекательных кнопок с имитацией объёма, используются технологии CSS3.

104 Набор CSS-фильтров для изображений В данном материале мы рассмотрим набор CSS-фильтров для изображений, которые позволят вам добиться над изображением таких результатов, которых раньше вы могли добиться, лишь используя программы графического редактирования, тот же Adobe Photoshop например.Сделать фото более или менее контрастным, разблёрить, создать эффект сепии, всё это можно сделать теперь, используя лишь CSS-технологии, небольшим фрагментом кода. Поехали!

187 Дополнительная информация во всплывающих подсказках на CSS
Tooltips ( 13.04.2017 )
Интересное, на мой взгляд, решение с выводом дополнительной информации для изображений. Суть: имеем фотогалерею с изображениями, для которых изначально снижена непрозрачность,при наведении на изображение параметр opacity становится равным единице и выводится дополнительная информация об изображении, при этом само изображение вместе с текстом подсказки выводится в едином блоке на белом фоне.

280 Оригинальный Lightbox от Lokesh Dhakar Классический лайтбокс от Lokesh Dhakar, рассмотрим два варианта: лайтбокс для одиночных изображений и лайтбокс для группы изображений с элементами навигации.

287 5 вариантов CSS3 HOVER-эффектов для изображений Рассмотрим пять различных вариантов эффектов для изображений при наведении, в которых используя свойство border, мы получаем довольно специфичные эффекты. Обращаю внимание, что демо-примеры будут работать только в современных браузерах, поддерживающих CSS3.

296 3 варианта CSS3 HOVER-эффекта для изображений с подписями В современном интернет-сообществе существует множество методов, используемых для создания интерактивности на сайте, но, пожалуй, наиболее элегантным остаётся CSS, и, в частности, возможности, пришедшие к нам с появлением CSS3. Раньше, для создания каких-то эффектов, мы прибегали к помощи JavaScript технологий, но теперь, благодаря всё более растущей поддержке многими современными браузерами технологий CSS3, реализовать эффекты сейчас можно без каких-либо скриптов. Здесь мы рассмотрим три варианта различных эффектов для изображений, суть которых: появляющаяся подпись к изображению, сопровождается каким-то эффектом.

273 15 HOVER-эффектов для изображений с помощью CSS CSS-технологии в настоящее время дают широкий спектр возможностей для создания различных эффектов, переходов, анимаций, которые визуально делают работу пользователя с элементами сайта более привлекательной. В этом материале мы рассмотрим 15 различных HOVER-эффектов для изображений, которые могут украсить фотогалерею вашего сайта или портфолио.

541 Lightcase.js - респонсивный Lightbox на основе jQuery и SASS Lightcase.js представляет собой мощный и гибкий плагин Lightbox для настольных компьютеров и мобильных устройств. Он использует CSS3 переходы, работает со сторонними ресурсами, поддерживает различные типы устройств, а также все современные браузеры, такие как Google Chrome, Mozilla Firefox, Opera, Internet Explorer 9+ и многие другие.

312 Hover.css - набор CSS3 эффектов для элементов страницы сайта
Прочее ( 12.11.2016 )
Hover.css представляет собой таблицу CSS-стилей, применимых к различным элементам на странице сайта (ссылкам, кнопкам, логотипам, SVG и просто изображениям), дающих в итоге различные визуальные эффекты, как то: трансформация, фоновые и граничные переходы, тени и свечение, пузыри и загнутые уголки и прочее. Вся прелесть в том, что вам достаточно подключить файл стилей hover.css на страницах своего сайта и прописать для нужных элементов страниц соответствующие эффектам классы и всё, можете любоваться!

1-10 11-20 21-30 31-40 41-50 51-56

Метки для поиска материалов

слайд-шоу изображений вид материалов форума статистика кто онлайн слайдер изображений респонсивный слайдер Информеры облако тегов оформление кнопок Шаблон форума Вид комментариев переключатели страниц вид материалов аккордион иконка календаря слайдер контента вид ссылок в каталоге uCoz меню форума меню навигации SVG подсветка кода цветовой переход для изображений бесплатные шрифты прайс-таблица кнопки 3D-кнопка Bootstrap анимация онлайн-инструменты прогресс-бар форма авторизации оформление списка вертикальное меню экшены фотогалерея адаптивная фотогалерея Zoom для изображений иконки рукописные иконки Винтаж логотипы Ретро всплывающие подсказки оформление текстовых блоков FLAT ретушь лица модальное окно плагины для Photoshop страница товара коллаж hover-эффекты Sass подписи для изображений Lightbox UI Kit тег hr CSS-фильтры 3-D кнопка раскрывающийся текст по клику

Новое в разделе "Для UCOZ"

50 Подсветка кода для uCoz: разнообразие оформления, найди по душе!
Разное ( 20.12.2017 )
Сегодня будем подключать различные варианты подсветки кода для сайтов на uCoz, причём, для того, чтобы подсветка заработала, вам не придётся закачивать на свой сайт никаких файлов, скриптов и прочего!
Установка быстрая и простая. А для оформления листингов кода вы по-прежнему будете пользоваться системными кодами uCoz.

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

97 Блок статистики "Кто онлайн" - оформление шестью цветовыми схемами. В этом материале оформляем статистику на uCoz, которая отражает онлайн-посетителей. Статистику заключаем в современно оформленный блок и на выбор будет целых шесть цветовых схем блока.
Мелочью типа выделения иконкой в онлайн-списке администраторов никого не удивишь. Есть эта возможность и для нашего блока.

382 Вид материалов форума (флип-карта мини-профиля со своим фоном)
Форум ( 29.09.2017 )
Сегодня представляю вашему вниманию очередной вариант оформления мини-профиля в сообщениях форума. Под мини-профилем я понимаю левую часть сообщения, где располагается аватарка пользователя и краткая информация (статистика). Так вот, суть данного решения: во-первых, у каждого пользователя будет своё фоновое изображение мини-профиля, во-вторых, информация о пользователе становится доступной после клика по иконке информации, при этом происходит эффектная анимация, будто карточка мини-профиля поворачивается вокруг своей оси в горизонтальной плоскости.

145 Анимированное адаптивное выпадающее меню для форума (основное меню форума)
Форум ( 29.09.2017 )
Возьмём стандартное меню форума и немного оживим его с помощью анимации для выбираемых пунктов. В итоге получим стильное, но не перегруженное меню, которое подойдёт под любую цветовую схему сайта.
Приятным бонусом будет адаптивность данного меню.

Онлайн статистика

24.01.2018

Ср

Онлайн всего: 1
Гостей: 1
Пользователей: 0

На сайте сейчас:
Сайт управляется системой uCoz

Веб-дизайн в примерах,скачивание исходников, ресурсы для Photoshop,решения для сайтов uCoz.
PS-Studio.Info 2008 - 2018