• Как изменить иконку при клике на неё?

    Jacket_B
    @Jacket_B
    Эта вечеринка отстой


    Хотят тут многое зависит от нужной анимации
    Ответ написан
    Комментировать
  • Как добавить галочку checkbox в форму обратной связи?

    @pmozil
    В форму добавить чекбокс,но насколько помню,мне не удалось с помощью атрибута required защититься от спама.
    <div class="form-01 consult-form js-consult-form__content">
                  <h2 class="form-01__title">Обратная связь</h2>
                  
                  <form class="form-01__form" name="contact-form" method="post" action="https://###.ooo/assets/php/contact.php">
                    <div class="form__item form__item--03">
                      <input type="text" name="name" placeholder="Ваше Имя"/>
                    </div>
                    <div class="form__item form__item--03">
                      <input type="text" name="phone" placeholder="Ваш Телефон"/>
                    </div>
                    <div class="form__item form__item--03">
                      <input type="email" name="email" placeholder="Ваш Email"/>
                    </div>
                    <div class="form__item">
                      <textarea rows="5" name="message" placeholder="Сообщение"></textarea>
                    </div>
                    <div class="form__button">
                        <button type="submit" class="btn btn-primary btn-w180">Отправить</button>
                    </div>
    <div>
     <input type="checkbox" id="agree" name="agree"
             required>
      <label for="agree">Текст о защите данных</label>
    </div>
                  </form>
                </div>

    Защиту от спама реализовал с помощью скрытых(от пользователя,но спам-бот их видит) полей и проверкой на заполнение этих полей.Если они заполнены,то это бот,так как только он может их видеть.
    Например создать
    $name2 = $_POST['name2'];
    и
    $email = $_POST['email'];
    и проверка php:
    if ($_POST['name2']!='' || $_POST['email2']!=''){
      die('Сообщение не отправлено,так как ты бот');
    }

    и надо добавить эти поля в HTML документ,но прописать им свойство display:none в css файле.
    <div class="form-01 consult-form js-consult-form__content">
                  <h2 class="form-01__title">Обратная связь</h2>
                  
                  <form class="form-01__form" name="contact-form" method="post" action="https://###.ooo/assets/php/contact.php">
                    <div class="form__item form__item--03">
                      <input type="text" class="validator" name="name2" placeholder="Ваше Имя">
    	    			<input type="text" class="validator" name="email2" placeholder="Ваш Email">
     
    <input type="text" name="name" placeholder="Ваше Имя"/>
                    </div>
                   <div class="form__item form__item--03">
                      <input type="text" name="phone" placeholder="Ваш Телефон"/>
                    </div>
                    <div class="form__item form__item--03">
                      <input type="email" name="email" placeholder="Ваш Email"/>
                    </div>
                    <div class="form__item">
                      <textarea rows="5" name="message" placeholder="Сообщение"></textarea>
                    </div>
                    <div class="form__button">
                        <button type="submit" class="btn btn-primary btn-w180">Отправить</button>
                    </div>
    <div>
     <input type="checkbox" id="agree" name="agree"
             required>
      <label for="agree">Текст о защите данных</label>
    </div>
                  </form>
                </div>
    Ответ написан
    1 комментарий
  • Ошибка в проверке разметки Schema.org?

    @siarheisiarhei
    <!--Указывается схема Product.-->
    <div itemscope itemtype="http://schema.org/Product">
    
    <!--В поле name указывается наименование товара.-->
      <h1 itemprop="name">Iphone 6 plus 16 GB</h1>
    
    <!--В поле description дается описание товара.-->
      <span itemprop="description">iPhone 6 не просто больше. Он лучше во всех отношениях. Больше, но при этом значительно тоньше. Мощнее, но при этом исключительно экономичный. Его гладкая металлическая поверхность плавно переходит в стекло нового HD-дисплея Retina, образуя цельный, законченный дизайн. Его аппаратная часть идеально работает с программным обеспечением. Это новое поколение iPhone, улучшенное во всём</span>
    
    <!--В поле image указывается ссылка на картинку товара.-->
      <img src="http://imageexample.com/iphone6plus.jpg" itemprop="image">
    
    <!--Указывается схема Offer.-->
      <div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> 
    
    <!--В поле price указывается цена товара.-->
        <span itemprop="price"></span>
    
    <!--В поле priceCurrency указывается валюта.-->
        <span itemprop="priceCurrency"></span>
      </div>
    </div>
    Ответ написан
    Комментировать
  • Как пользоваться codepen.io?

    @DanKud
    Конкретно этот пример самый дефолтный на чистом коде. Не знаю по какой причине он может у вас не работать. Его достаточно просто скопировать и вставить в свой HTML-файл. Часто бывает, что написанный код использует какой-то процессор. То есть это не чистый код и по дефолту браузер его обработать не сможет. Он не будет работать если вы его просто вставите без обработки. Используемый процессор будет приписан в скобках в заголовке. Например HTML (Pug) - CSS (Stylus) - JS (Babel) и так далее. Если используется процессор, то чтобы получить чистый код прямо в окне Codepen достаточно просто выбрать в выпадающем меню блока (стрелка вниз) пункт View Compiled ... и код будет сразу же преобразован. Преобразованный код уже можно смело вставлять к себе и он будет обрабатываться браузером по дефолту. Так же могут быть подключены дополнительные библиотеки без которых код не будет работать. Чтобы посмотреть список подключенных библиотек надо нажать на настройки блока (шестеренка) и посмотреть есть ли в списке ссылки на них. Если есть ссылки на библиотеки соответственно вам тоже нужно их подключить в код. Ну а проще всего конечно зарегистрироваться на сайте. Нажать в правом нижнем углу Export -> Export .zip и получить архив с содержимым. Соответственно index.html это будет HTML-код. В папке css будет файл с CSS-кодом. В папке js будет скрипт с JS-кодом. Все эти файлы будут на чистом коде. Если использовались дополнительные процессоры, то код под них будет в соответствующих папках.
    Ответ написан
    Комментировать