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

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

Создание верстки целой страницы интернет-магазина с использованием CSS3 и HTML5

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

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

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

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

В этом уроке мы создадим еще один HTML5 шаблон целой страницы с помощью CSS3 и jQuery. У этой страницы будут такие элементы, как шапка с логотипом и основным меню, блок рекламы с прокручивающейся галереей изображений jQuery Nivo Slider, центральная область содержимого, нижняя область, в которой можно разместить, например, ссылки, и подвал.
Далее... 3 Комментариев »
Анимация печати с использованием только временной функции CSS3 steps ()

Тип временной функции steps() — интересное добавление к модулю анимации CSS3. Вместо того, чтобы создавать плавные переходы между указанными значениями, эта временная характеристика позволяет точно задавать количество кадров. Так что мы использовали ее для создания заголовков с широко известным эффектом анимации печати:
Далее... 2 Комментариев »
Создание интересного выпадающего меню с использованием CSS3

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

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

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