Создание сайта на HTML в блокноте пошаговая инструкция с примерами

Откройте стандартный блокнот на вашем компьютере. Это может быть Notepad в Windows или любой другой текстовый редактор, который поддерживает сохранение файлов с расширением .html. Начните с создания нового файла и сразу сохраните его под именем, например, index.html. Это будет главная страница вашего сайта.

Внутри файла пропишите базовую структуру HTML-документа. Используйте теги <!DOCTYPE html>, <html>, <head> и <body>. В разделе <head> добавьте заголовок страницы с помощью тега <title>, например, <title>Мой первый сайт</title>. Это текст, который отобразится во вкладке браузера.

Перейдите к разделу <body> и добавьте контент. Например, используйте тег <h1> для заголовка и <p> для текста. Если хотите добавить изображение, вставьте тег <img src=»имя_файла.jpg» alt=»Описание»>. Убедитесь, что изображение находится в той же папке, что и ваш HTML-файл.

Сохраните изменения и откройте файл index.html в браузере. Вы увидите результат своей работы. Если что-то не отображается правильно, проверьте код на ошибки и убедитесь, что все теги закрыты. Продолжайте добавлять элементы, такие как ссылки, списки или таблицы, чтобы сделать сайт более информативным.

Подготовка инструментов для создания сайта

Для работы с HTML достаточно стандартного текстового редактора. На Windows подойдет «Блокнот», а на macOS – «TextEdit». Убедитесь, что файлы сохраняются с расширением .html, иначе браузер не сможет их открыть.

Перед началом настройте редактор для удобства:

  • В «Блокноте» выберите «Формат» → «Перенос по словам», чтобы текст не выходил за границы окна.
  • В «TextEdit» перейдите в «Настройки» → «Открыть и сохранить» и выберите «Обычный текст», чтобы избежать форматирования.

Для проверки кода используйте любой современный браузер, например Google Chrome, Firefox или Edge. Откройте файл .html через меню «Файл» → «Открыть» или перетащите его в окно браузера.

Если планируете работать с большими проектами, рассмотрите установку более функциональных редакторов:

  • Notepad++ – бесплатный редактор с подсветкой синтаксиса и поддержкой плагинов.
  • Visual Studio Code – мощный инструмент с автодополнением и встроенным терминалом.

Создайте папку на рабочем столе или в другом удобном месте для хранения всех файлов проекта. Это поможет организовать работу и избежать путаницы.

Выбор текстового редактора

Если вы хотите больше удобства, попробуйте Notepad++. Он бесплатный, поддерживает подсветку синтаксиса, автоматическое закрытие тегов и поиск по коду. Это упрощает работу и помогает избежать ошибок. Для тех, кто предпочитает современные инструменты, Visual Studio Code – отличный выбор. Он бесплатен, поддерживает множество расширений и подходит как для начинающих, так и для опытных разработчиков.

Для пользователей macOS подойдет TextEdit в режиме «Простой текст» или более продвинутый редактор Sublime Text. Sublime Text работает на всех платформах, отличается высокой скоростью и поддерживает множество полезных функций, таких как множественное выделение и настройка горячих клавиш.

Выбор редактора зависит от ваших предпочтений и задач. Начните с простого инструмента, а по мере роста навыков переходите к более функциональным решениям.

Рассмотрим, почему именно блокнот подходит для работы с HTML и какие другие редакторы можно рассмотреть для начала.

Если вы хотите больше возможностей, попробуйте редакторы с подсветкой синтаксиса, такие как Notepad++ или Sublime Text. Они помогают быстрее находить ошибки и лучше структурировать код. Для тех, кто предпочитает визуальное редактирование, подойдет Visual Studio Code – он поддерживает расширения, автоматическое завершение кода и встроенный терминал.

Редактор Преимущества Недостатки
Блокнот Простота, доступность Нет подсветки синтаксиса, сложно работать с большими файлами
Notepad++ Подсветка синтаксиса, поддержка плагинов Меньше функций, чем в профессиональных редакторах
Sublime Text Быстрая работа, удобный интерфейс Платная лицензия для постоянного использования
Visual Studio Code Мощные функции, поддержка расширений Требует больше ресурсов компьютера

Выбор редактора зависит от ваших задач и уровня подготовки. Начните с блокнота, чтобы освоить базовые принципы, а затем переходите к более функциональным инструментам для удобства и скорости работы.

Установка браузера для проверки сайта

Для тестирования сайта выберите современный браузер, который поддерживает актуальные стандарты HTML, CSS и JavaScript. Лучше использовать несколько браузеров, чтобы убедиться, что сайт корректно отображается на разных устройствах и платформах.

  • Google Chrome – популярный браузер с широкими возможностями для разработчиков. Установите его с официального сайта.
  • Mozilla Firefox – гибкий и удобный инструмент для тестирования. Скачайте его с сайта Mozilla.
  • Microsoft Edge – встроен в Windows, но его также можно установить отдельно с официальной страницы.

После установки откройте созданный HTML-файл в браузере. Для этого:

  1. Найдите файл на компьютере.
  2. Щелкните по нему правой кнопкой мыши.
  3. Выберите «Открыть с помощью» и укажите нужный браузер.

Если вы внесли изменения в код, обновите страницу в браузере, чтобы увидеть результат. Для удобства используйте инструменты разработчика (F12), чтобы проверять структуру и стили сайта.

Как выбрать и установить браузер, который поможет вам в тестировании созданного сайта.

Для тестирования сайта используйте несколько браузеров, чтобы убедиться, что он корректно отображается на разных платформах. Начните с установки Google Chrome – он поддерживает современные стандарты HTML, CSS и JavaScript, а также предоставляет удобные инструменты для разработчиков. Откройте сайт в Chrome, нажмите F12, и вы получите доступ к инспектору кода, консоли и другим полезным функциям.

Добавьте Mozilla Firefox в список тестируемых браузеров. Firefox отличается высокой скоростью работы и поддержкой новых технологий. Установите его с официального сайта, затем используйте встроенный инструмент «Инспектор» для проверки макета и стилей. Это поможет выявить возможные ошибки, которые не видны в Chrome.

Не забудьте про Microsoft Edge. Он основан на движке Chromium, как и Chrome, но может показывать различия в отображении некоторых элементов. Скачайте Edge с сайта Microsoft, чтобы проверить, как ваш сайт выглядит для пользователей Windows.

Для тестирования на мобильных устройствах используйте браузеры Safari (на Mac или iOS) и Chrome на Android. Safari можно установить только на устройствах Apple, но он важен для проверки корректности отображения сайта на iPhone и iPad. Chrome на Android поможет убедиться, что ваш сайт адаптирован для смартфонов.

После установки всех браузеров откройте ваш HTML-файл в каждом из них. Проверьте, как отображаются текст, изображения, кнопки и другие элементы. Используйте инструменты разработчика для анализа и исправления ошибок. Регулярно тестируйте сайт в разных браузерах, чтобы поддерживать его качество.

Создание структуры HTML-документа

Откройте блокнот и сразу создайте базовую структуру HTML. Начните с тега <!DOCTYPE html>, чтобы указать версию HTML. Затем добавьте тег <html>, который будет оборачивать весь документ. Внутри него разместите два основных раздела: <head> и <body>.

В разделе <head> укажите метаданные. Используйте тег <meta charset="UTF-8"> для корректного отображения текста. Добавьте заголовок страницы с помощью тега <title>, например: <title>Мой первый сайт</title>. Это название будет отображаться во вкладке браузера.

В разделе <body> разместите основное содержимое страницы. Используйте теги <h1> для главного заголовка, <p> для абзацев и <a> для ссылок. Например, добавьте заголовок: <h1>Добро пожаловать на мой сайт!</h1> и абзац: <p>Это пример простой HTML-страницы.</p>.

Для логической организации контента применяйте теги <header>, <main> и <footer>. В <header> можно разместить навигацию, в <main> – основной текст, а в <footer> – контактную информацию или ссылки.

Сохраните файл с расширением .html, например index.html. Откройте его в браузере, чтобы проверить результат. Теперь у вас есть основа для дальнейшего развития сайта.

Основные теги HTML: что нужно знать

Для создания структуры веб-страницы используйте тег <html>, который указывает браузеру, что документ написан на HTML. Внутри него разместите теги <head> и <body>. В <head> добавьте метаинформацию, например, заголовок страницы с помощью <title>, а в <body> – содержимое, которое будет отображаться пользователю.

Для создания заголовков применяйте теги от <h1> до <h6>, где <h1> – самый крупный и важный заголовок, а <h6> – наименьший. Разделяйте текст на абзацы с помощью <p> – это сделает контент более читабельным.

Чтобы добавить ссылку, используйте тег <a> с атрибутом href, указывающим на адрес страницы. Например, <a href=»https://example.com»>Пример</a> создаст кликабельную ссылку с текстом «Пример».

Для вставки изображений применяйте тег <img> с атрибутами src (путь к изображению) и alt (альтернативный текст). Пример: <img src=»image.jpg» alt=»Описание»>.

Создавайте списки с помощью тегов <ul> для маркированных и <ol> для нумерованных списков. Каждый элемент списка помещайте в <li>. Например:

<ul>
<li>Первый пункт</li>
<li>Второй пункт</li>
</ul>

Для выделения важного текста используйте <strong>, а для курсива – <em>. Эти теги помогают акцентировать внимание на ключевых моментах.

Чтобы разделить контент на логические блоки, применяйте тег <div>. Он не имеет визуального оформления по умолчанию, но полезен для структурирования и стилизации с помощью CSS.

