https://www.dejurka.ru Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов. Sat, 22 Jun 2019 07:00:59 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 https://www.dejurka.ru/css/css3_tabbed_nav/ https://www.dejurka.ru/css/css3_tabbed_nav/#comments Thu, 29 May 2014 10:00:09 +0000 Mary - Dejurka http://www.dejurka.ru/?p=110002
Не смотря на то, что не совсем понятно, для чего в CSS3 была добавлена анимация, у этого развивающегося стандарта есть несколько очень приятных элементов, которые были добавлены в CSS и которыми мы сегодня воспользуемся. Мы создадим интересное меню в виде вкладок с использованием CSS3.     Этот урок использует следующие свойства CSS и CSS3: Цвет [...]]]> https://www.dejurka.ru/css/css3_tabbed_nav/feed/ 3 https://www.dejurka.ru/css/flyoutmenu/ https://www.dejurka.ru/css/flyoutmenu/#comments Wed, 26 Feb 2014 11:00:46 +0000 Mary - Dejurka http://www.dejurka.ru/?p=104002
В этом уроке мы создадим полностраничное меню с нестандартными шрифтами, у которого есть некоторые особенности. Когда пользователь наводит указатель мыши на пункты меню, мы передвигаем полоску, выделяющую активный пункт, чтобы подсветить его и вывести дополнительную информацию. Смотрите демонстрацию и повторяйте урок!     Демонстрация работы – Скачать исходный код Мы будем использовать jQuery для эффектов [...]]]> https://www.dejurka.ru/css/flyoutmenu/feed/ 1 https://www.dejurka.ru/css/slidedownbox-css/ https://www.dejurka.ru/css/slidedownbox-css/#comments Fri, 20 Dec 2013 11:00:54 +0000 Mary - Dejurka http://www.dejurka.ru/?p=99492
В этом уроке мы создадим уникальный выезжающий блок навигации. Основная задача — сделать так, чтобы блок с пунктом меню сдвинулся вниз и в то же время уменьшенное изображение появилось сверху. Мы также добавим блок подменю с вложенными ссылками для некоторых пунктов меню. Подменю будет выезжать влево или вправо в зависимости от того, на какой пункт [...]]]> https://www.dejurka.ru/css/slidedownbox-css/feed/ 1 https://www.dejurka.ru/css/grungeslideout/ https://www.dejurka.ru/css/grungeslideout/#comments Sat, 09 Nov 2013 07:55:26 +0000 Mary - Dejurka http://www.dejurka.ru/?p=94982
В этом уроке мы создадим отличное меню с выезжающей областью содержимого. Мы используем неряшливый стиль, так как хотим, чтобы оно выглядело немного беспорядочно: мы сделаем пунктам меню случайный угол поворота, используя свойство CSS3 “transform”. Так что когда мы загрузим страницу, все пункты меню будут расположены по-разному, что придаст случайный и творческий вид этой нерегулярной странице. [...]]]> https://www.dejurka.ru/css/grungeslideout/feed/ 14 https://www.dejurka.ru/css/youtube_menu/ https://www.dejurka.ru/css/youtube_menu/#comments Thu, 23 May 2013 07:02:31 +0000 marina http://www.dejurka.ru/?p=79065
 Сегодня мы будем создавать маленькое меню с эффектом, который вы видели в левой части меню на YouTube. Меню состоит из маленькой иконки меню, ярлыка и списка пунктов меню, который появляется при нажатии либо на ярлыку, либо на иконке. Как только пользователь кликнул для открытия меню, ярлык будет перемещаться вверх, а иконку сдвигается вправо. Элементы списка меню [...]]]> https://www.dejurka.ru/css/youtube_menu/feed/ 1 https://www.dejurka.ru/css/css3_accordion_menu/ https://www.dejurka.ru/css/css3_accordion_menu/#comments Wed, 27 Feb 2013 08:04:07 +0000 marina http://www.dejurka.ru/?p=74646
В этом уроке мы будем создавать "аккордеон"-меню. По сколько мы будем создавать меню на чистом css, оно будет работать в браузерах, которые поддерживают селектор псевдо-класса :target.     Демо Шаг 1 - HTML разметка Создаем маркированный список с  якорями и тегами  span. Добавляем id для каждого элемента списка и ссылки для этих id. Для того, чтобы применить [...]]]> https://www.dejurka.ru/css/css3_accordion_menu/feed/ 10