Лайтбокс эффект с помощью магии CSS3

Лайтбокс эффект с помощью магии CSS3 Здравствуйте друзья! Надеюсь всем знаком такой замечательный эффект, как Lightbox(Лайтбокс), используемый для отображения изображений большего размера на страницах сайтов. Существует множество специальных Lightbox плагинов, хороших и не очень, построенных на jQuery. Меня в свое время заинтересовала возможность создания лайтбокс эффекта без применения javascript, построить работу исключительно на функциях CSS3, благо что современные браузеры, за ...

Оформление стиля подсказок с помощью CSS3

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

Короткие URL от bit.ly для записей в WordPress

Короткие URL от bit.ly для записей в WordPress Здравствуйте! Короткие ссылки для ваших записей, это не блажь и не очередной наворот, это норма, даже если хотите необходимость, учитывая все возрастающую популярность микро-блогинга, где паровозом выступает всем известный Twitter. Не будем останавливаться на сферах использования укороченных url, пригодиться они могут в разных ситуациях, будь то комментирование статей или же при общении в соц-сетях и форумах. Сегодня расскажу, как можно с ...

Чистый стиль меню с помощью CSS3

Чистый стиль меню с помощью CSS3 Всем снова здравствуйте! В своих статьях, я не раз обращался к различным способам создания навигационных меню для сайтов. Рассматривались менюшки на любой вкус и цвет, навигация в популярном стиле "аккордеон", горизонтальные и вертикальные, с использованием javascript и картинок, не мало внимания уделялось многоуровневым меню на jQuery. Как вы понимаете способы создания меню ограничены лишь фантазией разработчиков, а она у них воистину ...

Модальное окно с полосой прокрутки

Здравствуйте друзья! В последнее время у читателей блога проявился повышенный интерес к созданию и расширению функционала Модальных окон. Совсем недавно я попытался подробно рассказать, как встроить в модальное окно ротатор контента (текста), надеюсь у меня это получилось. Сегодня один из посетителей блога заметил такую особенность, что если добавить в модальное окно слишком много текста, то оно вытягивается по длине и невозможно прокрутить ...

Ротатор контента в модальном окне

Здравствуйте всем! Написать эту статью навел меня на мысль один комментарий к записи о создании модального окна. В своем комментарии читатель задает вопрос, а можно ли интегрировать, встроить внутрь модального окна, какой-нибудь слайдер, и не только для картинок, но и для текстового содержания, что-то типа не большой автоматической листалки. Меня эта идея заинтересовала и я стал искать решение, идея оказалась не нова, но что-нибудь ...

Интеграция контактной формы в модальное окно

Всем доброго времени суток! В продолжение темы о создании контактной формы, сегодня хочу рассказать, о простом способе интеграции этой самой формы в модальное окно, тем самым предоставить отличную возможность вашим читателям отправлять сообщения с любой страницы, или отдельной записи сайта (блога). Обновлено: 31.10.2014 У нас есть вполне приличная контактная форма, сверстанная на чистом css, как заделать работоспособное модальное окно, мы ...

Стиль контактной формы CSS

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

Меню «аккордеон» на основе jQuery и CSS

Меню «аккордеон» на основе jQuery и CSS

Всем, снова здравствуйте.
Давно не обращался к разработке меню для сайтов, а технологии не стоят на месте, да и наш пытливый ум не дает покоя. В комментариях к записи о способе создания Меню «Аккордеон» без javascript и изображений меня спрашивали, как сделать такое меню с открытием ссылок не при наведении, а при нажатии на пункт меню. Сегодня именно о таком способе построения навигации и пойдет речь, мы рассмотрим технику создания меню в стиле "аккордеон" на основе CSS и совсем немного jQuery.

CSS3 Градиент для кнопок

Совсем недавно я рассказывал о том как добиться правильного отображения градиента CSS в современный браузерах. Можно посчитать воплями в пустоту все мое повествование, если не рассказать о практическом применении градиент функции CSS. Отличным и незамысловатым примером может послужить создание кнопок для сайта, исключительно средствами CSS, не используя каких либо дополнительных изображений и javascript. Размер кнопок легко регулируется путем ...

Вертикальное меню навигации CSS с подменю

В недавнем прошлом я подробно расписывал способ и технику создания "Вертикального меню для сайта". Мы рассмотрели решение выполнения простой навигации, построенной полностью на использовании CSS и небольшого файла изображения. В своих комментариях читатели высказались о том, что вариант с вложенными подпунктами не был бы лишним, ну что же, как говориться: сказано - сделано. Сегодня опишу, какие изменения необходимо внести в css и разметку html, ...

Эффект тени box-shadow CSS без изображений

Эффект тени box-shadow CSS без изображений Всем снова здравствуйте. Продолжаем эксперименты с новыми свойствами CSS3. Сегодня распишу технику создания эффекта drop-shadows, что в вольном переводе означает - "падающая тень". Ранне я рассказывал о приемах оформления границ блока с помощью CSS, в которых широко применялся параметр box-shadow, а так же наверняка всем хорошо известен стиль создания тени для текста text-shadow . Мне хотелось добиться не просто теневого оформления границ, ...
1 2 3 4 5 6
Рейтинг@Mail.ru