• Как сделать, чтобы при клике на другой пункт меню предыдущий элемент закрывался?

    @Medvejonok86
    Задайте всем пунктам меню один класс. Примерно так:
    <div class="menu">
       <div class="item close">Пункт 1</div>
       <div class="item close">Пункт 2</div>
       <div class="item close">Пункт 3</div>
    </div>

    Дальше вешаем обработчик на клик и пишем логику обработки события.
    $(document).ready(function () {
       $(".menu .item").on("click", function() {
          $(".menu .item").addClass("close");
          $(this).removeClass("close");
       });
    });
    Ответ написан
    2 комментария
  • Как включить отключенные компоненты в Аспро 3.0?

    @Medvejonok86
    Для того чтобы включить компонент, вы можете:
    1-й вариант: включить на панели администрирования (правый верхний угол) режим правки.
    65b60d1dc1468868601089.png
    Найти красный квадратик на том месте, где был выведен компонент на странице.65b60d839c215020627852.png
    Навести на него курсор и в выпадающем меню включить компонент.
    65b60e3a74d7a982058207.png
    2-й вариант:
    Нажмите на кнопку "Изменить страницу" на панели администрирования и выберите "В режиме PHP-кода".
    65b60f8d03bd3598834083.png
    Найдите код вывода компонента
    65b61112415db933445823.png
    и измените параметр
    "ACTIVE_COMPONENT" => "N"
    на
    "ACTIVE_COMPONENT" => "Y"
    И сохраните изменения.
    Ответ написан
  • Почему не работает задание размеров радиального градиента в процентах "radial-gradient()"?

    @Medvejonok86
    У вас неправильно указан размер градиента. Нужно указать его в единицах измерения, отличных от процента(%).
    background: radial-gradient(circle 20px at 50% 50%, blue , red);

    Или как вариант, можете указать позиции цвета:
    background: radial-gradient(circle at 50% 50%, blue 10% , red 20%);

    UPD:
    Так же можно задать ширину и высоту градиента в процентах без явного указания формы градиента:
    background: radial-gradient(20% 20% at 50% 50%, blue, red);
    Ответ написан
  • Первый раз делаю верстку сайта. Как исправить данную ситуацию, так, чтобы "icebeaker_main_block" был справа?

    @Medvejonok86
    1-й вариант: использовать float.
    .header_txt__block {
        width: 634px;
        float: left;
        text-align: left;
    }
    .icebeaker_main_block {
        background: rgba(51, 51, 51, 0.30);
        float: right;
    }

    2-й вариант: использовать flex.
    Оборачиваем оба блока в div с классом "wrapper":
    <div class="wrapper">
      <div class="header_txt__block">...</div>
      <div class="icebeaker_main_block">...</div>
    </div>

    и редактируем css:
    .wrapper {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
    }
    .header_txt__block {
        width: 634px;
        text-align: left;
    }
    .icebeaker_main_block {
        background: rgba(51, 51, 51, 0.30);
    }

    3-й способ: использовать grid.
    Оборачиваем оба блока в div с классом "wrapper":
    <div class="wrapper">
      <div class="header_txt__block">...</div>
      <div class="icebeaker_main_block">...</div>
    </div>

    и редактируем css:
    .wrapper {
        display: grid;
        grid-template-areas: "left_block right_block";
    }
    .header_txt__block {
        width: 634px;
        text-align: left;
        grid-area: left_block;
    }
    .icebeaker_main_block {
        background: rgba(51, 51, 51, 0.30);
        grid-area: right_block;
    }
    Ответ написан
    1 комментарий
  • Как сделать разный title если header везде одинаковый?

    @Medvejonok86
    Создаете 4 файла: template.php, header.php, content.php, footer.php.
    Подключаете в файле template.php остальные 3 файла:

    //template.php
    <!DOCTYPE html>
    <html lang="ru">
    <?php
    include_once 'header.php';
    ?>
    <body>
    <?php
    include_once 'content.php';
    include_once 'footer.php';
    ?>
    </body>
    </html>


    Потом в том файле, который будет выводить содержимое страницы, сначала получаете нужные данные (допустим из базы), а далее подключаете файл template.php.

    Допустим, для главной страницы будет примерно так:

    //index.php
    $data = [
       'title' => 'Главная страница',
       'content' => 'Содержимое главной страницы',
    ];
    include_once 'template.php';


    Ну и соответственно в файлах шаблона выводите переменные:

    //header.php
    <head>
    <title><?=$data['title']?></title>
    </head>


    //content.php
    <div>
    <p><?=$data['content']?></p>
    </div>


    //footer.php
    <footer>
    <p>Подвал сайта</p>
    </footer>
    Ответ написан
    1 комментарий