Все по тегу ‘css’

Записи по тегу ‘css’

CSS Styling Radio Button and Checkboxes The idea is simple. We want to change the look and feel of existing radio buttons into more of a push button. The above image pretty much tells what we...
Выпадающее горизонтальное меню с задержкой на CSS Пример реализации выпадающего горизонтального меню с задержкой на CSS, без JavaScript. Показанное нами ранее Простое выпадающее горизонтальное меню на CSS имеет два недостатка: при наведении курсора на область родительского пункта,...
Простое выпадающее горизонтальное меню на CSS Пример реализации простого выпадающего горизонтального меню на CSS, без JavaScript. Поддержка всех современных браузеров (IE7+). Код html: <ul class="menu">     <li><a href="#">Пункт меню 1</a></li>     <li>    ...
Многоуровневое выпадающее горизонтальное меню на CSS Пример верстки многоуровневого выпадающего горизонтального меню на CSS, без JavaScript. Поддержка всех современных браузеров (IE7+). Код html: <div class="menu">     <ul>         <li><a href="#">Пункт меню 1</a>...
Верстка сетки из ромбов с изображениями Стала перед нами задача верстки страницы для сайта, где сетка на которой изображения представляются в виде ромбов с ссылками. Пример как сверстать сетку на HTML, CSS из ромбов с ссылками...
Бургер меню без плагинов. HTML <img class="opener" src="/images/icon-menu.png" /> <ul class="hidden_menu"> <ul class="hidden_menu">      <li>Главная</li> </ul> </ul> <ul>      <li>Блог</li> </ul> <ul>      <li>Доставка</li> </ul> <ul>      <li class="selected">Оплата</li> </ul>...
Равномерное выравнивание блоков по ширине. css #elsewhere { background-color: #222; } .zone { padding-left: 1.25rem; padding-right: 1.25rem; margin-left: -1.25rem; margin-right: -1.25rem; } #elsewhere ul { font-family: 'Cabin Condensed',sans-serif; text-transform: uppercase; padding-top: 0; padding-bottom: 0; }...
Кириллица veranda и roboto шрифт. font-family: Verdana, Geneva, sans-serif; font: normal 13px Roboto,arial,sans-serif;
Простой и приятный шрифт Простой и приятный шрифт. font: 16px/1.5 "PT Sans",Arial,sans-serif; font-size: 14px; color: #837666; /* font-weight: bold; */
Google Chrome как текстовый редактор Да еще с подсветкой кода! Все что нам потребуется так это вставить в адресную строку вот этот код: data:text/html;base64,PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uZXtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtyaWdodDowO2JvdHRvbTowO2xlZnQ6MDt9PC9zdHlsZT48ZGl2IGNsYXNzPSJlIiBpZD0iZWRpdG9yIj48L2Rpdj48c2NyaXB0IHNyYz0iaHR0cDovL2QxbjB4M3FqaTgyejUzLmNsb3VkZnJvbnQubmV0L3NyYy1taW4tbm9jb25mbGljdC9hY2UuanMiIHR5cGU9InRleHQvamF2YXNjcmlwdCIgY2hhcnNldD0idXRmLTgiPjwvc2NyaXB0PjxzY3JpcHQ+dmFyIGU9YWNlLmVkaXQoImVkaXRvciIpO2Uuc2V0VGhlbWUoImFjZS90aGVtZS9tb25va2FpIik7ZS5nZXRTZXNzaW9uKCkuc2V0TW9kZSgiYWNlL21vZGUvcGhwIik7PC9zY3JpcHQ+