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

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

Создание одноуровневого меню со скольжением по подпунктам

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

В этом уроке мы создадим еще один HTML5 шаблон целой страницы с помощью CSS3 и jQuery, в этот раз на подводную тему. В этом шаблоне будут такие элементы, как шапка с логотипом и основным меню, блок рекламы с галереей изображений jCarouselLite, центральная область содержимого, подвал, в котором можно разместить ссылки или значки социальных сетей.
Далее... Нет комментариев »
Создание верстки целой страницы в черно-золотой гамме

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

В этом уроке мы покажем шесть удивительных текстовых эффектов CSS3: эффект трехмерности, созданный с помощью тени текста, эффекты с градиентами и масками изображений, эффекты с переходами и свойством background-clip и другие эффекты. Без сомнения все они могут пригодиться, так как с помощью CSS3 можно добиться по-настоящему впечатляющих результатов. Часть вышеописанных эффектов работает в большинстве браузеров, [...]
Далее... Нет комментариев »
Меню с плавно выпадающими подпунктами с использованием CSS3

В этом уроке мы создадим интересное меню с плавно выпадающими подпунктами с помощью CSS3. Для плавного выпадания вложенных элементов воспользуемся эффектами переходов. Конечно, обратите внимание, что анимации будут работать только в современных версиях браузеров, таких как Firefox, Chrome, Safari, Opera и Internet Explorer от версии 9. В старых версиях браузеров меню не потеряет функциональности, но не [...]
Далее... 1 Комментарий »
Верстка целой страницы интернет-магазина в стиле ретро

Для этого урока мы подготовили еще одну интересную верстку. Это милая страница под старину, выполненная в теплых цветах. Она, вероятно, понравится многим. Теперь давайте рассмотрим, как создать такую страницу.
Далее... 1 Комментарий »
Лаконичный и современный основной раздел сайта с использованием CSS3

Продолжая тему лаконичной и современной шапки сайта, в этом уроке мы рассмотрим самые основные элементы страницы, такие как блоки и формы. На наш взгляд, совершенно одинаковые блоки — это не очень интересно, так что мы создали четыре типа блоков с разными заголовками и подписями. А так же для примера дизайна форм мы создали форму обратной связи. Так [...]
Далее... Нет комментариев »
Создание адаптивного веб-дизайна для меню, изображений и рекламы

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

В этом уроке мы покажем интересные возможности CSS3. Мы создадим трехмерную галерею изображений с помощью свойств трансформаций CSS3 для движка WebKit. В демонстрации Вы увидите свободно летающий трехмерный объект с фотографиями. Наш пример работает только в браузерах, использующих движок WebKit, таких как Chrome, Safari и Opera.
Далее... 13 Комментариев »