Drunk_Monkey
Новенький-
Публикации
22 -
Зарегистрирован
-
Посещение
Репутация
1 ОбычнаяО Drunk_Monkey
-
Звание
Новичок
-
Как удалить / изменить класс у «сквозного» блока на всех страницах
Drunk_Monkey добавил тему в Javascript
Добрый день подскажите, как менять класс, буду очень благодарен примеру, у сквозного блока, который выводиться на всех страницах (к примеру блок с преимуществами в шапке сайта, который можно скрывать показывать по клику, если он скрыт на главной, то не будет показываться на других страницах, до клика по иконке) И можно ли реализовать смену класса на определенное время (куки?) 1 час или сутки. -
Как задать условия для видимости табов bootstrap 3, при размещении навигации табов в collapse меню?
Drunk_Monkey добавил вопрос в Для начинающих
Добрый день, реализовываю мега меню использую плагины Bootsrap: tabs и collapse ссылка на прототип (codpen) Нужная логика: При клике на родительскую категорию (Одежда, Техника, Для дома) открываются в сайдбаре, ее дочерние категории. — реализовано По клику на дочернюю категорию открывается, в правой колонке, содержимое связанного с дочерней категорией таба — реализовано Подкатегории (Мужская одежда, Женская …) первой родительской категории (Одежда) открыты по умолчанию — реализовано При клике на другую родительскую категорию, открываются ее дочерние и скрываются дочерние категории, предыдущей активной — реализовано При клике на родительскую категорию и открытии ее дочерних должен активироваться таб связанный с первой дочерней категорией — частично реализовано, срабатывает только один раз (при первом клике, на последующих, не срабатывет) При повторном клике на родительскую категорию с открытыми дочерними, дочерние скрываются + скрываться таб связанный с одной из ее дочерних категоий — не реализовано скрытие таба Возникли сложности со скрытием табов (последний пункт списка с логикой) и активацией таба первой дочерней категории, при клике по родительской. Код: $('li.panel').click(function() { $(this).children().find('a:first').tab('show'); Открывает таб первой подкатегории только один раз. Если я на примере кликну по род. категории «Техника», то откроются ее дочерние категории (Смартфоны, Планшеты) и активируется так первой подкатегории (Смартфоны) скриншот, но если если я после этого, к примеру, кликну по другой род. категории «Одежда», а потом снова кликну по категории «Техника», таб связанный с первой дочерней «Смартфоны» не будет активен — скриншот. -
Как вывести символ в качестве фона?
Drunk_Monkey ответил в вопрос пользователя nikki4 в Для начинающих
используйте :after К примеру: .accordion-header li { position: relative; padding-right: 15px; /* Чтобы текст не «залазил» на символ*/ } .accordion-header li:after{ position: absolite; font-family: "названиеш шрифта"; /*Если нужен опеределнный шрифт*/ content: "+"; right: 0; /* Если размещаете справа*/ }- 1 ответ
-
- 1
-
Как сверстать карточки товара на bootstrap, с границей как ячеек таблицы с border-collapse: collapse?
Drunk_Monkey добавил вопрос в Для начинающих
Подскажи как решить задачу: Верстка выдачи товаров в категории, с учетом того что кол-во товаров может быть произвольный, и к тому же нечетным кол-ву товаров к колонке Верстать нужно на bootstrap c учетом адаптива (2,3 4 — карточки в ряду, в зависимости от брейкпоинта) поэтому использовать display: tabel и table-cell не имеет смысла Не должно быть двойных границ у карточек на стыке по вертикали и горизонтали Горизонтальных и вертикальных отступов между карточками нет Решил задавать границы используя nth-child, меняя формулы для разных брекпойнтов. Ссылка на демо Не испробовав, даже адаптив, увидел проблему на стыке границ, если карточки в последнем ряду, не кратны кол-ву колонок: Если более правильное решение задачи и почему границы не сходятся на стыке? -
Как реализовать блок с линией между блоками текста разной длины
Drunk_Monkey ответил в тему пользователя Drunk_Monkey в Сделайте мне бесплатно
Нашел решение как сделать оглавление через css -
Как реализовать блок с линией между блоками текста разной длины
Drunk_Monkey добавил тему в Сделайте мне бесплатно
Подскажите пожалуйста как можно реализовать, подобный блок, отдельно учитывая, его поведение при адаптиве, при уменьшение viewport уже ширины блока. Также то, что длина каждой надписи может меняться. -
Как реализовать увеличение карточки товар при ховере как ikea.com?
Drunk_Monkey добавил вопрос в Для начинающих
Добрый день, подскажите пожалуйста, как реализовать поведение карточки товара при ховере как на странице магазина ikea -
Как дизайнеру подобрать сетку и брекпойннты под bootstrap 3 и 4?
Drunk_Monkey добавил вопрос в Проблемы верстки
Добрый день, у меня задача нарисовать адаптивную версию дизайна сайта под 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 макета? -
Как реализовать резиновый блок с фиксированным padding?
Drunk_Monkey ответил в вопрос пользователя Drunk_Monkey в Для начинающих
Нашел вариант только с вложенными слоями: Использование свойства box-sizing всем хорошо, кроме того, что не работает в старых версиях IE. Если вы верстаете сайт с учетом IE7 и IE6, вам подойдет старый проверенный метод с вложением слоев. Идея простая — для внешнего блочного элемента задаётся только необходимая ширина, а для вложенного блока всё остальное — поля, границы и отступы. Поскольку по умолчанию ширина блока равна доступной ширине родителя, получится, что блоки в каком-то смысле накладываются друг на друга, при этом фактическая ширина такого комбинированного элемента будет чётко задана.Но он предусматривает лишнее теги (слой обвертка), есть ли варинат без добавления лишних div и box-sizing? -
Как реализовать резиновый блок с фиксированным padding?
Drunk_Monkey ответил в вопрос пользователя Drunk_Monkey в Для начинающих
Немного непонятно, что вам именно нужно. Вы не могли бы описать задачу поподробнее и желательно с примерами и скринами. Виноват отвечу подробней. Пример задачи: поля формы input должны быть резиновые, тянуться при измении ширины родителя, но при это иметь фиксимрованные отступы в 10 px. В макете повторяются эта задача (резиновый эдемент с фиксированными отступами) не только для строчных элементов как поля но и для блочных. -
Как реализовать резиновый блок с фиксированным padding?
Drunk_Monkey добавил вопрос в Для начинающих
Добрый день буду благодарен помощи, условие для задачи только одно - без использования box-sizing -
Меню разделенное логотипом
Drunk_Monkey ответил в вопрос пользователя Drunk_Monkey в Проблемы верстки
Спасибо вам за помощь. -
Дженьльмены и леди, подскажите как правильно верстать список навигации разделенный логотипом? Примеры: И
-
Тянущийся блок по одной из сторон браузера
Drunk_Monkey ответил в вопрос пользователя Drunk_Monkey в Проблемы верстки
Спасибо, к вашему решению только добавил overflow-x, чтобы не было горизонтального скролла. -
Добрый день, подскажите пожалуйста как реализовать тянущийся к краю браузера независимо от ширины его окно, но только по одной из его сторон. В макете, серые блоки с текстом доходить до края окна браузера независимо от разрешения экрана монитора и ширины окна браузера. Блок «ФАКТ №3» до правого края, а Блок «ФАКТ №4» до левого. Буду благодарен вашей помощи.