• Как сделать вырез в блоке такой же как в макете?

    szQocks
    @szQocks
    демо

    <div>
      <span>123</span>
      <p>Какой-то текст</p>
    </div>


    body{
      background: gray;
    }
    
    div{
      margin: 50px auto;
      width: 200px;
      height: 140px;
      background: radial-gradient(40px 40px at center top, transparent 100%, red 100%);
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      border-radius: 20px;
    }
    
    span{
      width: 65px;
      height: 65px;
      border-radius: 50%;
      color: firebrick;
      background: aqua;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: -32px;
    }
    Ответ написан
    2 комментария
  • Почему перестала работать кнопка добавить в корзину на странице товара ( wordpress + woocommerce)?

    amorphis
    @amorphis
    Технолог в Студии Артемия Лебедева
    У вас в исходном коде страницы в стилях и скрипте какая-то дичь творится с посторонними тегами, вот кусок кода с вашей страницы:
    <style>
        .ast-onsale-card {<br />    position: absolute;<br />    top: 1.5em;<br />    left: 1.5em;<br />    color: #fff;<br />    background-color: #25db11;<br />    width: fit-content;<br />    border-radius: 20px;<br />    padding: 0.4em 0.8em;<br />    font-size: .87em;<br />    font-weight: 500;<br />    line-height: normal;<br />    letter-spacing: normal;<br />    box-shadow: 0 4px 4px rgba(0,0,0,0.15);<br />    opacity: 1;<br />    visibility: visible;<br />    z-index: 4;<br />}<br /></style>
    <p><script>
    document.addEventListener('DOMContentLoaded', function() {
        const menuLinks = document.querySelectorAll('.menu-link');</p>
    <p>    menuLinks.forEach(link => {
            link.addEventListener('click', function(event) {
                event.preventDefault(); // Отменяем стандартное поведение ссылки</p>
    <p>            const targetId = this.getAttribute('href'); // Получаем ID целевой секции из атрибута href</p>
    <p>            const targetSection = document.querySelector(targetId); // Находим элемент целевой секции</p>
    <p>            if (targetSection) {
                    targetSection.scrollIntoView({ behavior: 'smooth' }); // Плавно прокручиваем до целевой секции
                }
            });
        });
    });</p>
    <p></script>
    Ответ написан
    5 комментариев