О чем сейчас пойдет речь? В bootstrap 3 главное меню адаптивно и при размере менее 768 px (xs) оно не показывается. Открытие происходит по нажатию на кнопку. Иногда меню такое большое, что на планшетном размере 768-991 px (sm) не влазит в отведеное для него место, и есть смысл сделать его также схлопнутым, как и на […]

Давненько не приходилось применть CSS-хаки, современные браузеры практически идентично отображают содержимое html-страниц. Но вот все же, в одном проекте пришлось стили слегка “допиливать напильником”, конечно же для “любимого” Internet Explorer’a.

По умолчанию карусель в Bootstrap перелистывается. И это никак не меняется. Но смену кадров можно сделать и с другим популярным эффектом – затемнения или fade. Делается это следующим образом.

Placeholder – текст в поле формы, подсказывающий пользователю, какие данные он должен ввести. Стандартный цвет текста плейсхолдера – светлосерый. Также стандартный плейсхолдер не пропадает при клике в поле, что может вызвать некоторое замешательство. Эти неудобства мы исправим с помощь стилей.

В стандартном шаблоне vamshop1 уже давненько используется Bootstrap. Правда, карусель почему-то крутится на другом скрипте – Sequence.js. Я же в своих шаблонах с использованием Bootstrap стараюсь использовать этот фреймверк по полной, в том числе и для слайдеров. Для этого пришлось пойти на пару хитростей. Описывать сам слайдер Bootstrap я не буду, это все можно найти в документации как на […]

У спецификации есть поле “описание”, которое не показывается в фильтре товаров, но было бы неплохо вывести его в виде подсказки. Делаем это следующим образом:

Я уже писал о том, как добавить добавит резиновый виджет Вконтакте. Добавлю про виджет сообщества Facebook.

Яндекс.Браузер построен на платформе Chromium. А значит, что и хаки от Google Chrome будут работать и в нем. К слову, и отображение у них одинаково, насколько я могу судить по тому, что хак мне понадобился для обоих браузеров одновременно. Итак, если нам нужно задать отдельно стили для  Google Chrome и  Яндекс.Браузер, то применяем следующий CSS […]

Понадобился хак для IE9, нашел в инете вот такую конструкцию: :root .CatListing {margin-right:16px\0/IE9; }:root .CatListing {margin-right:16px\0/IE9; } И это работает, отступ справа будет 16 пикселей, причем только в IE9.

Как известно Internet Explorer до версии 9 не поддерживал скругление. Из-за этого я продолжал делать скругленные боксы архаичным, но тем не менее железобетонно работающим способом – фоном в виде картинки со скругленными углами. Но недавно нашел одно интересное решение, которое и буду теперь применять – CSS3 Pie.