верстка - Страница 28

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

Меню с плавно выпадающими подпунктами с использованием 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 Комментариев »
Выпадающее многоуровневое меню с использованием CSS3

Все так же популярны меню на чистом CSS3. В основном это меню на структуре ul – li. В этом уроке мы продолжим создавать интересные меню. Это меню будет выпадающим многоуровневым, а его вложенные уровни будут появляться не при наведении указателя мыши, а при нажатии на пункт меню. Вот каким будет конечный результат нашей работы:
Далее... 1 Комментарий »
Создание лаконичной и современной шапки сайта с использованием CSS3

Думали ли Вы о изменении шапки своего сайта? Как известно, шапка — наиболее важная часть любого сайта. В первую очередь все пользователи обращают внимание на эту часть сайта. И чем она более опрятная и четкая, тем лучше остается мнение о сайте у посетителей. В этом уроке мы покажем, как создать высококачественную современную шапку для сайта. В шапке [...]
Далее... 5 Комментариев »
Создание верстки целой страницы «Robo Splash»

В этом уроке мы рассмотрим, как создать верстку страницы «Robo Splash». Это интересная страница на HTML5 и CSS3, которую можно использовать для создания веб-сайта. Давайте разберемся и узнаем, как создать подобную страницу.
Далее... 1 Комментарий »
Создание анимированного меню с использованием CSS3

В этом уроке мы создадим интересное анимированное меню с помощью CSS3. У этого меню будет два уровня. По умолчанию будут видны отдельные небольшие верхние элементы меню. При наведении указателя мыши на такой элемент появятся вложенные элементы первого уровня. А если навести указатель мыши на другие элементы — откроются их вложенные пункты меню. Давайте приступим!
Далее... 2 Комментариев »