Drunk_Monkey

Добрый день подскажите, как менять класс, буду очень благодарен примеру, у сквозного блока, который выводиться на всех страницах (к примеру блок с преимуществами в шапке сайта, который можно скрывать показывать по клику, если он скрыт на главной, то не будет показываться на других страницах, до клика по иконке) И можно ли реализовать смену класса на определенное время (куки?) 1 час или сутки.

Добрый день, реализовываю мега меню использую плагины Bootsrap: tabs и collapse ссылка на прототип (codpen) Нужная логика: При клике на родительскую категорию (Одежда, Техника, Для дома) открываются в сайдбаре, ее дочерние категории. — реализовано По клику на дочернюю категорию открывается, в правой колонке, содержимое связанного с дочерней категорией таба — реализовано Подкатегории (Мужская одежда, Женская …) первой родительской категории (Одежда) открыты по умолчанию — реализовано При клике на другую родительскую категорию, открываются ее дочерние и скрываются дочерние категории, предыдущей активной — реализовано При клике на родительскую категорию и открытии ее дочерних должен активироваться таб связанный с первой дочерней категорией — частично реализовано, срабатывает только один раз (при первом клике, на последующих, не срабатывет) При повторном клике на родительскую категорию с открытыми дочерними, дочерние скрываются + скрываться таб связанный с одной из ее дочерних категоий — не реализовано скрытие таба Возникли сложности со скрытием табов (последний пункт списка с логикой) и активацией таба первой дочерней категории, при клике по родительской. Код: $('li.panel').click(function() { $(this).children().find('a:first').tab('show'); Открывает таб первой подкатегории только один раз. Если я на примере кликну по род. категории «Техника», то откроются ее дочерние категории (Смартфоны, Планшеты) и активируется так первой подкатегории (Смартфоны) скриншот, но если если я после этого, к примеру, кликну по другой род. категории «Одежда», а потом снова кликну по категории «Техника», таб связанный с первой дочерней «Смартфоны» не будет активен — скриншот.

используйте :after К примеру: .accordion-header li { position: relative; padding-right: 15px; /* Чтобы текст не «залазил» на символ*/ } .accordion-header li:after{ position: absolite; font-family: "названиеш шрифта"; /*Если нужен опеределнный шрифт*/ content: "+"; right: 0; /* Если размещаете справа*/ }

Подскажи как решить задачу: Верстка выдачи товаров в категории, с учетом того что кол-во товаров может быть произвольный, и к тому же нечетным кол-ву товаров к колонке Верстать нужно на bootstrap c учетом адаптива (2,3 4 — карточки в ряду, в зависимости от брейкпоинта) поэтому использовать display: tabel и table-cell не имеет смысла Не должно быть двойных границ у карточек на стыке по вертикали и горизонтали Горизонтальных и вертикальных отступов между карточками нет Решил задавать границы используя nth-child, меняя формулы для разных брекпойнтов. Ссылка на демо Не испробовав, даже адаптив, увидел проблему на стыке границ, если карточки в последнем ряду, не кратны кол-ву колонок: Если более правильное решение задачи и почему границы не сходятся на стыке?

Нашел решение как сделать оглавление через css

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

Добрый день, подскажите пожалуйста, как реализовать поведение карточки товара при ховере как на странице магазина ikea

Добрый день, у меня задача нарисовать адаптивную версию дизайна сайта под Twitter Bootstrap 3 или возможно 4 версии. Сложность в том, что в отличии от моего предыдущего опыта, верстальщики с которыми нужно будет взаимодействовать не работали с фрейморком и нужно будет их консультировать. К примеру обычно рисовал макеты под стандартную сетку по шаблону Bootstrap psd grid Grid template 320px container 30px gutter 53-54pxGrid template 480px container 30px gutter 80px colGrid template 750px container 30px gutter 62-63pxGrid template 970px container 30px gutter 80-81px Вопросы: Как объяснить почему колонки сетки, которую я привел выше, разной ширины?Есть ли смысл рисовать под 970 px если текущий дизайн уже сверстанный под десктоп нормально отображаются на 1024 px?Что даст макет на 480 px, когда макет на 320 px и после верстки так будет масштабироваться на 480?В Bootstrap 4 брекпойнты по умолчанию в em (landscape phones - 34em. tablets- 48em) как в px рассчитать ширину и сетку psd макета?

Нашел вариант только с вложенными слоями: Использование свойства box-sizing всем хорошо, кроме того, что не работает в старых версиях IE. Если вы верстаете сайт с учетом IE7 и IE6, вам подойдет старый проверенный метод с вложением слоев. Идея простая — для внешнего блочного элемента задаётся только необходимая ширина, а для вложенного блока всё остальное — поля, границы и отступы. Поскольку по умолчанию ширина блока равна доступной ширине родителя, получится, что блоки в каком-то смысле накладываются друг на друга, при этом фактическая ширина такого комбинированного элемента будет чётко задана.Но он предусматривает лишнее теги (слой обвертка), есть ли варинат без добавления лишних div и box-sizing?

Немного непонятно, что вам именно нужно. Вы не могли бы описать задачу поподробнее и желательно с примерами и скринами. Виноват отвечу подробней. Пример задачи: поля формы input должны быть резиновые, тянуться при измении ширины родителя, но при это иметь фиксимрованные отступы в 10 px. В макете повторяются эта задача (резиновый эдемент с фиксированными отступами) не только для строчных элементов как поля но и для блочных.

Добрый день буду благодарен помощи, условие для задачи только одно - без использования box-sizing

Спасибо вам за помощь.

Дженьльмены и леди, подскажите как правильно верстать список навигации разделенный логотипом? Примеры: И

Спасибо, к вашему решению только добавил overflow-x, чтобы не было горизонтального скролла.

Добрый день, подскажите пожалуйста как реализовать тянущийся к краю браузера независимо от ширины его окно, но только по одной из его сторон. В макете, серые блоки с текстом доходить до края окна браузера независимо от разрешения экрана монитора и ширины окна браузера. Блок «ФАКТ №3» до правого края, а Блок «ФАКТ №4» до левого. Буду благодарен вашей помощи.