Получи случайную криптовалюту за регистрацию!

Front End - NAHTML

Логотип телеграм канала @nahtml — Front End - NAHTML F
Логотип телеграм канала @nahtml — Front End - NAHTML
Адрес канала: @nahtml
Категории: Дизайн
Язык: Русский
Страна: Россия
Количество подписчиков: 1.17K
Описание канала:

☰ Каталог статей 📑: https://t.me/nahtml/76
☰ Каталог полезных сервисов 🗂: https://t.me/nahtml/186

Рейтинги и Отзывы

1.00

2 отзыва

Оценить канал nahtml и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

0

4 звезд

0

3 звезд

0

2 звезд

0

1 звезд

2


Последние сообщения 18

2021-04-30 14:45:40
Работа с массивом

В этом примере я показал как можно изменить размер или очистить массив. Этот трюк очень полезен и поможет вам оптимизировать код.
506 viewsedited  11:45
Открыть/Комментировать
2021-04-29 15:48:55
Поменять местами значения с деструктуризацией массива

Синтаксис деструктурирующего присваивания - это выражение JavaScript, которое позволяет распаковывать значения из массивов или свойства из объектов в отдельные переменные.
489 views12:48
Открыть/Комментировать
2021-04-28 18:15:22
736 views15:15
Открыть/Комментировать
2021-04-27 15:31:26
Событие onclick JavaScript

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

