• Как свайпать изображение в с помощью lightbox2?

    @HARDOOPS
    У Lightbox2 нет обработки свайпинга из коробки.

    То есть, если принципиально использовать Lightbox2, и Swiper или Fancybox не подходят, нужно вешать слушателей на jQuery swipeleft и swiperight, из которых создавать события клика на .lb-next и .lb-prev, соответственно. Перед этим не забываем проверить, что устройство мобильное, и скрыть кнопки на мобильных в CSS.
    Ответ написан
    Комментировать
  • С помощью чего сделан эффект как на сайте https://www.fromscout.com/?

    @HARDOOPS
    Ясен пень, что с помощью библиотеки Three.js (threejs.org). Видно ведь, что эти коробки – модели.
    Ответ написан
    Комментировать
  • Не скроллится бургер меню?

    @HARDOOPS
    Смысл бургер-меню в том, что оно раскрывается на полный экран. Для этого устанавливаем html, body и .burger-menu height: 100%. Далее устанавливаем для .burger-menu overflow-y: auto; либо overflow-y: scroll;, чтобы контент не прыгал туда-сюда.
    Ответ написан
  • Как выравнить элементы в grid?

    @HARDOOPS
    Используйте flex, он ничем не хуже.
    .li_block {
        display: flex;
        justify-content: space-between;
    }


    UPD: если принципиально grid.
    .li_block {
        display: grid;
        grid-template-columns: auto calc(100% / 3);
        justify-items: stretch;
    }
    Ответ написан
    5 комментариев
  • Как сверстать карточки с градиентным фоном и иконкой?

    @HARDOOPS
    I. Надеюсь, что фон изменить через linear-gradient() не проблема.
    II. Иконки оформляем в SVG.
    III. Задаëм SVG fill="currentColor" и меняем цвет (color) при :hover на родительском элементе.

    Итого:
    <div class="card"><!-- На этом :hover -->
        <div class="text"><!-- Текст с карточки --></div>
        <svg fill="currentColor" ...>...</svg>
    </div>
    Ответ написан
    3 комментария
  • Как сделать перенос блока?

    @HARDOOPS
    Обернуть .news__operation-date и .news__operation-name в div.news__operation-main, которому задать следующее.
    .news__operation-main {
        display: block;
    }
    
    @media (min-width: 768px) {
        .news__operation-main {
            display: flex;
        }
    }

    Вам не кажется, что использовать и дефис, и нижнее подчëркивание, мягко говоря, – перебор?
    Ответ написан
    Комментировать
  • Как сделать так, чтобы текст уходил под кург?

    @HARDOOPS
    .container {
         border: 1px solid red;
         width: 200px;
         font-weight: 700;
         font-size: 24px;
         padding: 0 0 5px 0;
         background: gray;
    }
    
    .container * {
         display: inline;
    }
    
    .container span {
         margin-right: 6px;
         width: 32px;
         height: 24px;
         background: #FFFFFF;
         border-radius: 10px;
         font-size: 20px;
         align-items: center;
         justify-content: center;
         color: #000000;
         display: inline-flex;
    }

    А вообще, пора начинать сортировать селекторы и свойства хотя бы по алфавиту, а не делать из всего этого одну большую помойку.
    Ответ написан
    2 комментария
  • Как редактировать отдельные страницы в многостраничном сайте?

    @HARDOOPS
    Можно использовать чистый PHP, а можно использовать библиотеки, фреймворки и CMS. Можно хранить маршруты статично в файле, а можно динамично в БД. Можно HTML-контент выводить строками в коде, а можно писать код между HTML-контентом. Можно придерживаться подхода MVC, а можно не придерживаться. Можно подключать JS-скрипты статично в HTML-контенте, а можно динамично в других JS-скриптах. За реальный проект можно считать сайт крупнейшего в стране интернет-магазина, а можно считать и интернет-магазин Танечки, сделанный на коленке.

    Столько неопределённости и столько желания, чтобы кто-то дал ответы на все вопросы. Увы, оно так не работает. В 21 веке можно воспользоваться поисковиком, а чтобы быть как все, в тренде, можно воспользоваться ChatGPT.
    Ответ написан
    Комментировать
  • Как выводить ТОЛЬКО одобренные комментарии wordpress?

    @HARDOOPS
    Как минимум, так.
    <div class="rov">
            <div class="colmd12">
               <section>
                    <?php
                        $comments = get_comments(array(
                            "status" => "approve",
                        ));
                        $args = array('class' => 'mr-3',);
                        foreach ($comments as $comment) {
                    ?>
    
                    <div class="media mb-3">
                        <?php echo get_avatar($comment->author_email, 64, null, null, $args); ?>
                        <div class="media-body">
                            <h5 class="mt-0"><?php echo $comment->comment_author; ?></h5>
                             <?php comment_date('j-n-Y'); ?>
                            <div class="comment"><?php echo $comment->comment_content; ?></div>
    
                        </div>
                    </div>
                   <?php } ?>
               </section>
    
            </div>
        </div>

    Как максимум, прочитать документацию на функцию get_comments.
    Ответ написан
    Комментировать