урок верстка - Страница 41

Записи, помеченные ‘урок верстка’

Создание рекламного щита с использованием jQuery и CSS

Очень интересно создавать то, что обычно делается на flash, используя только CSS и jQuery. В этом уроке мы таким образом создадим поворачивающийся рекламный шит. Мы будем использовать изображения, CSS и jQuery, чтобы создать поворачивающийся рекламный щит с двумя рекламными изображениями. Основная задача, — чтобы один набор фрагментов изображения исчезал, пока другой набор с другим рекламным изображением [...]
Далее... 6 Комментариев »
Простая контент-галерея с использованием jQuery и CSS3

В этом уроке мы будем создавать автоматически меняющуюся контент-галерею, используя jQuery и CSS3. Основная задача — изменить фоновое изображение и плавно изменить заголовок и описание. При нажатии на элемент меню функция автоматического изменения останавливается, и выезжают соответствующие материалы.
Далее... 3 Комментариев »
Улучшенное выезжающее меню с использованием CSS и jQuery

В этом уроке мы разовьем тему, начатую ранее и улучшим меню, которое создавали в прошлом уроке. Предыдущая версия была очень милой, но нам не хотелось бы, чтобы пользователю пришлось наводить указатель мыши на все пункты меню, чтобы узнать, какие они. Так что мы подпишем пункты меню и заставим их высовываться, так что пользователю всегда будет видно, какие пункты существуют. [...]
Далее... Нет комментариев »
Создаем выезжающее меню с использованием CSS и jQuery

В этом уроке мы покажем, как создать выезжающее меню для вашего веб-сайта. Меню будет почти полностью спрятанным, элементы будут выезжать только когда пользователь наводит указатель мыши на область вблизи меню. Это создает очень красивый эффект, и использование этой техники может освободить немного места на вашем сайте. Элементы будут полупрозрачными, так что то, что находится под ними, [...]
Далее... 10 Комментариев »
Создаем меню с уменьшенными изображениями с использованием jQuery

В этом уроке мы создадим фиксированное меню с прокручиваемыми уменьшенными изображениями. Основная задача — создать меню, привязанное к низу страницы, и позволить вертикально расположенному набору уменьшенных изображений появляться, когда указатель мыши наведен на элемент меню. Уменьшенные изображения можно прокрутить, двигая мышь вверх-вниз, что создаст интересный эффект. Мы добавим свойства CSS3 для оригинальности.
Далее... 1 Комментарий »
Создаем выезжающий блок меню с помощью jQuery и CSS3

В этом уроке мы создадим уникальный выезжающий блок навигации. Основная задача — сделать так, чтобы блок с пунктом меню сдвинулся вниз и в то же время уменьшенное изображение появилось сверху. Мы также добавим блок подменю с вложенными ссылками для некоторых пунктов меню. Подменю будет выезжать влево или вправо в зависимости от того, на какой пункт мы наведем [...]
Далее... 1 Комментарий »
Эксперименты со свойством CSS3 background-clip: text

С помощью свойства CSS background-clip: text, которое сейчас поддерживается только браузерами Webkit, мы можем добавить фоновое изображение к текстовому элементу. Сегодня мы будем экспериментировать с ним и создадим забавные примеры с помощью CSS3 переходов.
Далее... 3 Комментариев »
Создание выезжающих блоков связанных сообщений с помощью jQuery и CSS3

Многие задаются вопросом, как показать посетителям больше своих работ. Обычно старые сообщения в блоге забываются, и даже если что-то все еще интересно и актуально, оно теряется в куче нового. Мы создадим небольшое приложение, которое может использоваться, чтобы показать связанные сообщения на каждой странице.
Далее... 1 Комментарий »
Эффект размытия с помощью CSS3 и jQuery

Сегодня вы увидите, как создать простой эффект размытия для текстовых элементов. Основная задача – есть набор текстовых блоков, которые будут размываться и уменьшаться, когда мы проводим над ними указателем мыши. Элемент в фокусе будет увеличиваться. Это создаст эффект фокуса, который привлечет внимание к элементу, над которым указатель мыши находится сейчас.
Далее... 1 Комментарий »