Используя JavaScript, это событие можно динамически добавлять к любому элементу. Он поддерживает все элементы HTML, кроме , , , <style>, <script>, <base>, <iframe>, <bdo>, <br>, <meta> и <param>. Это означает, что мы не можем применить событие onclick к данным тегам.<br><br>В HTML мы можем использовать атрибут onclick и назначить ему функцию JavaScript. Мы также можем использовать метод JavaScript addEventListener () и передать ему событие щелчка для большей гибкости.<div class="tgme_widget_message_info short js-message_info"> 512 viewsedited  12:31 </div> <a href="https://ru.telegram-store.com/index.php/catalog/channels/nahtml/571" target="_blank" class="comment_link"> Открыть/Комментировать </a> </div> </div> <div class="message_grid"> <div class="messages__one message_parsed"> <!-- Ads in masongry messages grid --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6780846908998274" data-ad-slot="7996851114" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="message_grid"> <div class="messages__one message_parsed"> <span class="date_in_messages">2021-04-26 16:43:43</span> <div class="photo_placeholder_group"> <img class="lazyload" data-src="/img/no-picture-third.jpg" > </div><b>Как изменить стиль окна предупреждения?<br><br></b>Окно предупреждения является системным объектом и не подлежит CSS. Для этого вам нужно создать HTML-элемент и имитировать функцию alert (). Диалог пользовательского интерфейса jQuery выполняет большую часть работы за вас, работая в основном так, как я описал: <br>jqueryui.com/dialog/<div class="tgme_widget_message_info short js-message_info"> 544 viewsedited  13:43 </div> <a href="https://ru.telegram-store.com/index.php/catalog/channels/nahtml/570" target="_blank" class="comment_link"> Открыть/Комментировать </a> </div> </div> <nav class="woocommerce-pagination"> <ul class="page-numbers page-numbers-wrapper" role="navigation"> <li> <a href="https://ru.telegram-store.com/index.php/catalog/channels/nahtml?page=17" rel="prev" aria-label="« Previous" class="navigation__prev">‹</a> </li> <li><a class="page-numbers page_1" href="https://ru.telegram-store.com/index.php/catalog/channels/nahtml">1</a></li> <li><a class="page-numbers page_2" href="https://ru.telegram-store.com/index.php/catalog/channels/nahtml?page=2">2</a></li> <li class="disabled" aria-disabled="true"> <span class="page-numbers current">...</span> </li> <li><a class="page-numbers page_1" href="https://ru.telegram-store.com/index.php/catalog/channels/nahtml?page=9">9</a></li> <li><a class="page-numbers page_2" href="https://ru.telegram-store.com/index.php/catalog/channels/nahtml?page=10">10</a></li> <li><a class="page-numbers page_3" href="https://ru.telegram-store.com/index.php/catalog/channels/nahtml?page=11">11</a></li> <li><a class="page-numbers page_4" href="https://ru.telegram-store.com/index.php/catalog/channels/nahtml?page=12">12</a></li> <li><a class="page-numbers page_5" href="https://ru.telegram-store.com/index.php/catalog/channels/nahtml?page=13">13</a></li> <li><a class="page-numbers page_6" href="https://ru.telegram-store.com/index.php/catalog/channels/nahtml?page=14">14</a></li> <li><a class="page-numbers page_7" href="https://ru.telegram-store.com/index.php/catalog/channels/nahtml?page=15">15</a></li> <li><a class="page-numbers page_8" href="https://ru.telegram-store.com/index.php/catalog/channels/nahtml?page=16">16</a></li> <li><a class="page-numbers page_9" href="https://ru.telegram-store.com/index.php/catalog/channels/nahtml?page=17">17</a></li> <li class="active" aria-current="page"> <span class="page-numbers current current__page">18</span></li> <li class="disabled" aria-disabled="true" aria-label="Next »"> <span aria-hidden="true">›</span> </li> </ul> </nav> </div> </div> <div class="related ts-products"> <h2>Похожие каналы</h2> <div class="related_products_wrapper"> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="Займемся дизайном telegram" href="https://ru.telegram-store.com/index.php/catalog/channels/aleksandra_presentation"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/channels/aleksandra_presentation/telegram_logo.jpg" loading="lazy" alt="Логотип телеграм канала @aleksandra_presentation — Займемся дизайном" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #0744D8 ">З</span> </span> <div class="ts-product__title" data-hc-id=""> Займемся дизайном </div> </a> <div class="quantity-of-view"> <span class="productViews"> 👨‍🎨 58 </span> </div> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="RunwayGen2 telegram" href="https://ru.telegram-store.com/index.php/catalog/channels/runway_gen_2"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/channels/runway_gen_2/telegram_logo.jpg" loading="lazy" alt="Логотип телеграм канала @runway_gen_2 — RunwayGen2" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #17E0BD ">R</span> </span> <div class="ts-product__title" data-hc-id=""> RunwayGen2 </div> </a> <div class="quantity-of-view"> <span class="productViews"> 🤷‍♂️ 58 </span> </div> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="Сайты на Tilda|Оксана Дубровина telegram" href="https://ru.telegram-store.com/index.php/catalog/channels/tildaoksana"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/channels/tildaoksana/telegram_logo.jpg" loading="lazy" alt="Логотип телеграм канала @tildaoksana — Сайты на Tilda|Оксана Дубровина" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #119C3F ">С</span> </span> <div class="ts-product__title" data-hc-id=""> Сайты на Tilda|Оксана Дубровина </div> </a> <div class="quantity-of-view"> <span class="productViews"> 👨‍🚀 58 </span> </div> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="💚𝐅𝐎𝐎𝐓.𝐀𝐕𝐄𝐍𝐆𝐄𝐑𝐒💚 telegram" href="https://ru.telegram-store.com/index.php/catalog/channels/foot_avengers"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/channels/foot_avengers/telegram_logo.jpg" loading="lazy" alt="Логотип телеграм канала @foot_avengers — 💚𝐅𝐎𝐎𝐓.𝐀𝐕𝐄𝐍𝐆𝐄𝐑𝐒💚" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #036AA8 ">𝐅</span> </span> <div class="ts-product__title" data-hc-id=""> 💚𝐅𝐎𝐎𝐓.𝐀𝐕𝐄𝐍𝐆𝐄𝐑𝐒💚 </div> </a> <div class="quantity-of-view"> <span class="productViews"> 👨‍🚒 58 </span> </div> </div> </div> </div> </div> <div class="related ts-products"> <h2>Похожие Группы</h2> <div class="related_products_wrapper"> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="Blender_ru: вопрос-ответ. telegram" href="https://ru.telegram-store.com/index.php/catalog/chats/blender_ru"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/chats/blender-ru/telegram_logo.jpg" loading="lazy" alt="" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #151475 ">B</span> </span> <div class="ts-product__title" data-hc-id=""> Blender_ru: вопрос-ответ. </div> </a> <div class="quantity-of-view"> <span class="productViews"> 13,338 </span> </div> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="UI/UX chat telegram" href="https://ru.telegram-store.com/index.php/catalog/chats/uiux_chat"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/chats/uiux-chat/telegram_logo.jpg" loading="lazy" alt="" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #1235C7 ">U</span> </span> <div class="ts-product__title" data-hc-id=""> UI/UX chat </div> </a> <div class="quantity-of-view"> <span class="productViews"> 476 </span> </div> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="Designers Chat telegram" href="https://ru.telegram-store.com/index.php/catalog/chats/designerschat"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/chats/designerschat/telegram_logo.jpg" loading="lazy" alt="" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #01B572 ">D</span> </span> <div class="ts-product__title" data-hc-id=""> Designers Chat </div> </a> <div class="quantity-of-view"> <span class="productViews"> 3 </span> </div> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" title="Alex 🌼 & СПОЙЛЕРЫ!!! 🤍❤️🤍 telegram" href="https://ru.telegram-store.com/index.php/catalog/chats/sizikovdesign"> <img onerror="imgError(this);" class="img-related lazyload" data-src="https://logos.telegram-store.com/chats/sizikovdesign/telegram_logo.jpg" loading="lazy" alt="" style="width:128px"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #108BB4 ">A</span> </span> <div class="ts-product__title" data-hc-id=""> Alex 🌼 & СПОЙЛЕРЫ!!! 🤍❤️🤍 </div> </a> <div class="quantity-of-view"> <span class="productViews"> 4 </span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="mfp-bg mfp-ready" style="display:none;"></div> <div class="mfp-container mfp-s-ready mfp-inline-holder pop_channels_popup" style="display:none;"> <div class="mfp-content"> <div id="products-popup" class="channel-popup"> <h2>Похожие каналы</h2> <div class="gram-square gram-square__tax"> <a href="tg://resolve?domain=nahtml" target="_blank" class="button wc-button-blue update-product-transitions product-popup-btn single-ga-static"> Перейти в канал </a> </div> <div class="ts-product_desktop-banner"> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" href="https://ru.telegram-store.com/index.php/catalog/channels/aleksandra_presentation"> <img onerror="imgError(this);" class="img-related lazyload" loading="lazy" data-src="https://logos.telegram-store.com/channels/aleksandra_presentation/telegram_logo.jpg" alt="Логотип телеграм канала @aleksandra_presentation — Займемся дизайном"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #212B07 ">З</span> </span> <div class="ts-product__title" data-hc-id=""> Займемся дизайном</div> </a> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" href="https://ru.telegram-store.com/index.php/catalog/channels/runway_gen_2"> <img onerror="imgError(this);" class="img-related lazyload" loading="lazy" data-src="https://logos.telegram-store.com/channels/runway_gen_2/telegram_logo.jpg" alt="Логотип телеграм канала @runway_gen_2 — RunwayGen2"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #140673 ">R</span> </span> <div class="ts-product__title" data-hc-id=""> RunwayGen2</div> </a> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" href="https://ru.telegram-store.com/index.php/catalog/channels/tildaoksana"> <img onerror="imgError(this);" class="img-related lazyload" loading="lazy" data-src="https://logos.telegram-store.com/channels/tildaoksana/telegram_logo.jpg" alt="Логотип телеграм канала @tildaoksana — Сайты на Tilda|Оксана Дубровина"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #142260 ">С</span> </span> <div class="ts-product__title" data-hc-id=""> Сайты на Tilda|Оксана Дубровина</div> </a> </div> </div> <div class="ts-product"> <div class="ts-product__img"> <a class="ts-product__link" href="https://ru.telegram-store.com/index.php/catalog/channels/foot_avengers"> <img onerror="imgError(this);" class="img-related lazyload" loading="lazy" data-src="https://logos.telegram-store.com/channels/foot_avengers/telegram_logo.jpg" alt="Логотип телеграм канала @foot_avengers — 💚𝐅𝐎𝐎𝐓.𝐀𝐕𝐄𝐍𝐆𝐄𝐑𝐒💚"> <span class="username-generated-wrapper"> <span class="username-generated-helper"> <img aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2764%27%20height=%2764%27/%3e" class="username-generated-background"> </span> <span class="username-generated-main-circle" style="background: #0B6B33 ">𝐅</span> </span> <div class="ts-product__title" data-hc-id=""> 💚𝐅𝐎𝐎𝐓.𝐀𝐕𝐄𝐍𝐆𝐄𝐑𝐒💚</div> </a> </div> </div> </div> <div class="products_block_clearfix"></div> <button title="Close (Esc)" type="button" class="mfp-close">×</button> </div> </div> </div> <style> .mfp-content { position: absolute; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; left: 0; } .pop_channels_popup .ts-product_desktop-banner { display: initial !important; } .pop_channels_popup #products-popup .ts-product { height: 203px; } </style> <style> .message_grid iframe { width: 100%; } </style> </div> <link rel="preload" href="https://ru.telegram-store.com/css/all.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link rel="stylesheet" href="https://ru.telegram-store.com/css/all.css"> </noscript> <div class="footer"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-12"> <div class="footer__copy">telegram-store.com © 2016-2024 </div> <div class="footer__copy creator">Неофициальный сайт про Telegram</div> </div> <div class="col-md-9 col-sm-9 col-xs-12"> <div class="footer__nav"> <div class="menu"> <ul id="menu-footer-en" class="nav nav-pills"> <li id="nav-menu-item-201535" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="https://ru.telegram-store.com/index.php/catalog/channels" class="menu-link sub-menu-link"> Телеграм Каналы </a> </li> <li id="nav-menu-item-201535" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="https://ru.telegram-store.com/index.php/catalog/chats" class="menu-link sub-menu-link"> Телеграм группы </a> </li> <li id="nav-menu-item-201535" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="https://ru.telegram-store.com/index.php/catalog/stickers/type" class="menu-link sub-menu-link"> Телеграм Стикеры </a> </li> <li id="nav-menu-item-201535" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="https://ru.telegram-store.com/index.php/catalog/bots" class="menu-link sub-menu-link"> Телеграм Боты </a> </li> <li id="nav-menu-item-201535" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="https://ru.telegram-store.com/index.php/html-sitemap" class="menu-link sub-menu-link"> Sitemap </a> </li> </ul> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-12"> </div> <div class="col-md-9 col-sm-9 col-xs-12"> <div class="footer__nav"> <div class="menu"> <ul class="nav nav-pills"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="/registration-telegram" class="menu-link sub-menu-link" target="_blank"> Регистрация в Телеграмм </a> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="/faq" class="menu-link sub-menu-link" target="_blank"> FAQ </a> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"> <a href="/privacy-policy" class="menu-link sub-menu-link" target="_blank"> Политика конфиденциальности </a> </li> </ul> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="footer-ownership"> Все права защищены. Копирование и использование полных материалов запрещено, частичное цитирование возможно только при условии гиперссылки на сайт telegram-store.com. </div> </div> </div> </div> </div> <!-- Scripts --> <div class="modal-for-login mfp-ready" style="display:none;"></div> <div class="modal-for-login-container mfp-s-ready mfp-inline-holder" style="display:none;"> <div class="mfp-content"> <div class="login-popup"> <h2>Login</h2> <div id="telegram_auth"></div> <script type="text/javascript"> function onTelegramAuth(user) { jQuery.ajax({ url: "https://ru.telegram-store.com/index.php/telegram/auth", method: "POST", data: user, dataType: "json", headers: { 'X-CSRF-TOKEN': "gPSyHG7bdScW9KX29pZMcu9J9DThWVFsaz8GUs68" }, success: function () { location.reload(); return false; }, error: function (data) { alert(data.responseJSON.error); } }); } </script> <div class="products_block_clearfix"></div> <button title="Close (Esc)" type="button" class="login-modal-close">×</button> </div> </div> </div> <script> function open_modal() { document.querySelector('.modal-for-login').style.display = 'block'; document.querySelector('.modal-for-login-container').style.display = 'block'; let script = document.createElement('script'); script.setAttribute('type', 'text/javascript'); script.setAttribute('src', 'https://telegram.org/js/telegram-widget.js?15'); script.setAttribute('data-telegram-login', 'TeleStoreAuthRuBot'); script.setAttribute('data-size', 'medium'); script.setAttribute('data-radius', '0'); script.setAttribute('data-onauth', 'onTelegramAuth(user)'); script.setAttribute('data-request-access', 'write'); document.getElementById('telegram_auth').appendChild(script); } document.querySelector('.login-modal-close').onclick = function () { document.querySelector('.modal-for-login').style.display = 'none'; document.querySelector('.modal-for-login-container').style.display = 'none'; } </script> <style> .login-modal-close { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; z-index: 2046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 1; padding: 0 0 18px 10px; color: #000000; font-style: normal; font-size: 28px; } .modal-for-login { top: 0; left: 0; width: 100%; height: 100%; z-index: 1040; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .modal-for-login-container, .pop_channels_popup { text-align: center; position: fixed; width: 100%; z-index: 1044; height: initial; left: 0; top: 13%; padding: 0 8px; box-sizing: border-box; } .pop_channels_popup { top: 2%; } .modal-open { text-decoration: underline; cursor: pointer; color: #337ab7; } .login-popup { text-align: center; padding: 73px; height: 30%; width: 90%; border-radius: 5px; background-color: #fff; position: relative; margin: 0 auto; } @media screen and (min-width: 320px) and (max-width: 720px) { .login-popup { width: 90%; top: 20px; padding: 5px; } } </style> <script type='text/javascript' src='https://ru.telegram-store.com/js/all.js' defer></script> <script> document.addEventListener('DOMContentLoaded', () => lazyload()); </script> <script> function redirect_time() { $('.mfp-ready').toggle(); $('.mfp-container').toggle(); setTimeout("go_now()", 1000); } function toggleTags() { $(".tag.hide_tag").toggleClass("display-inline"); $(".tags_toggle").toggle(); } window.onload = function () { if (window.jQuery) { $(".mfp-close").click(function () { $('.mfp-ready').toggle(); $('.mfp-container').toggle(); }); $('.video_placeholder').click(function () { window.open($(this).parent('.message_parsed').find('.comment_link').attr('href'), '_blank'); }); $('.photo_placeholder_group').click(function () { window.open($(this).parent('.message_parsed').find('.comment_link').attr('href'), '_blank'); }); } } function go_now() { window.open($('.product-popup-btn').attr('hrefLink'), "_blank"); } </script> <script> document.addEventListener('DOMContentLoaded', function () { $('#vote__for_channel__inactive_326610').click(function () { event.preventDefault(); $('#errors__voting_326610').html('😱 Вы должны войти на сайт, чтобы проголосовать').css('display', 'block'); }); $('#vote__for_channel_326610').click(function () { event.preventDefault(); $('#vote__for_channel_326610').html('⌛'); $.ajax({ url: "https://ru.telegram-store.com/index.php/catalog/api/v1/vote/326610", headers: { "X-CSRF-TOKEN": "gPSyHG7bdScW9KX29pZMcu9J9DThWVFsaz8GUs68", }, type: 'post', success: function (data) { $('#vote__for_channel_326610').html('▲ ' + data.rating); }, error: function () { $('#errors__voting_326610').html("😱 Вы уже проголосовали за этот канал за последние 24 часа. Приходите завтра!").css('display', 'block'); } }); }); }) </script> </body> </html> <script>(function(){if (!document.body) return;var js = "window['__CF$cv$params']={r:'88dd11fd4aa68f45',t:'MTcxNzM5MDMxMC4yMzcwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="a9fdd0a0e940bfc948c77b9c-|49" defer></script>