Модальное окно с помощью CSS и jQuery

Рассказывая о различных техниках сайтостроения, было бы нелепо не рассказать, о некоторых способах создания модальных окон. О назначении, полезности и возникающих проблемах использования всплывающих, модальных окон мы рассуждать не будем. Разберем лишь один из многочисленных примеров создания таких окошек. Бывают ситуации когда нет возможности использовать специальные плагины, например такие как fancybox и prettyPhoto, поэтому стоит понять, как ...

Наборы иконок для социальных закладок

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

Плагин WordPress WP-Syntax

Плагин WordPress WP-Syntax Сегодня потратил уйму времени на то, чтобы раз и на всегда решить вопрос с выводом блока в котором отображается код с подсветкой синтаксиса. Многие глубоко уважаемые и супер-пупер блогеры ужаснутся, и выпадут в осадок , типа почему так долго или что за неуч. Да приходится признать, что не все так просто в этом мире , особенно если до всего приходится доходить самому. Но тем и интересней сам процесс ведения блога, хотя отсутствие знаний иногда ...

Создание выпадающего меню с помощью CSS

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

Приемы оформления границ блока с помощью CSS

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

Стабильный информационный блок при прокрутке страницы

Стабильный информационный блок при прокрутке страницы В продолжение темы создания различных всплывающих окон/блоков, покопался в своих загашниках и откопал, на мой взгляд, одно очень интересное решение, надеюсь, достойное вашего внимания. Иногда бывает необходимо, чтобы пользователь при прокрутке страницы мог не терять из поля зрения подаваемую ему информацию. Реализуется это довольно просто, с помощью небольшого javascript и сформированных стилей CSS. Что касается лично меня, в большинстве ...

Отличное горизонтальное меню с CSS и jQuery

Обычными навигационными менюшками сейчас уже никого не удивишь, народ жаждет не только красоты исполнения, но и увеличения функциональности навигации по сайту. Выпадающее подменю стало нормой и теперь больше работают над формой и техникой исполнения. Сегодня я покажу Вам, как сделать красивое меню с выпадающим подменю. Идея не новая, но сам метод создания привлекает внимание. Забугорный наш товарищ Soh Tanaka нашел не стандартное решение вывода ...

Эффект Высокой печати с CSS для текста

По причине неуемного интереса к работе с CSS и растущей популярности стандартов CSS3, просто не могу пройти мимо одного замечательного способа оформления текста без использования изображений и javascript, так называемого эффекта "Высокой печати". Этот метод является одним из типов промышленного способа печати. Почему бы не использовать такой же способ в веб-дизайне, оказывается реализовать данный метод на страницах сайта довольно легко, о чем ...

Создание кнопок с помощью CSS, HTML без javascript

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

5 CSS стилей для блока с фоном

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

Еще немного стилей для цитат

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

Меню навигации в стиле Lava-Lamp

Продолжая серию статей о различных видах меню для сайта, сегодня хочу обратить внимание всех страждущих, на отличное горизонтальное меню навигации, выполненное в стиле Lava-Lamp. Что это за стиль такой, расписывать не буду, кому вдруг станет интересно, могут почитать о нем у достопочтенных буржуинов: lava-lamp style. Мы же с Вами рассмотрим сам способ создания такого меню, как говориться, разложим все по полочкам.     Прежде чем ...
1 2 3 4
Рейтинг@Mail.ru