• В этом уроке я хочу рассказать о горизонтальном размещении элементов в пределах основного контейнера, используя только CSS. Эта задача не особенно сложна и может быть решена, с помощью селектора CSS:first-child. На рисунке ниже приведен пример горизонтального размещения: Вот HTML код,... 

    Создан: 26.08.2010 | Просмотров: 4,793

  • Эффекты анимации являются прекрасным дополнением к навигации что улучшает взаимодействие с веб-сайтом. Хотя с применением Adobe Flash все было бы намного оживленнее,  но мы воспользуемся всей мощью JavaScript, тем самым избежим использование Flash в целом. Итак, сегодня мы собираемся создать... 

    Создан: 20.08.2010 | Просмотров: 2,979

  • Создать меню с эффектом масштабирования, используя чистый CSS, вдохновила меня операционная система Mac OSX. Как работает данное меню? Меню основано на линейном расположении активных элементов. Значки меню реагируют на наведение курсора мыши, увеличиваясь в размере, становясь... 

    Создан: 18.08.2010 | Просмотров: 1,457

  • Этот скрипт был представлен Питером Джехригом на сайте www.fabulant.com. Исходный скрипт находиться по адресу: http://www.fabulant.com/downloadcenter/imglamellar3/imglamellar3.html. Конфигурация. Массив изображений. Чтобы использовать этот скрипт, Вы должны создать массив, содержащий изображения с заголовками,... 

    Создан: 10.08.2010 | Просмотров: 1,929

  • Недавно я посетил сайт разработчика MooTools Developer Кристофа Пойэра и увидел интересный эффект. А именно, при наведении курсора мыши на ссылку  она трансформируется со смещением влево или вправо. Для усиления эффекта, цвет фона ссылки можно изменять. Данный трюк реализуется только... 

    Создан: 09.08.2010 | Просмотров: 1,425

  • Добрый вечер всем, сегодня мы будем погружаться  в JQuery. То, что мы будем создавать, представляет собой небольшой сайт, благодаря меню которого, при нажатии, мы будем перемещаться к нужному нам разделу. Итак начнем … Нарезка изображений из готовых файлов PSD. Прежде чем мы начнем,... 

    Создан: 07.08.2010 | Просмотров: 1,139

  • Вы видели сайт Дэвида Десэндро? В его футере присутствует очень интересный эффект: Данная техника довольно проста. Давайте посмотрим. Множество текстовых теней Главную ключевую роль данного эффекта играет свойство CSS3 – text-shadow. Обычно это выглядит так: .shadow { text-shadow: 2px 2px 4px... 

    Создан: 20.04.2010 | Просмотров: 2,078

  • Когда люди мало знакомы с основами CSS, проявляется тенденция стремления к позиционированию. Позиционирование кажется на первый взгляд простым. Вы определяете, где точно должен быть расположен блочный элемент. Но все не так просто, как, кажется на первый взгляд. Есть несколько... 

    Создан: 19.04.2010 | Просмотров: 4,386

  • Декларация !important была валидна начиная с CSS1, но она, похоже, приобрела плохую репутацию за эти годы. Хотя если ее использовать с осторожностью, то это будет полезным и мощным инструментом, который заслуживает свое место в мире  CSS. Данная статья предлагает руководство по тому,... 

    Создан: 09.04.2010 | Просмотров: 2,514

  • Что такое «float»? Float в CSS является свойством позиционирования. Для того чтобы понять его цели и происхождение, можно сравнить его с полиграфическим дизайном. При подготовке к печати изображения позиционируют так, чтобы текст как бы обтекал их по мере необходимости. Обычно... 

    Создан: 25.03.2010 | Просмотров: 5,680

  • При проектировании веб-страниц очень часто приходится сталкиваться с необходимостью вывода изображений в определенной последовательности, такой как слайд-шоу.  С расширением библиотеки Jquery и ее многочисленных плагинов открывается изобилие готовых решений, для решения... 

    Создан: 19.03.2010 | Просмотров: 4,982

  • В этом уроке мы рассмотрим способ создания многоуровневого выпадающего меню в стиле Mac. Для создания меню я использовал следующие CSS3 свойства – border-radius, box-shadow и text-shadow. Данное меню прекрасно отображается в Firefox, Safari и Chrome. В остальных браузерах, не поддерживающих CSS3 таких как... 

    Создан: 14.03.2010 | Просмотров: 3,854

  • При создании макетов веб-страниц, вы наверняка сталкивались с ситуацией, когда вам необходимо центрировать блоки Div по горизонтали и вертикали, обходясь только средствами CSS. Есть более, чем несколько путей для достижения этой цели, и в этом коротком уроке я покажу вам мою любимую... 

    Создан: 14.03.2010 | Просмотров: 7,121

  • Каждый элемент веб-дизайна представляет собой прямоугольный блок. Понимание основ блочной модели в CSS есть залог правильной верстки. В этом уроке мы рассмотрим структуру блочного элемента, а также его особенности отображения в различных браузерах. Для начала рассмотрим как... 

    Создан: 13.03.2010 | Просмотров: 3,493

  • Однопиксельное фоновое изображение может быть достаточно универсальным в применении. С помощью repeat-x оно может стать горизонтальной линией, с помощью repeat-y – вертикальной, repeat – полностью заполнить страницу одним цветом. Кроме того, его можно использовать для стилизации... 

    Создан: 18.02.2010 | Просмотров: 1,640

  • В этом уроке мы рассмотрим способ создания двойных кавычек, при помощи тега <blockquote>. Способ заключается в применении двух фоновых изображений, одно из которых применяется к тегу <blockquote>, другое к псевдо-элементу first-letter. 1. Исходный код HTML Начнем с тега <blockquote>, предварительно... 

    Создан: 17.02.2010 | Просмотров: 2,133

  • В этом уроке Вы познакомитесь с процессом создания списка меню, используя стиль рамки или фоновое изображение. Весь фокус заключается в применении нижней границы к тегу <li> и абсолютного позиционирования всех вложенных элементов со смещением вниз. Вы с легкостью можете... 

    Создан: 16.02.2010 | Просмотров: 3,023

  • Обычно при создании эффекта растягиваемого фона с помощью CSS, мы используем изображение фиксированного размера и повторяем его по оси Х, пока не заполнится вся страница. Конечно, для того чтобы достигнуть такого результата, верхняя часть сайта (header) должна быть центрирована,... 

    Создан: 15.02.2010 | Просмотров: 4,603

  • В этом уроке я покажу Вам, как разрезать слайсы для меню и объединить их при помощи CSS. Большинство из Вас, наверное знает, как делается горизонтальное или вертикальное меню, основанное на CSS. Теперь давайте перейдем непосредственно к уроку. Вот вся необходимая графика, которая... 

    Создан: 14.02.2010 | Просмотров: 3,774

  • Взгляните на демо-версию файла, он прекрасно смотрится при разрешении монитора 1280 пикселей. Но если у вас дисплей с высоким разрешением, вы увидите фон с обрезанными краями с обеих сторон. Пример №1: Использование одного изображения (демо-версия). Для быстрого решения данной... 

    Создан: 13.02.2010 | Просмотров: 4,109

Страница 1 из 212
 
 

Рубрики

Архивы

 
 

Облако меток

 
 
 
для статистики
 

Поиск

 
 

Лента RSS

 
 

Случайная новость