Выпадающее меню на CSS
Категория CSS, HTML
Простой пример реализации выпадающего меню без javascript, чисто на CSS+HTML
Принцип действия: при наведении курсора на заголовок меню, выбирается класс котором есть пункт показа выпадающего меню, то есть display:none превращается в display:block. Посмотреть пример выпадающего меню.
Сделать для своего сайта выпадающее меню на CSS без Javascript
Теги: CSS, юзабилити
Всплывающие подсказки на CSS
Категория CSS
Всплывающие подсказки можно сделать не только с помощью JavaScript, но и с помощью CSS. Таким образом Вы будете точно уверены, что они будут работать в любом браузере.
Прочитать полностью »
Теги: CSS, юзабилити
Как привести CSS код к читаемому виду?
Категория CSS
В этом уроке, мы с Вами познакомимся с онлайн форматтером CSS кода. Дело в том, что когда мы самостоятельно пишем CSS код, он не всегда получается ровным и легко читаемым. Прочитать полностью »
Теги: CSS, юзабилити
Создание буквицы с помощью CSS
Категория CSS
Этот урок CSS будет посвящен созданию буквицы (увеличенной, специально оформленной буквы в начале текста) с помощью стилей.
Итак, попробуем сделать буквицу…
Прочитать полностью »
Теги: CSS, юзабилити
Как сделать красивую полосу прокрутки на Вашем сайте на CSS?
Категория CSS
В этом уроке пойдет речь о том, как придать полосе прокрутки вашего сайта определённый цвет.
Вы наверняка уже не раз видели такие раскрашенные под цвет всего сайта полосы прокрутки.
Как её сделать? Очень просто.
Вообще, есть несколько способов.
1. Вставить полный код (приводится ниже) в каждую страницу сайта, где Вы хотите видеть красивую полосу прокрутки.
2. Вставить ссылку на css фаил с кодом.
Рассмотрим оба этих варианта.
Прочитать полностью »
Теги: CSS, юзабилити