Следуя этим рекомендациям, вы сможете создать базовую структуру веб-страницы, используя только блокнот и основные теги HTML.

Тег </strong> задаёт заголовок страницы, который отображается на вкладке браузера. Он также используется поисковыми системами для отображения в результатах поиска.</p> <p>Тег <strong></strong> создаёт абзац текста. Он автоматически добавляет отступы сверху и снизу, что делает текст более читаемым. Используйте его для структурирования контента.</p> <p>Тег <strong><a></strong> создаёт гиперссылку. С помощью атрибута <em>href</em> укажите адрес, на который будет вести ссылка. Например: <code><a href="https://example.com" target="_blank" rel="noopener">Пример ссылки</a></code>.</p> <p>Тег <strong><img></strong> добавляет изображение на страницу. Укажите путь к изображению с помощью атрибута <em>src</em>, а также добавьте описание с помощью атрибута <em>alt</em>. Например: <code><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Описание изображения" data-lazy-src="image.jpg"><noscript><img decoding="async" src="image.jpg" alt="Описание изображения"></noscript></code>.</p> <p>Тег <strong></p> <ul></strong> создаёт маркированный список, а <strong></p> <ol></strong> – нумерованный. Внутри них используйте тег <strong></p> <li></strong> для каждого элемента списка. Это удобно для структурирования информации.</p> <p>Тег <strong></p> <div></strong> служит универсальным контейнером для группировки элементов. Он не имеет визуального оформления, но помогает организовать структуру страницы и применить стили.</p> <p>Тег <strong></p> <h1></strong> до <strong></p> <h6></strong> используются для заголовков разного уровня. </p> <h1> – самый важный заголовок, а </p> <h6> – наименее значимый. Они помогают разделить контент на логические блоки.</p> <p>Эти теги формируют основу HTML-документа. Используйте их для создания структуры страницы, добавляя контент и оформляя его с помощью CSS.</p> <h3>Добавление контента на страницу</h3> <p>Начните с текста, используя тег <strong><p></strong> для абзацев. Например: <strong><p>Это мой первый абзац.</p></strong>. Для заголовков применяйте теги <strong><h1></strong> до <strong><h6></strong>, где <strong><h1></strong> – самый крупный и важный заголовок.</p> <p>Добавьте изображения с помощью тега <strong><img></strong>. Укажите путь к файлу в атрибуте <strong>src</strong> и добавьте описание в <strong>alt</strong>: <strong><img src=»image.jpg» alt=»Описание изображения»></strong>.</p> <p>Создавайте списки: используйте <strong><ul></strong> для маркированных и <strong><ol></strong> для нумерованных. Внутри каждого элемента списка применяйте тег <strong><li></strong>. Например: <strong><ul><li>Первый пункт</li><li>Второй пункт</li></ul></strong>.</p> <p>Для выделения текста используйте теги <strong><strong></strong> (жирный) и <strong><em></strong> (курсив). Например: <strong><p>Это <strong>важный</strong> текст.</p></strong>.</p> <p>Добавьте ссылки с помощью тега <strong><a></strong>. Укажите адрес в атрибуте <strong>href</strong> и текст ссылки: <strong><a href=»https://example.com»>Перейти на сайт</a></strong>.</p> <p>Для вставки видео используйте тег <strong><iframe></strong>. Например: <strong><iframe src=»https://www.youtube.com/embed/VIDEO_ID»></iframe></strong>.</p> <p>Проверяйте отображение контента, открывая файл в браузере. Вносите изменения в блокноте и обновляйте страницу, чтобы увидеть результат.</p> <h3>Как вставить текст, изображения и ссылки с помощью соответствующих HTML-тегов.</h3> <p>Для добавления текста на страницу используйте тег <code><p></code>. Например, чтобы отобразить абзац, напишите: <code><p>Это пример текста.</p></code>. Для заголовков применяйте теги <code><h1></code> до <code><h6></code>, где <code><h1></code> – самый крупный.</p> <p>Чтобы вставить изображение, воспользуйтесь тегом <code><img></code>. Укажите путь к файлу через атрибут <code>src</code> и добавьте описание с помощью <code>alt</code>. Пример: <code><img src="image.jpg" alt="Описание изображения"></code>.</p> <p>Ссылки создаются с помощью тега <code><a></code>. В атрибуте <code>href</code> укажите адрес, а между тегами – текст ссылки. Например: <code><a href="https://example.com">Перейти на сайт</a></code>. Если нужно открыть ссылку в новой вкладке, добавьте атрибут <code>target="_blank"</code>.</p> <p>Эти теги можно комбинировать. Например, чтобы добавить ссылку на изображение, поместите тег <code><img></code> внутрь <code><a></code>: <code><a href="https://example.com"><img src="image.jpg" alt="Описание"></a></code>.</p> </p> </div><!-- .entry-content --> </article><!-- #post-## --> <div class="entry-footer"> </div> <div class="b-share b-share--post"> <div class="b-share__title">Понравилась статья? Поделить с друзьями:</div> <span class="b-share__ico b-share__vk js-share-link" data-uri="http://vk.com/share.php?url=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2581%25d0%25be%25d0%25b7%25d0%25b4%25d0%25b0%25d0%25bd%25d0%25b8%25d0%25b5-%25d1%2581%25d0%25b0%25d0%25b9%25d1%2582%25d0%25b0-%25d0%25bd%25d0%25b0-html-%25d0%25b2-%25d0%25b1%25d0%25bb%25d0%25be%25d0%25ba%25d0%25bd%25d0%25be%25d1%2582%25d0%25b5-%25d0%25bf%25d0%25be%25d1%2588%25d0%25b0%25d0%25b3%25d0%25be%25d0%25b2%2F"></span> <span class="b-share__ico b-share__fb js-share-link" data-uri="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2581%25d0%25be%25d0%25b7%25d0%25b4%25d0%25b0%25d0%25bd%25d0%25b8%25d0%25b5-%25d1%2581%25d0%25b0%25d0%25b9%25d1%2582%25d0%25b0-%25d0%25bd%25d0%25b0-html-%25d0%25b2-%25d0%25b1%25d0%25bb%25d0%25be%25d0%25ba%25d0%25bd%25d0%25be%25d1%2582%25d0%25b5-%25d0%25bf%25d0%25be%25d1%2588%25d0%25b0%25d0%25b3%25d0%25be%25d0%25b2%2F"></span> <span class="b-share__ico b-share__tw js-share-link" data-uri="http://twitter.com/share?text=%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5+%D1%81%D0%B0%D0%B9%D1%82%D0%B0+%D0%BD%D0%B0+HTML+%D0%B2+%D0%B1%D0%BB%D0%BE%D0%BA%D0%BD%D0%BE%D1%82%D0%B5+%D0%BF%D0%BE%D1%88%D0%B0%D0%B3%D0%BE%D0%B2%D0%B0%D1%8F+%D0%B8%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D0%B8%D1%8F+%D1%81+%D0%BF%D1%80%D0%B8%D0%BC%D0%B5%D1%80%D0%B0%D0%BC%D0%B8&url=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2581%25d0%25be%25d0%25b7%25d0%25b4%25d0%25b0%25d0%25bd%25d0%25b8%25d0%25b5-%25d1%2581%25d0%25b0%25d0%25b9%25d1%2582%25d0%25b0-%25d0%25bd%25d0%25b0-html-%25d0%25b2-%25d0%25b1%25d0%25bb%25d0%25be%25d0%25ba%25d0%25bd%25d0%25be%25d1%2582%25d0%25b5-%25d0%25bf%25d0%25be%25d1%2588%25d0%25b0%25d0%25b3%25d0%25be%25d0%25b2%2F"></span> <span class="b-share__ico b-share__ok js-share-link" data-uri="https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2581%25d0%25be%25d0%25b7%25d0%25b4%25d0%25b0%25d0%25bd%25d0%25b8%25d0%25b5-%25d1%2581%25d0%25b0%25d0%25b9%25d1%2582%25d0%25b0-%25d0%25bd%25d0%25b0-html-%25d0%25b2-%25d0%25b1%25d0%25bb%25d0%25be%25d0%25ba%25d0%25bd%25d0%25be%25d1%2582%25d0%25b5-%25d0%25bf%25d0%25be%25d1%2588%25d0%25b0%25d0%25b3%25d0%25be%25d0%25b2%2F"></span> <span class="b-share__ico b-share__gp js-share-link" data-uri="https://plus.google.com/share?url=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2581%25d0%25be%25d0%25b7%25d0%25b4%25d0%25b0%25d0%25bd%25d0%25b8%25d0%25b5-%25d1%2581%25d0%25b0%25d0%25b9%25d1%2582%25d0%25b0-%25d0%25bd%25d0%25b0-html-%25d0%25b2-%25d0%25b1%25d0%25bb%25d0%25be%25d0%25ba%25d0%25bd%25d0%25be%25d1%2582%25d0%25b5-%25d0%25bf%25d0%25be%25d1%2588%25d0%25b0%25d0%25b3%25d0%25be%25d0%25b2%2F"></span> <span class="b-share__ico b-share__whatsapp js-share-link js-share-link-no-window" data-uri="whatsapp://send?text=%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5+%D1%81%D0%B0%D0%B9%D1%82%D0%B0+%D0%BD%D0%B0+HTML+%D0%B2+%D0%B1%D0%BB%D0%BE%D0%BA%D0%BD%D0%BE%D1%82%D0%B5+%D0%BF%D0%BE%D1%88%D0%B0%D0%B3%D0%BE%D0%B2%D0%B0%D1%8F+%D0%B8%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D0%B8%D1%8F+%D1%81+%D0%BF%D1%80%D0%B8%D0%BC%D0%B5%D1%80%D0%B0%D0%BC%D0%B8%20https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2581%25d0%25be%25d0%25b7%25d0%25b4%25d0%25b0%25d0%25bd%25d0%25b8%25d0%25b5-%25d1%2581%25d0%25b0%25d0%25b9%25d1%2582%25d0%25b0-%25d0%25bd%25d0%25b0-html-%25d0%25b2-%25d0%25b1%25d0%25bb%25d0%25be%25d0%25ba%25d0%25bd%25d0%25be%25d1%2582%25d0%25b5-%25d0%25bf%25d0%25be%25d1%2588%25d0%25b0%25d0%25b3%25d0%25be%25d0%25b2%2F"></span> <span class="b-share__ico b-share__viber js-share-link js-share-link-no-window" data-uri="viber://forward?text=%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5+%D1%81%D0%B0%D0%B9%D1%82%D0%B0+%D0%BD%D0%B0+HTML+%D0%B2+%D0%B1%D0%BB%D0%BE%D0%BA%D0%BD%D0%BE%D1%82%D0%B5+%D0%BF%D0%BE%D1%88%D0%B0%D0%B3%D0%BE%D0%B2%D0%B0%D1%8F+%D0%B8%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D0%B8%D1%8F+%D1%81+%D0%BF%D1%80%D0%B8%D0%BC%D0%B5%D1%80%D0%B0%D0%BC%D0%B8%20https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2581%25d0%25be%25d0%25b7%25d0%25b4%25d0%25b0%25d0%25bd%25d0%25b8%25d0%25b5-%25d1%2581%25d0%25b0%25d0%25b9%25d1%2582%25d0%25b0-%25d0%25bd%25d0%25b0-html-%25d0%25b2-%25d0%25b1%25d0%25bb%25d0%25be%25d0%25ba%25d0%25bd%25d0%25be%25d1%2582%25d0%25b5-%25d0%25bf%25d0%25be%25d1%2588%25d0%25b0%25d0%25b3%25d0%25be%25d0%25b2%2F"></span> <span class="b-share__ico b-share__telegram js-share-link js-share-link-no-window" data-uri="https://telegram.me/share/url?url=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2581%25d0%25be%25d0%25b7%25d0%25b4%25d0%25b0%25d0%25bd%25d0%25b8%25d0%25b5-%25d1%2581%25d0%25b0%25d0%25b9%25d1%2582%25d0%25b0-%25d0%25bd%25d0%25b0-html-%25d0%25b2-%25d0%25b1%25d0%25bb%25d0%25be%25d0%25ba%25d0%25bd%25d0%25be%25d1%2582%25d0%25b5-%25d0%25bf%25d0%25be%25d1%2588%25d0%25b0%25d0%25b3%25d0%25be%25d0%25b2%2F&text=%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5+%D1%81%D0%B0%D0%B9%D1%82%D0%B0+%D0%BD%D0%B0+HTML+%D0%B2+%D0%B1%D0%BB%D0%BE%D0%BA%D0%BD%D0%BE%D1%82%D0%B5+%D0%BF%D0%BE%D1%88%D0%B0%D0%B3%D0%BE%D0%B2%D0%B0%D1%8F+%D0%B8%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D0%B8%D1%8F+%D1%81+%D0%BF%D1%80%D0%B8%D0%BC%D0%B5%D1%80%D0%B0%D0%BC%D0%B8"></span> </div> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d0%bd%d0%b8%d0%b5-%d1%81%d0%b0%d0%b9%d1%82%d0%b0-%d0%bd%d0%b0-html-%d0%b2-%d0%b1%d0%bb%d0%be%d0%ba%d0%bd%d0%be%d1%82%d0%b5-%d0%bf%d0%be%d1%88%d0%b0%d0%b3%d0%be%d0%b2/"/> <meta itemprop="dateModified" content="2024-09-26"/> <meta itemprop="datePublished" content="2024-09-26T07:28:47+03:00"/> <div class="wpdiscuz_top_clearing"></div> <div id='comments' class='comments-area'><div id='respond' style='width: 0;height: 0;clear: both;margin: 0;padding: 0;'></div><div id='wpd-post-rating' class='wpd-not-rated'> <div class='wpd-rating-wrap'> <div class='wpd-rating-left'></div> <div class='wpd-rating-data'> <div class='wpd-rating-value'> <span class='wpdrv'>0</span> <span class='wpdrc'>0</span> <span class='wpdrt'>голоса</span></div> <div class='wpd-rating-title'>Рейтинг статьи</div> <div class='wpd-rating-stars'><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg></div><div class='wpd-rate-starts'><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg></div></div> <div class='wpd-rating-right'></div></div></div> <div id="wpdcom" class="wpdiscuz_unauth wpd-default wpd-layout-1 wpd-comments-open"> <div class="wc_social_plugin_wrapper"> </div> <div class="wpd-form-wrap"> <div class="wpd-form-head"> <div class="wpd-sbs-toggle"> <i class="far fa-envelope"></i> <span class="wpd-sbs-title">Подписаться</span> <i class="fas fa-caret-down"></i> </div> <div class="wpd-auth"> <div class="wpd-login"> <a rel="nofollow" href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-login.php?redirect_to=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2581%25d0%25be%25d0%25b7%25d0%25b4%25d0%25b0%25d0%25bd%25d0%25b8%25d0%25b5-%25d1%2581%25d0%25b0%25d0%25b9%25d1%2582%25d0%25b0-%25d0%25bd%25d0%25b0-html-%25d0%25b2-%25d0%25b1%25d0%25bb%25d0%25be%25d0%25ba%25d0%25bd%25d0%25be%25d1%2582%25d0%25b5-%25d0%25bf%25d0%25be%25d1%2588%25d0%25b0%25d0%25b3%25d0%25be%25d0%25b2%2F"><i class='fas fa-sign-in-alt'></i> авторизуйтесь</a> </div> </div> </div> <div class="wpdiscuz-subscribe-bar wpdiscuz-hidden"> <form action="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-admin/admin-ajax.php?action=wpdAddSubscription" method="post" id="wpdiscuz-subscribe-form"> <div class="wpdiscuz-subscribe-form-intro">Уведомить о </div> <div class="wpdiscuz-subscribe-form-option" style="width:40%;"> <select class="wpdiscuz_select" name="wpdiscuzSubscriptionType"> <option value="post">новых последующих комментариях</option> <option value="all_comment" >новых ответах на мои комментарии</option> </select> </div> <div class="wpdiscuz-item wpdiscuz-subscribe-form-email"> <input class="email" type="email" name="wpdiscuzSubscriptionEmail" required="required" value="" placeholder="Email"/> </div> <div class="wpdiscuz-subscribe-form-button"> <input id="wpdiscuz_subscription_button" class="wpd-prim-button wpd_not_clicked" type="submit" value="›" name="wpdiscuz_subscription_button"/> </div> <input type="hidden" id="wpdiscuz_subscribe_form_nonce" name="wpdiscuz_subscribe_form_nonce" value="8a0be780a3" /><input type="hidden" name="_wp_http_referer" value="/%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5-%D1%81%D0%B0%D0%B9%D1%82%D0%B0-%D0%BD%D0%B0-html-%D0%B2-%D0%B1%D0%BB%D0%BE%D0%BA%D0%BD%D0%BE%D1%82%D0%B5-%D0%BF%D0%BE%D1%88%D0%B0%D0%B3%D0%BE%D0%B2/" /> </form> </div> <div class="wpd-form wpd-form-wrapper wpd-main-form-wrapper" id='wpd-main-form-wrapper-0_0'> <form method="post" enctype="multipart/form-data" data-uploading="false" class="wpd_comm_form wpd_main_comm_form" > <div class="wpd-field-comment"> <div class="wpdiscuz-item wc-field-textarea"> <div class="wpdiscuz-textarea-wrap "> <div class="wpd-avatar"> <img alt='guest' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2056%2056'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/fc4366c2b6f5f5e7af5bfca8ce59e8870b7d6e006ad2bfec5f9beeff8fbea2e6?s=112&d=mm&r=g 2x' class='avatar avatar-56 photo' height='56' width='56' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/fc4366c2b6f5f5e7af5bfca8ce59e8870b7d6e006ad2bfec5f9beeff8fbea2e6?s=56&d=mm&r=g"/><noscript><img alt='guest' src='https://secure.gravatar.com/avatar/fc4366c2b6f5f5e7af5bfca8ce59e8870b7d6e006ad2bfec5f9beeff8fbea2e6?s=56&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/fc4366c2b6f5f5e7af5bfca8ce59e8870b7d6e006ad2bfec5f9beeff8fbea2e6?s=112&d=mm&r=g 2x' class='avatar avatar-56 photo' height='56' width='56' decoding='async'/></noscript> </div> <div id="wpd-editor-wraper-0_0" style="display: none;"> <div id="wpd-editor-char-counter-0_0" class="wpd-editor-char-counter"></div> <label style="display: none;" for="wc-textarea-0_0">Label</label> <textarea id="wc-textarea-0_0" name="wc_comment" class="wc_comment wpd-field"></textarea> <div id="wpd-editor-0_0"></div> <div id="wpd-editor-toolbar-0_0"> <button title="Жирный" class="ql-bold" ></button> <button title="Курсив" class="ql-italic" ></button> <button title="Подчеркивание" class="ql-underline" ></button> <button title="Зачеркивание" class="ql-strike" ></button> <button title="Упорядоченный список" class="ql-list" value='ordered' ></button> <button title="Неупорядоченный список" class="ql-list" value='bullet' ></button> <button title="Цитата" class="ql-blockquote" ></button> <button title="Блок кода" class="ql-code-block" ></button> <button title="Ссылка" class="ql-link" ></button> <button title="Исходный код" class="ql-sourcecode" data-wpde_button_name='sourcecode'>{}</button> <button title="Спойлер" class="ql-spoiler" data-wpde_button_name='spoiler'>[+]</button> <div class="wpd-editor-buttons-right"> <span class='wmu-upload-wrap' wpd-tooltip='Прикрепить изображение к этому комментарию' wpd-tooltip-position='left'><label class='wmu-add'><i class='far fa-image'></i><input style='display:none;' class='wmu-add-files' type='file' name='wmu_files' accept='image/*'/></label></span> </div> </div> </div> </div> </div> </div> <div class="wpd-form-foot" style='display:none;'> <div class="wpdiscuz-textarea-foot"> <div class="wpdiscuz-button-actions"><div class='wmu-action-wrap'><div class='wmu-tabs wmu-images-tab wmu-hide'></div></div></div> </div> <div class="wpd-form-row"> <div class="wpd-form-col-left"> <div class="wpdiscuz-item wc_name-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-user"></i> </div> <input id="wc_name-0_0" value="" required='required' aria-required='true' class="wc_name wpd-field" type="text" name="wc_name" placeholder="Имя*" maxlength="50" pattern='.{3,50}' title=""> <label for="wc_name-0_0" class="wpdlb">Имя*</label> </div> <div class="wpdiscuz-item wc_email-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-at"></i> </div> <input id="wc_email-0_0" value="" required='required' aria-required='true' class="wc_email wpd-field" type="email" name="wc_email" placeholder="Email*"/> <label for="wc_email-0_0" class="wpdlb">Email*</label> </div> <div class="wpdiscuz-item wc_website-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-link"></i> </div> <input id="wc_website-0_0" value="" class="wc_website wpd-field" type="text" name="wc_website" placeholder="Веб-сайт"/> <label for="wc_website-0_0" class="wpdlb">Веб-сайт</label> </div> </div> <div class="wpd-form-col-right"> <div class="wc-field-submit"> <label class="wpd_label" wpd-tooltip="Сообщать о всех новых ответах на мои комментарии"> <input id="wc_notification_new_comment-0_0" class="wc_notification_new_comment-0_0 wpd_label__checkbox" value="comment" type="checkbox" name="wpdiscuz_notification_type" /> <span class="wpd_label__text"> <span class="wpd_label__check"> <i class="fas fa-bell wpdicon wpdicon-on"></i> <i class="fas fa-bell-slash wpdicon wpdicon-off"></i> </span> </span> </label> <input id="wpd-field-submit-0_0" class="wc_comm_submit wpd_not_clicked wpd-prim-button" type="submit" name="submit" value="Оставить комментарий" aria-label="Оставить комментарий"/> </div> </div> <div class="clearfix"></div> </div> </div> <input type="hidden" class="wpdiscuz_unique_id" value="0_0" name="wpdiscuz_unique_id"> <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="25d1f4c3d6" /></p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="186"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p> </form> </div> <div id="wpdiscuz_hidden_secondary_form" style="display: none;"> <div class="wpd-form wpd-form-wrapper wpd-secondary-form-wrapper" id='wpd-secondary-form-wrapper-wpdiscuzuniqueid' style='display: none;'> <div class="wpd-secondary-forms-social-content"></div> <div class="clearfix"></div> <form method="post" enctype="multipart/form-data" data-uploading="false" class="wpd_comm_form wpd-secondary-form-wrapper" > <div class="wpd-field-comment"> <div class="wpdiscuz-item wc-field-textarea"> <div class="wpdiscuz-textarea-wrap "> <div class="wpd-avatar"> <img alt='guest' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2056%2056'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/ff4b5738589e82b433ceb0b21fae2ac1cad5e14f5f90a52ac6da2e05eb7860e4?s=112&d=mm&r=g 2x' class='avatar avatar-56 photo' height='56' width='56' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/ff4b5738589e82b433ceb0b21fae2ac1cad5e14f5f90a52ac6da2e05eb7860e4?s=56&d=mm&r=g"/><noscript><img alt='guest' src='https://secure.gravatar.com/avatar/ff4b5738589e82b433ceb0b21fae2ac1cad5e14f5f90a52ac6da2e05eb7860e4?s=56&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/ff4b5738589e82b433ceb0b21fae2ac1cad5e14f5f90a52ac6da2e05eb7860e4?s=112&d=mm&r=g 2x' class='avatar avatar-56 photo' height='56' width='56' decoding='async'/></noscript> </div> <div id="wpd-editor-wraper-wpdiscuzuniqueid" style="display: none;"> <div id="wpd-editor-char-counter-wpdiscuzuniqueid" class="wpd-editor-char-counter"></div> <label style="display: none;" for="wc-textarea-wpdiscuzuniqueid">Label</label> <textarea id="wc-textarea-wpdiscuzuniqueid" name="wc_comment" class="wc_comment wpd-field"></textarea> <div id="wpd-editor-wpdiscuzuniqueid"></div> <div id="wpd-editor-toolbar-wpdiscuzuniqueid"> <button title="Жирный" class="ql-bold" ></button> <button title="Курсив" class="ql-italic" ></button> <button title="Подчеркивание" class="ql-underline" ></button> <button title="Зачеркивание" class="ql-strike" ></button> <button title="Упорядоченный список" class="ql-list" value='ordered' ></button> <button title="Неупорядоченный список" class="ql-list" value='bullet' ></button> <button title="Цитата" class="ql-blockquote" ></button> <button title="Блок кода" class="ql-code-block" ></button> <button title="Ссылка" class="ql-link" ></button> <button title="Исходный код" class="ql-sourcecode" data-wpde_button_name='sourcecode'>{}</button> <button title="Спойлер" class="ql-spoiler" data-wpde_button_name='spoiler'>[+]</button> <div class="wpd-editor-buttons-right"> <span class='wmu-upload-wrap' wpd-tooltip='Прикрепить изображение к этому комментарию' wpd-tooltip-position='left'><label class='wmu-add'><i class='far fa-image'></i><input style='display:none;' class='wmu-add-files' type='file' name='wmu_files' accept='image/*'/></label></span> </div> </div> </div> </div> </div> </div> <div class="wpd-form-foot" style='display:none;'> <div class="wpdiscuz-textarea-foot"> <div class="wpdiscuz-button-actions"><div class='wmu-action-wrap'><div class='wmu-tabs wmu-images-tab wmu-hide'></div></div></div> </div> <div class="wpd-form-row"> <div class="wpd-form-col-left"> <div class="wpdiscuz-item wc_name-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-user"></i> </div> <input id="wc_name-wpdiscuzuniqueid" value="" required='required' aria-required='true' class="wc_name wpd-field" type="text" name="wc_name" placeholder="Имя*" maxlength="50" pattern='.{3,50}' title=""> <label for="wc_name-wpdiscuzuniqueid" class="wpdlb">Имя*</label> </div> <div class="wpdiscuz-item wc_email-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-at"></i> </div> <input id="wc_email-wpdiscuzuniqueid" value="" required='required' aria-required='true' class="wc_email wpd-field" type="email" name="wc_email" placeholder="Email*"/> <label for="wc_email-wpdiscuzuniqueid" class="wpdlb">Email*</label> </div> <div class="wpdiscuz-item wc_website-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-link"></i> </div> <input id="wc_website-wpdiscuzuniqueid" value="" class="wc_website wpd-field" type="text" name="wc_website" placeholder="Веб-сайт"/> <label for="wc_website-wpdiscuzuniqueid" class="wpdlb">Веб-сайт</label> </div> </div> <div class="wpd-form-col-right"> <div class="wc-field-submit"> <label class="wpd_label" wpd-tooltip="Сообщать о всех новых ответах на мои комментарии"> <input id="wc_notification_new_comment-wpdiscuzuniqueid" class="wc_notification_new_comment-wpdiscuzuniqueid wpd_label__checkbox" value="comment" type="checkbox" name="wpdiscuz_notification_type" /> <span class="wpd_label__text"> <span class="wpd_label__check"> <i class="fas fa-bell wpdicon wpdicon-on"></i> <i class="fas fa-bell-slash wpdicon wpdicon-off"></i> </span> </span> </label> <input id="wpd-field-submit-wpdiscuzuniqueid" class="wc_comm_submit wpd_not_clicked wpd-prim-button" type="submit" name="submit" value="Оставить комментарий" aria-label="Оставить комментарий"/> </div> </div> <div class="clearfix"></div> </div> </div> <input type="hidden" class="wpdiscuz_unique_id" value="wpdiscuzuniqueid" name="wpdiscuz_unique_id"> <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="25d1f4c3d6" /></p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_2" name="ak_js" value="148"/><script>document.getElementById( "ak_js_2" ).setAttribute( "value", ( new Date() ).getTime() );</script></p> </form> </div> </div> </div> <div id="wpd-threads" class="wpd-thread-wrapper"> <div class="wpd-thread-head"> <div class="wpd-thread-info " data-comments-count="0"> <span class='wpdtc' title='0'>0</span> комментариев </div> <div class="wpd-space"></div> <div class="wpd-thread-filter"> <div class="wpd-filter wpdf-reacted wpd_not_clicked wpdiscuz-hidden" wpd-tooltip="Самый популярный комментарий "> <i class="fas fa-bolt"></i></div> <div class="wpd-filter wpdf-hottest wpd_not_clicked wpdiscuz-hidden" wpd-tooltip="Цепочка популярного комментария"> <i class="fas fa-fire"></i></div> <div class="wpd-filter wpdf-sorting wpdiscuz-hidden"> <span class="wpdiscuz-sort-button wpdiscuz-date-sort-asc wpdiscuz-sort-button-active" data-sorting="oldest">Старые</span> <i class="fas fa-sort-down"></i> <div class="wpdiscuz-sort-buttons"> <span class="wpdiscuz-sort-button wpdiscuz-date-sort-desc" data-sorting="newest">Новые</span> <span class="wpdiscuz-sort-button wpdiscuz-vote-sort-up" data-sorting="by_vote">Популярные</span> </div> </div> </div> </div> <div class="wpd-comment-info-bar"> <div class="wpd-current-view"><i class="fas fa-quote-left"></i> Межтекстовые Отзывы </div> <div class="wpd-filter-view-all">Посмотреть все комментарии</div> </div> <div class="wpd-thread-list"> <div class="wpdiscuz-comment-pagination"> </div> </div> </div> </div> </div> <div id="wpdiscuz-loading-bar" class="wpdiscuz-loading-bar-unauth"></div> <div id="wpdiscuz-comment-message" class="wpdiscuz-comment-message-unauth"></div> <style> .related-posts-container { display: flex; flex-wrap: wrap; /* Позволяет карточкам переходить на следующую строку, если не помещаются */ justify-content: flex-start; /* Выравнивание карточек по левому краю */ gap: 20px; /* Промежуток между карточками */ } .related-post-card { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 10px; padding: 15px; background-color: #f9f9f9; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; width: 180px; /* Уменьшаем ширину, чтобы они умещались в ряд */ text-align: center; } .related-post-card:hover { transform: translateY(-5px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); } .related-p </style> <div class="related-posts-container"><li class='li1 related-post-card'><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt='Создание счетчика нажатий на кнопку в HTML шаг за шагом' class='post-thumbnail' data-lazy-src="/wp-content/images/prostoj-schetchik-nazhatij-na-knopku-v-html-poshagovoe-rukovodstvo.jpg"><noscript><img src='/wp-content/images/prostoj-schetchik-nazhatij-na-knopku-v-html-poshagovoe-rukovodstvo.jpg' alt='Создание счетчика нажатий на кнопку в HTML шаг за шагом' class='post-thumbnail'></noscript><a href='https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d0%bd%d0%b8%d0%b5-%d1%81%d1%87%d0%b5%d1%82%d1%87%d0%b8%d0%ba%d0%b0-%d0%bd%d0%b0%d0%b6%d0%b0%d1%82%d0%b8%d0%b9-%d0%bd%d0%b0-%d0%ba%d0%bd%d0%be%d0%bf%d0%ba%d1%83-%d0%b2-ht/' title='Создание счетчика нажатий на кнопку в HTML шаг за шагом'>Создание счетчика нажатий на кнопку в HTML шаг за шагом</a></li><li class='li2 related-post-card'><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt='Сколько недель в году вычисление с помощью PHP' class='post-thumbnail' data-lazy-src="/wp-content/images/skolko-nedel-v-godu-vichislyaem-s-pomoshyu-php.jpg"><noscript><img src='/wp-content/images/skolko-nedel-v-godu-vichislyaem-s-pomoshyu-php.jpg' alt='Сколько недель в году вычисление с помощью PHP' class='post-thumbnail'></noscript><a href='https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d1%81%d0%ba%d0%be%d0%bb%d1%8c%d0%ba%d0%be-%d0%bd%d0%b5%d0%b4%d0%b5%d0%bb%d1%8c-%d0%b2-%d0%b3%d0%be%d0%b4%d1%83-%d0%b2%d1%8b%d1%87%d0%b8%d1%81%d0%bb%d0%b5%d0%bd%d0%b8%d0%b5-%d1%81-%d0%bf%d0%be%d0%bc/' title='Сколько недель в году вычисление с помощью PHP'>Сколько недель в году вычисление с помощью PHP</a></li><li class='li1 related-post-card'><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt='Как вызвать переменную из другой функции в Python подробный гайд' class='post-thumbnail' data-lazy-src="/wp-content/images/kak-vizvat-peremennuyu-iz-drugoj-funktsii-v-python-polnoe-rukovodstvo.jpg"><noscript><img src='/wp-content/images/kak-vizvat-peremennuyu-iz-drugoj-funktsii-v-python-polnoe-rukovodstvo.jpg' alt='Как вызвать переменную из другой функции в Python подробный гайд' class='post-thumbnail'></noscript><a href='https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%ba%d0%b0%d0%ba-%d0%b2%d1%8b%d0%b7%d0%b2%d0%b0%d1%82%d1%8c-%d0%bf%d0%b5%d1%80%d0%b5%d0%bc%d0%b5%d0%bd%d0%bd%d1%83%d1%8e-%d0%b8%d0%b7-%d0%b4%d1%80%d1%83%d0%b3%d0%be%d0%b9-%d1%84%d1%83%d0%bd%d0%ba/' title='Как вызвать переменную из другой функции в Python подробный гайд'>Как вызвать переменную из другой функции в Python подробный гайд</a></li><li class='li2 related-post-card'><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt='Копирование папки с файлами на PHP пошаговая инструкция' class='post-thumbnail' data-lazy-src="/wp-content/images/kak-skopirovat-papku-s-fajlami-na-php-poshagovaya-instruktsiya.jpg"><noscript><img src='/wp-content/images/kak-skopirovat-papku-s-fajlami-na-php-poshagovaya-instruktsiya.jpg' alt='Копирование папки с файлами на PHP пошаговая инструкция' class='post-thumbnail'></noscript><a href='https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%ba%d0%be%d0%bf%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d0%bf%d0%b0%d0%bf%d0%ba%d0%b8-%d1%81-%d1%84%d0%b0%d0%b9%d0%bb%d0%b0%d0%bc%d0%b8-%d0%bd%d0%b0-php-%d0%bf%d0%be%d1%88%d0%b0%d0%b3/' title='Копирование папки с файлами на PHP пошаговая инструкция'>Копирование папки с файлами на PHP пошаговая инструкция</a></li><li class='li1 related-post-card'><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt='Включение коротких тегов PHP пошаговая инструкция' class='post-thumbnail' data-lazy-src="/wp-content/images/kak-vklyuchit-korotkie-tegi-php-poshagovaya-instruktsiya.jpg"><noscript><img src='/wp-content/images/kak-vklyuchit-korotkie-tegi-php-poshagovaya-instruktsiya.jpg' alt='Включение коротких тегов PHP пошаговая инструкция' class='post-thumbnail'></noscript><a href='https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%b2%d0%ba%d0%bb%d1%8e%d1%87%d0%b5%d0%bd%d0%b8%d0%b5-%d0%ba%d0%be%d1%80%d0%be%d1%82%d0%ba%d0%b8%d1%85-%d1%82%d0%b5%d0%b3%d0%be%d0%b2-php-%d0%bf%d0%be%d1%88%d0%b0%d0%b3%d0%be%d0%b2%d0%b0%d1%8f-%d0%b8/' title='Включение коротких тегов PHP пошаговая инструкция'>Включение коротких тегов PHP пошаговая инструкция</a></li><li class='li2 related-post-card'><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt='Моделирование Монте-Карло на Python для новичков' class='post-thumbnail' data-lazy-src="/wp-content/images/effektivnoe-modelirovanie-monte-karlo-na-python-rukovodstvo-dlya-nachina.jpg"><noscript><img src='/wp-content/images/effektivnoe-modelirovanie-monte-karlo-na-python-rukovodstvo-dlya-nachina.jpg' alt='Моделирование Монте-Карло на Python для новичков' class='post-thumbnail'></noscript><a href='https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%bc%d0%be%d0%b4%d0%b5%d0%bb%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b5-%d0%bc%d0%be%d0%bd%d1%82%d0%b5-%d0%ba%d0%b0%d1%80%d0%bb%d0%be-%d0%bd%d0%b0-python-%d0%b4%d0%bb%d1%8f-%d0%bd%d0%be%d0%b2/' title='Моделирование Монте-Карло на Python для новичков'>Моделирование Монте-Карло на Python для новичков</a></li></div><br> </main><!-- #main --> </div><!-- #primary --> </div><!-- micro --> <aside id="secondary" class="widget-area" itemscope itemtype="http://schema.org/WPSideBar"> <div id="search-2" class="widget widget_search"> <form role="search" method="get" id="searchform" action="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/" class="search-form"> <label class="screen-reader-text" for="s">Поиск: </label> <input type="text" value="" name="s" id="s" class="search-form__text"> <button type="submit" id="searchsubmit" class="search-form__submit"></button> </form></div><div id="wpshop_articles-2" class="widget widget_wpshop_articles"><div class="widget-header">Полезное</div> <div class="widget-article"> <div class="widget-article__image"> <a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%b4%d0%be%d0%b1%d0%b0%d0%b2%d0%bb%d0%b5%d0%bd%d0%b8%d0%b5-%d1%81%d1%81%d1%8b%d0%bb%d0%ba%d0%b8-%d0%bd%d0%b0-%d1%84%d0%b0%d0%b9%d0%bb-%d0%b2-%d1%8d%d0%bb%d0%b5%d0%bc%d0%b5%d0%bd%d1%82-head-html/"> <img width="330" height="140" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20330%20140'%3E%3C/svg%3E" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="" decoding="async" data-lazy-srcset="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/2149901783-330x140.jpg 330w, https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/2149901783-770x330.jpg 770w" data-lazy-sizes="auto, (max-width: 330px) 100vw, 330px" data-lazy-src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/2149901783-330x140.jpg" /><noscript><img width="330" height="140" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/2149901783-330x140.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/2149901783-330x140.jpg 330w, https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/2149901783-770x330.jpg 770w" sizes="auto, (max-width: 330px) 100vw, 330px" /></noscript> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%b4%d0%be%d0%b1%d0%b0%d0%b2%d0%bb%d0%b5%d0%bd%d0%b8%d0%b5-%d1%81%d1%81%d1%8b%d0%bb%d0%ba%d0%b8-%d0%bd%d0%b0-%d1%84%d0%b0%d0%b9%d0%bb-%d0%b2-%d1%8d%d0%bb%d0%b5%d0%bc%d0%b5%d0%bd%d1%82-head-html/">Добавление ссылки на файл в элемент head HTML главной страницы</a></div> </div> </div> <div class="widget-article"> <div class="widget-article__image"> <a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%be%d0%b1%d1%8a%d0%b5%d0%ba%d1%82%d0%bd%d0%be-%d0%be%d1%80%d0%b8%d0%b5%d0%bd%d1%82%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%bd%d0%be%d0%b5-%d0%bf%d1%80%d0%be%d0%b3%d1%80%d0%b0%d0%bc%d0%bc%d0%b8-2/"> <img width="330" height="140" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20330%20140'%3E%3C/svg%3E" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="" decoding="async" data-lazy-srcset="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/programming-background-with-person-working-with-codes-computer-330x140.jpg 330w, https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/programming-background-with-person-working-with-codes-computer-770x330.jpg 770w" data-lazy-sizes="auto, (max-width: 330px) 100vw, 330px" data-lazy-src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/programming-background-with-person-working-with-codes-computer-330x140.jpg" /><noscript><img width="330" height="140" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/programming-background-with-person-working-with-codes-computer-330x140.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/programming-background-with-person-working-with-codes-computer-330x140.jpg 330w, https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/programming-background-with-person-working-with-codes-computer-770x330.jpg 770w" sizes="auto, (max-width: 330px) 100vw, 330px" /></noscript> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%be%d0%b1%d1%8a%d0%b5%d0%ba%d1%82%d0%bd%d0%be-%d0%be%d1%80%d0%b8%d0%b5%d0%bd%d1%82%d0%b8%d1%80%d0%be%d0%b2%d0%b0%d0%bd%d0%bd%d0%be%d0%b5-%d0%bf%d1%80%d0%be%d0%b3%d1%80%d0%b0%d0%bc%d0%bc%d0%b8-2/">Объектно ориентированное программирование на Python для новичков</a></div> </div> </div> <div class="widget-article"> <div class="widget-article__image"> <a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%ba%d0%b0%d0%ba-%d1%83%d1%81%d1%82%d0%b0%d0%bd%d0%be%d0%b2%d0%b8%d1%82%d1%8c-%d1%86%d0%b2%d0%b5%d1%82-%d1%82%d0%b5%d0%ba%d1%81%d1%82%d0%b0-%d0%b2-html-%d1%82%d0%b0%d0%b1%d0%bb%d0%b8%d1%86%d0%b5/"> <img width="330" height="140" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20330%20140'%3E%3C/svg%3E" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="" decoding="async" data-lazy-srcset="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/122370-330x140.jpg 330w, https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/122370-770x330.jpg 770w" data-lazy-sizes="auto, (max-width: 330px) 100vw, 330px" data-lazy-src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/122370-330x140.jpg" /><noscript><img width="330" height="140" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/122370-330x140.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/122370-330x140.jpg 330w, https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/122370-770x330.jpg 770w" sizes="auto, (max-width: 330px) 100vw, 330px" /></noscript> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%ba%d0%b0%d0%ba-%d1%83%d1%81%d1%82%d0%b0%d0%bd%d0%be%d0%b2%d0%b8%d1%82%d1%8c-%d1%86%d0%b2%d0%b5%d1%82-%d1%82%d0%b5%d0%ba%d1%81%d1%82%d0%b0-%d0%b2-html-%d1%82%d0%b0%d0%b1%d0%bb%d0%b8%d1%86%d0%b5/">Как установить цвет текста в HTML таблице пошаговое руководство</a></div> </div> </div> <div class="widget-article"> <div class="widget-article__image"> <a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%bf%d1%80%d0%be%d0%b3%d1%80%d0%b0%d0%bc%d0%bc%d0%b0-%d0%be%d0%b1%d1%83%d1%87%d0%b5%d0%bd%d0%b8%d1%8f-python-%d0%b4%d0%bb%d1%8f-%d1%83%d1%81%d0%bf%d0%b5%d1%88%d0%bd%d0%be%d0%b9-%d0%ba%d0%b0%d1%80/"> <img width="330" height="140" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20330%20140'%3E%3C/svg%3E" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="" decoding="async" data-lazy-src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/programma-dopolnitelnogo-obrazovaniya-po-python-izuchite-yazik-programmi-330x140.jpg" /><noscript><img width="330" height="140" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/uploads/2025/04/programma-dopolnitelnogo-obrazovaniya-po-python-izuchite-yazik-programmi-330x140.jpg" class="attachment-thumb-wide size-thumb-wide wp-post-image" alt="" decoding="async" loading="lazy" /></noscript> </a> </div> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%bf%d1%80%d0%be%d0%b3%d1%80%d0%b0%d0%bc%d0%bc%d0%b0-%d0%be%d0%b1%d1%83%d1%87%d0%b5%d0%bd%d0%b8%d1%8f-python-%d0%b4%d0%bb%d1%8f-%d1%83%d1%81%d0%bf%d0%b5%d1%88%d0%bd%d0%be%d0%b9-%d0%ba%d0%b0%d1%80/">Программа обучения Python для успешной карьеры в IT</a></div> </div> </div> </div> </aside><!-- #secondary --> </div><!-- #content --> <div class="footer-navigation container"> <div class="main-navigation-inner "> <div class="menu-niz-container"><ul id="footer_menu" class="menu"><li id="menu-item-41" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41"><a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/pravoobladatelyam/">Правообладателям</a></li> <li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/politika-konfidentsialnosti/">Политика конфиденциальности</a></li> <li id="menu-item-66" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-66"><a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/politika-cookies/">Политика cookies</a></li> <li id="menu-item-76" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76"><a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/o-sayte/">О сайте</a></li> <li id="menu-item-77" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77"><a href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d0%ba%d0%be%d0%bd%d1%82%d0%b0%d0%ba%d1%82%d1%8b/">Контакты</a></li> </ul></div> </div> </div> <footer class="site-footer container" itemscope itemtype="http://schema.org/WPFooter"> <div class="site-footer-inner "> <form role="search" method="get" id="searchform" class="searchform" action="https://vkontakte-helper.ru/"> <input type="text" value="" name="s" id="s"> <input type="submit" id="searchsubmit" value="Поиск"> </form> <button type="button" class="scrolltop js-scrolltop"></button> <div class="footer-info"> © 2026 Большой экспертный помощник программисту <div class="footer-text">Внимание! Информация, опубликованная на сайте, носит исключительно ознакомительный характер и не является рекомендацией к применению. Часть материалов предоставлена пользователями и посетителями сайта. Администрация не несет ответственности за их содержание.</div> </div><!-- .site-info --> <div class="footer-counters"> </div> </div><!-- .site-footer-inner --> </footer><!-- .site-footer --> </div><!-- #page --> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/root/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script>var pseudo_links = document.querySelectorAll(".pseudo-clearfy-link");for (var i=0;i<pseudo_links.length;i++ ) { pseudo_links[i].addEventListener("click", function(e){ window.open( e.target.getAttribute("data-uri") ); }); }</script><span id='wpdUserContentInfoAnchor' style='display:none;' rel='#wpdUserContentInfo' data-wpd-lity>wpDiscuz</span><div id='wpdUserContentInfo' style='overflow:auto;background:#FDFDF6;padding:20px;width:600px;max-width:100%;border-radius:6px;' class='lity-hide'></div><div id='wpd-editor-source-code-wrapper-bg'></div><div id='wpd-editor-source-code-wrapper'><textarea id='wpd-editor-source-code'></textarea><button id='wpd-insert-source-code'>Insert</button><input type='hidden' id='wpd-editor-uid' /></div><script id="wp-hooks-js" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-includes/js/dist/hooks.min.js"></script> <script id="wp-i18n-js" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-includes/js/dist/i18n.min.js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); //# sourceURL=wp-i18n-js-after </script> <script id="swv-js" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/contact-form-7/includes/swv/js/index.js"></script> <script id="contact-form-7-js-translations"> ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "contact-form-7", {"translation-revision-date":"2025-09-30 08:46:06+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=3; plural=(n % 10 == 1 && n % 100 != 11) ? 0 : ((n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 12 || n % 100 > 14)) ? 1 : 2);","lang":"ru"},"This contact form is placed in the wrong place.":["\u042d\u0442\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430\u044f \u0444\u043e\u0440\u043c\u0430 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0430 \u0432 \u043d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435."],"Error:":["\u041e\u0448\u0438\u0431\u043a\u0430:"]}},"comment":{"reference":"includes\/js\/index.js"}} ); //# sourceURL=contact-form-7-js-translations </script> <script id="contact-form-7-js-before"> var wpcf7 = { "api": { "root": "https:\/\/xn----7sbbh7akdldfh0ai3n.xn--p1ai\/wp-json\/", "namespace": "contact-form-7\/v1" } }; //# sourceURL=contact-form-7-js-before </script> <script id="contact-form-7-js" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/contact-form-7/includes/js/index.js"></script> <script id="root-scripts-js" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/themes/root/js/scripts.js"></script> <script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-includes/js/comment-reply.min.js"></script> <script id="q2w3_fixed_widget-js-extra"> var q2w3_sidebar_options = [{"use_sticky_position":false,"margin_top":0,"margin_bottom":0,"stop_elements_selectors":"","screen_max_width":0,"screen_max_height":0,"widgets":[]}]; //# sourceURL=q2w3_fixed_widget-js-extra </script> <script id="q2w3_fixed_widget-js" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/q2w3-fixed-widget/js/frontend.min.js"></script> <script id="wpdiscuz-combo-js-js-extra"> var wpdiscuzAjaxObj = {"wc_hide_replies_text":"\u0421\u043f\u0440\u044f\u0442\u0430\u0442\u044c \u043e\u0442\u0432\u0435\u0442\u044b","wc_show_replies_text":"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u043e\u0442\u0432\u0435\u0442\u043e\u0432","wc_msg_required_fields":"\u0417\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u043f\u043e\u043b\u044f","wc_invalid_field":"\u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043b\u044f \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u044b \u043d\u0435\u0432\u0435\u0440\u043d\u043e","wc_error_empty_text":"\u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u044d\u0442\u043e \u043f\u043e\u043b\u0435, \u0447\u0442\u043e\u0431\u044b \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c","wc_error_url_text":"url \u043d\u0435\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439","wc_error_email_text":"\u0430\u0434\u0440\u0435\u0441 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u044b \u043d\u0435\u0432\u0435\u0440\u0435\u043d","wc_invalid_captcha":"\u041d\u0435\u0432\u0435\u0440\u043d\u043e \u0432\u0432\u0435\u0434\u0435\u043d \u043a\u043e\u0434","wc_login_to_vote":"\u0412\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0432\u043e\u0439\u0442\u0438 , \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u043e\u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u0442\u044c","wc_deny_voting_from_same_ip":"\u0412\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u0442\u044c \u0437\u0430 \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439","wc_self_vote":"\u0412\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u0442\u044c \u0437\u0430 \u0441\u0432\u043e\u0439 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439","wc_vote_only_one_time":"\u0412\u044b \u0443\u0436\u0435 \u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u043b\u0438 \u0437\u0430 \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439","wc_voting_error":"\u041e\u0448\u0438\u0431\u043a\u0430 \u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u043d\u0438\u044f","wc_banned_user":"You are banned","wc_comment_edit_not_possible":"\u0418\u0437\u0432\u0438\u043d\u0438\u0442\u0435, \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439 \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0435\u043b\u044c\u0437\u044f \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c","wc_comment_not_updated":"\u0418\u0437\u0432\u0438\u043d\u0438\u0442\u0435, \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439 \u043d\u0435 \u0431\u044b\u043b \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d","wc_comment_not_edited":"\u0412\u044b \u043d\u0435 \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439","wc_msg_input_min_length":"\u0412\u0432\u043e\u0434 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u0439","wc_msg_input_max_length":"\u0412\u0432\u043e\u0434 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0434\u043b\u0438\u043d\u043d\u044b\u0439","wc_spoiler_title":"\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0441\u043f\u043e\u0439\u043b\u0435\u0440\u0430","wc_cannot_rate_again":"\u0412\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043d\u043e\u0432\u0430 \u043e\u0446\u0435\u043d\u0438\u0442\u044c","wc_not_allowed_to_rate":"\u0412\u0430\u043c \u043d\u0435 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u043e \u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0434\u0435\u0441\u044c \u043e\u0446\u0435\u043d\u043a\u0443","wc_confirm_rate_edit":"Are you sure you want to edit your rate?","wc_follow_user":"\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f","wc_unfollow_user":"\u041e\u0442\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f","wc_follow_success":"\u0412\u044b \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044c \u043d\u0430 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438 \u044d\u0442\u043e\u0433\u043e \u0430\u0432\u0442\u043e\u0440\u0430","wc_follow_canceled":"\u0412\u044b \u043f\u0440\u0438\u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u043d\u0430 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438 \u044d\u0442\u043e\u0433\u043e \u0430\u0432\u0442\u043e\u0440\u0430.","wc_follow_email_confirm":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0441\u0432\u043e\u0439 email \u0438 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u0437\u0430\u043f\u0440\u043e\u0441 \u043d\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443.","wc_follow_email_confirm_fail":"\u041e\u0447\u0435\u043d\u044c \u0436\u0430\u043b\u044c, \u043d\u043e \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043f\u0438\u0441\u044c\u043c\u043e \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f.","wc_follow_login_to_follow":"\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0443\u0439\u0442\u0435\u0441\u044c \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439.","wc_follow_impossible":"\u041e\u0447\u0435\u043d\u044c \u0436\u0430\u043b\u044c, \u043d\u043e \u0432\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f.","wc_follow_not_added":"\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043f\u043e\u0437\u0436\u0435.","is_user_logged_in":"","commentListLoadType":"0","commentListUpdateType":"0","commentListUpdateTimer":"60","liveUpdateGuests":"0","wordpressThreadCommentsDepth":"5","wordpressIsPaginate":"0","commentTextMaxLength":"0","replyTextMaxLength":"0","commentTextMinLength":"1","replyTextMinLength":"1","storeCommenterData":"100000","socialLoginAgreementCheckbox":"1","enableFbLogin":"0","fbUseOAuth2":"0","enableFbShare":"0","facebookAppID":"","facebookUseOAuth2":"0","enableGoogleLogin":"0","googleClientID":"","googleClientSecret":"","cookiehash":"92e3ffaa65eb5bdef2159643a08f6b76","isLoadOnlyParentComments":"0","scrollToComment":"1","commentFormView":"collapsed","enableDropAnimation":"1","isNativeAjaxEnabled":"1","userInteractionCheck":"1","enableBubble":"0","bubbleLiveUpdate":"0","bubbleHintTimeout":"45","bubbleHintHideTimeout":"10","cookieHideBubbleHint":"wpdiscuz_hide_bubble_hint","bubbleHintShowOnce":"1","bubbleHintCookieExpires":"7","bubbleShowNewCommentMessage":"1","bubbleLocation":"content_left","firstLoadWithAjax":"0","wc_copied_to_clipboard":"\u0421\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d \u0432 \u0431\u0443\u0444\u0435\u0440 \u043e\u0431\u043c\u0435\u043d\u0430.","inlineFeedbackAttractionType":"blink","loadRichEditor":"1","wpDiscuzReCaptchaSK":"","wpDiscuzReCaptchaTheme":"light","wpDiscuzReCaptchaVersion":"2.0","wc_captcha_show_for_guest":"0","wc_captcha_show_for_members":"0","wpDiscuzIsShowOnSubscribeForm":"0","wmuEnabled":"1","wmuInput":"wmu_files","wmuMaxFileCount":"1","wmuMaxFileSize":"2097152","wmuPostMaxSize":"104857600","wmuIsLightbox":"1","wmuMimeTypes":{"jpg":"image/jpeg","jpeg":"image/jpeg","jpe":"image/jpeg","gif":"image/gif","png":"image/png","bmp":"image/bmp","tiff":"image/tiff","tif":"image/tiff","ico":"image/x-icon"},"wmuPhraseConfirmDelete":"\u0412\u044b \u0443\u0432\u0435\u0440\u0435\u043d\u044b, \u0447\u0442\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u044d\u0442\u043e \u0432\u043b\u043e\u0436\u0435\u043d\u0438\u0435?","wmuPhraseNotAllowedFile":"\u041d\u0435\u0434\u043e\u043f\u0443\u0441\u0442\u0438\u043c\u044b\u0439 \u0442\u0438\u043f \u0444\u0430\u0439\u043b\u0430","wmuPhraseMaxFileCount":"\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 1","wmuPhraseMaxFileSize":"\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0437\u043c\u0435\u0440 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430 2MB","wmuPhrasePostMaxSize":"\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0437\u043c\u0435\u0440 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f 100MB","wmuPhraseDoingUpload":"\u0418\u0434\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430! \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0434\u043e\u0436\u0434\u0438\u0442\u0435.","msgEmptyFile":"File is empty. Please upload something more substantial. This error could also be caused by uploads being disabled in your php.ini or by post_max_size being defined as smaller than upload_max_filesize in php.ini.","msgPostIdNotExists":"ID \u0437\u0430\u043f\u0438\u0441\u0438 \u043d\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442","msgUploadingNotAllowed":"\u0418\u0437\u0432\u0438\u043d\u0438\u0442\u0435, \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u0441\u0442\u0430 \u0437\u0430\u043f\u0440\u0435\u0449\u0435\u043d\u0430","msgPermissionDenied":"\u0423 \u0432\u0430\u0441 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043f\u0440\u0430\u0432 \u0434\u043b\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f","wmuKeyImages":"images","wmuSingleImageWidth":"auto","wmuSingleImageHeight":"200","previewTemplate":"\u003Cdiv class=\"wmu-preview [PREVIEW_TYPE_CLASS]\" title=\"[PREVIEW_TITLE]\" data-wmu-type=\"[PREVIEW_TYPE]\" data-wmu-attachment=\"[PREVIEW_ID]\"\u003E\r\n \u003Cdiv class=\"wmu-preview-remove\"\u003E\r\n \u003Cimg class=\"wmu-preview-img\" src=\"[PREVIEW_ICON]\"\u003E\r\n \u003Cdiv class=\"wmu-file-name\"\u003E[PREVIEW_FILENAME]\u003C/div\u003E\r\n \u003C!-- \u003Cdiv class=\"wmu-delete\"\u003E\u00a0\u003C/div\u003E--\u003E\r\n \u003C/div\u003E\r\n\u003C/div\u003E\r\n","isUserRated":"0","version":"7.6.34","wc_post_id":"16264","isCookiesEnabled":"1","loadLastCommentId":"0","dataFilterCallbacks":[],"phraseFilters":[],"scrollSize":"32","url":"https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-admin/admin-ajax.php","customAjaxUrl":"https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/wpdiscuz/utils/ajax/wpdiscuz-ajax.php","bubbleUpdateUrl":"https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-json/wpdiscuz/v1/update","restNonce":"c3df942bb7","is_rate_editable":"0","menu_icon":"https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/wpdiscuz/assets/img/plugin-icon/wpdiscuz-svg.svg","menu_icon_hover":"https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/wpdiscuz/assets/img/plugin-icon/wpdiscuz-svg_hover.svg","is_email_field_required":"1"}; var wpdiscuzUCObj = {"msgConfirmDeleteComment":"\u0412\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439?","msgConfirmCancelSubscription":"\u0412\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043e\u0442\u043c\u0435\u043d\u0438\u0442\u044c \u044d\u0442\u0443 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443?","msgConfirmCancelFollow":"\u0423\u0432\u0435\u0440\u0435\u043d\u044b, \u0447\u0442\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u043e\u0442\u043c\u0435\u043d\u0438\u0442\u044c \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443?","additionalTab":"0"}; //# sourceURL=wpdiscuz-combo-js-js-extra </script> <script id="wpdiscuz-combo-js-js-before"> var wpdiscuzEditorOptions = { modules: { toolbar: "", counter: { uniqueID: "", commentmaxcount : 0, replymaxcount : 0, commentmincount : 1, replymincount : 1, }, }, wc_be_the_first_text: "\u041e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u043f\u0435\u0440\u0432\u044b\u0439 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439!", wc_comment_join_text: "\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f \u043a \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044e", theme: 'snow', debug: 'error' }; //# sourceURL=wpdiscuz-combo-js-js-before </script> <script id="wpdiscuz-combo-js-js" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/wpdiscuz/assets/js/wpdiscuz-combo.min.js"></script> <script defer id="akismet-frontend-js" src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/akismet/_inc/akismet-frontend.js"></script> <script>window.lazyLoadOptions = [{ elements_selector: "img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]", data_src: "lazy-src", data_srcset: "lazy-srcset", data_sizes: "lazy-sizes", class_loading: "lazyloading", class_loaded: "lazyloaded", threshold: 300, callback_loaded: function(element) { if ( element.tagName === "IFRAME" && element.dataset.rocketLazyload == "fitvidscompatible" ) { if (element.classList.contains("lazyloaded") ) { if (typeof window.jQuery != "undefined") { if (jQuery.fn.fitVids) { jQuery(element).parent().fitVids(); } } } } }},{ elements_selector: ".rocket-lazyload", data_src: "lazy-src", data_srcset: "lazy-srcset", data_sizes: "lazy-sizes", class_loading: "lazyloading", class_loaded: "lazyloaded", threshold: 300, }]; window.addEventListener('LazyLoad::Initialized', function (e) { var lazyLoadInstance = e.detail.instance; if (window.MutationObserver) { var observer = new MutationObserver(function(mutations) { var image_count = 0; var iframe_count = 0; var rocketlazy_count = 0; mutations.forEach(function(mutation) { for (var i = 0; i < mutation.addedNodes.length; i++) { if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') { continue; } if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') { continue; } images = mutation.addedNodes[i].getElementsByTagName('img'); is_image = mutation.addedNodes[i].tagName == "IMG"; iframes = mutation.addedNodes[i].getElementsByTagName('iframe'); is_iframe = mutation.addedNodes[i].tagName == "IFRAME"; rocket_lazy = mutation.addedNodes[i].getElementsByClassName('rocket-lazyload'); image_count += images.length; iframe_count += iframes.length; rocketlazy_count += rocket_lazy.length; if(is_image){ image_count += 1; } if(is_iframe){ iframe_count += 1; } } } ); if(image_count > 0 || iframe_count > 0 || rocketlazy_count > 0){ lazyLoadInstance.update(); } } ); var b = document.getElementsByTagName("body")[0]; var config = { childList: true, subtree: true }; observer.observe(b, config); } }, false);</script><script data-no-minify="1" async src="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-content/plugins/rocket-lazy-load/assets/js/16.1/lazyload.min.js"></script><!-- <div class="flat_ads_block" style="width: 336px; height: 280px;" id="flat_ads_block_id_1"> <div class="flat_slide_cross"></div> <div class="wrap_flat_ads_block"> <div class="dvxtm5d4ae5adba5b5" ><!-- Yandex.RTB R-A-514351-1 --> <!-- <div id="yandex_rtb_R-A-514351-1"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-514351-1", renderTo: "yandex_rtb_R-A-514351-1", async: true }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks"); </script></div><style type="text/css"> @media screen and (min-width: 1201px) { .dvxtm5d4ae5adba5b5 { display: block; } } @media screen and (min-width: 993px) and (max-width: 1200px) { .dvxtm5d4ae5adba5b5 { display: block; } } @media screen and (min-width: 769px) and (max-width: 992px) { .dvxtm5d4ae5adba5b5 { display: block; } } @media screen and (min-width: 768px) and (max-width: 768px) { .dvxtm5d4ae5adba5b5 { display: block; } } @media screen and (max-width: 767px) { .dvxtm5d4ae5adba5b5 { display: block; } } </style> </div> </div> <!-- script type="text/javascript"> $(document).ready(function() { console.log('ready'); $(window).on('scroll', function(){ if($(this).scrollTop() > 1000){ $('#flat_ads_block_id_1').addClass('left_slide_flat_panel'); } else { $('#flat_ads_block_id_1').removeClass('left_slide_flat_panel'); } }); }); </script --> <!-- было <style> #flat_ads_block_id_1 { position: fixed; right: calc(100% + 22px); bottom: 0px; transform-origin: center; transform: translateX(0); transition: all 0.3s ease; z-index: 998; } #flat_ads_block_id_1.left_slide_flat_panel { transform: translateX(calc(100% + 22px)); } #flat_ads_block_id_1 .flat_slide_cross { position: absolute; width: 22px; height: 22px; top: -22px; right: -10px; z-index: 1; background: #000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB2aWV3Qm94PSIwIDAgMTc1LjAwMDAwMCAxNzYuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDE3Ni4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiNmZmYiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik02MzIgMTEyOCBsLTYyIC02MyA5MSAtOTEgOTEgLTkxIC05MSAtOTUgLTkwIC05NSA2NSAtNjQgNjQgLTY0IDkyCjkzIDkzIDkyIDkyIC05MiA5MyAtOTIgNjAgNTkgYzMzIDMzIDYwIDY0IDYwIDY5IDAgNiAtMzkgNTAgLTg3IDk4IGwtODggODgKODggODggYzQ4IDQ4IDg3IDkyIDg3IDk4IDAgMTIgLTExMiAxMjQgLTEyNSAxMjQgLTUgMCAtNDkgLTM5IC05NyAtODcgbC04OAotODggLTg4IDg4IGMtNDggNDggLTkwIDg3IC05MiA4NyAtMyAwIC0zMyAtMjggLTY4IC02MnoiLz4KPC9nPgo8L3N2Zz4K) no-repeat center / cover; cursor: pointer; border-radius: 100%; } #flat_ads_block_id_1 .flat_slide_cross:hover { background: #444 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB2aWV3Qm94PSIwIDAgMTc1LjAwMDAwMCAxNzYuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDE3Ni4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiNmZmYiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik02MzIgMTEyOCBsLTYyIC02MyA5MSAtOTEgOTEgLTkxIC05MSAtOTUgLTkwIC05NSA2NSAtNjQgNjQgLTY0IDkyCjkzIDkzIDkyIDkyIC05MiA5MyAtOTIgNjAgNTkgYzMzIDMzIDYwIDY0IDYwIDY5IDAgNiAtMzkgNTAgLTg3IDk4IGwtODggODgKODggODggYzQ4IDQ4IDg3IDkyIDg3IDk4IDAgMTIgLTExMiAxMjQgLTEyNSAxMjQgLTUgMCAtNDkgLTM5IC05NyAtODcgbC04OAotODggLTg4IDg4IGMtNDggNDggLTkwIDg3IC05MiA4NyAtMyAwIC0zMyAtMjggLTY4IC02MnoiLz4KPC9nPgo8L3N2Zz4K) no-repeat center / cover } </style> --> </body> </html>