Стоит учесть, что для работы font-awesome-controls требуется Font Awesome

pic1


Категории: HTML, CSS
Пометки: оформление, font-awesome-controls, checkbox

Часто шрифт присланный дизайнерами в PSD выглядит совсем по другому, например, тоньше и более размытым. У самого FONT- не нашел ничего подобного, но есть свойство text-shadow - не совсем то, но выглядит похоже.


Категории: HTML, CSS
Пометки: Эфект на шрифт, сглаживание, размытие, более тонкий, sharp, smoothing

При нажатии на поле ввода, появляется синяя ободка (Реакция на то, что контрол получил фокус)


Категории: CSS
Пометки: Изменение цвета рамки выделенного элемента, поля для ввода или textarea.

Задача была сделать несколько вкладок, в каждой из которых разная карта проезда.


Пометки: yandex maps, карта, карты

Выпадающее меню на CSS, делалось для джумлы, но использовать можно отдельно.


Категории: HTML, CSS, CMS Joomla 3.X, Joomla
Пометки: dropdown menu

Вроде простая ситуацию, нужно разместить один блок внутри другого, так, чтобы он был по центру.

На практике все намного хуже. Не буду долго рассусоливать проблему и покажу один из вариантов.


Категории: CSS
Пометки: Выравнивание с помощью Flexbox css, выровнять блок по высоте ячейки, Css выравнивание по вертикали, выравнивание блоков.

При детальном изучении, оказалось, что фон "светло серее", не при нажатии, а когда кнопка мыши отпускается.


Категории: CSS, CMS Joomla 3.X, Joomla

стал замечать, что у сайтов, при просмотре в мобильном браузере, адресная строка не стандартная, а залита тем или иным цветом.
Сначала я подумал, что это как-то связано с SSL сертификатом, но все оказалось гораздо проще.


Категории: CSS

Если нужно чтобы один элемент, всегда отображался внизу экрана, даже если контента на странице мал, то в bootstrap для этого есть специальный класс navbar-fixed-bottom

Такой div всегда будет внизу

 
    <div class="navbar-fixed-bottom ">Footer</div>


Категории: CSS

Памятка с примерами использования CSS медиа запросов (@media) для создания отзывчивого / адаптивного шаблона.


Категории: CSS
Пометки: @media, отзывчивый, responsive, adaptive, адаптивный.
Яндекс.Метрика