Вебразработка

Центрируем модальное окно по вертикали в Bootstrap 3

В Bootstrap 3.x модальные окна имеют фиксированный отступ от верхнего края. Когда окно небольшого размера, это не совсем правильно. Удобнее доя пользователя показывать его по центру окна браузера. Делаем это так:

Комментариев нет
Вебразработка

Стилизация Tooltip (Bootstrap 3)

Я чуть ранее писал о стилизации Tooltip для Bootstrap версии 4. Добавлю про стилизацию компонента всплывающих подсказок для 3-й версии.

Комментариев нет
Вебразработка

Стилизация tooltip (bootstrap 4)

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

Комментариев нет
Вебразработка

Меняем точку схлопывания меню Navbar Bootstrap 3

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

Комментариев нет
Вебразработка

CSS хак IE10-IE11

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

Комментариев нет
Вебразработка

BS Carousel с эффектом затемнения

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

Комментариев нет
Вебразработка

Placeholder — стилизация и сокрытие при фокусе

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

Комментариев нет
Вебразработка

Bootstrap JS Carousel в шаблоне vamshop

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

Комментариев нет
Вебразработка

Выводим описание спецификации в боксе фильтров в виде всплывающей подсказки (vamshop)

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

3 комментария
Вебразработка

Резиновый виджет Facebook

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

Комментариев нет