В различных дизайнах и интерфейсах иногда уместно сделать модальное окно на всю высоту и прижатым к одной стороне. В статье — пример реализации этой идеи. По большому счету всё достаточно просто: К обычной разметке модального окна следует добавить новые классы left или right соответственно. Html: Также нужно добавить новые правила…

Вопрос вертикального выравнивания в CSS часто вызывает проблемы. Особенно они актуальны при необходимости выровнять блок внутри абсолютно-позиционированного блока. Но есть простое решение, о котором сейчас и пойдет речь. Итак, решение достатоно простое, но не очевидное. Итак. CSS: HTML: Решение было найдено здесь. Это решение круто помогло на одной из верстаемых…

Помещая внутрь html-формы обычную html-кнопку мы не надеемся получить submit формы — но случится именно так. Впрочем, подобное поведение легко побороть без применения javascript. Все до неприличия просто) Смотрим: Как видите — достаточно просто указать type=»button». Дело в том, что при отсутствющем этом параметре — по умолчанию он считается равным…

Сегодня появилась необходимость программного переключения вкладок на bootstrap tabs. Решение очевидное — но сразу пошел не верным путём — поэтому сейчас раскажу, как быстро и правильно переключить bootstrap вкладку. На самом деле — все сверх-просто, причем, конечно же, есть в Документации. Но, тем не менее — не будет лишним еще…

При вставке видео YouTube к себе на сайт Вы непременно столкнетесь с проблемой на правильного его отображения. К счастью сделать адаптивный вывод youtube-видео на сайте достаточно просто. В этой статье речь пойдет именно об этом. Итак, нужно выполнить несколько простых шагов. Поехали: 1. Сначала берем ролик, и под ним нажимаем…

У bootstrap есть множество классов-хелперов, позволяющих легко давать контенту определенные свойства — например, .text-center — выровняет содержимое по центру. Сегодня задался вопросом — есть ли соответствующий класс для жирности текста. Ответом сейчас и поделюсь. Ответ достаточно просто. Подобного класса — нет. : ) Точнее он есть — и называется —…

Указание canonical-ссылок позволяет поисковым машинам увеличивать ссылочный вес определенных страниц, не распределяя его по множеству страниц, которые менее важны. Например, если у Вас есть каталог с пагинацией — есть смысл на каждой из страниц пагинации указывать canonical на /catalog, который, по сути является первой страницей. Таким образом ссылочный вес страницы…

В коробке bootstrap есть отличный компонент — popover. Но при работе с ним возникает неприятность — он не закрывается при клике на любом месте страницы. О том, как это исправить я расскажу в этой статье. Скажу честно — этот вариант не претендует на изысканность или красоту — но он рабочий,…

По умолчанию коробочный popover не отображает перенос строки, что может доставить неудобства. Поэтому я приведу пример, как избежать неприятностей и решить задачу. Итак, во первых в параметре data-content следует переносы строки указывать в виде . Это важно. Во-вторых — следует также добавить параметр data-html=»true». Именно это командой мы просим обработать…

Smarty позволяет выводить результаты мат. выражения, используя переданные переменные, проводя расчеты на лету. Приведу простой и очевидный пример реализации этой задачи. Допустим, вам нужно вывести результат деления одного числа на второе — это можно сделать при помощи следующего фрагмента: Детальную информацию можно посмотреть здесь.