Jump to content

L2Banners

VIP
  • Content Count

    1035
  • Joined

  • Last visited

  • Days Won

    45
  • Feedback

    100%

L2Banners last won the day on April 26

L2Banners had the most liked content!

Community Reputation

634

About L2Banners

  • Rank
    Легенда форума

Информация

  • Пол
    Мужчина
  • Интересы
    https://get-web.site/ - Качественная верстка сайтов по доступным ценам!

Контакты

Recent Profile Visitors

17810 profile views
  1. Продается адаптивный HTML шаблон для проекта lineage 2. В комплекте 2 варианта главной страницы + страница регистрации + дизайн от KATE в fig формате Цена: 150$
  2. Отсюда вопрос, откуда такая вера в забугорные сайты? Я вот например уверен, что как раз наоборот
  3. Первый забугорный из этого же топа: Что самое ужасное, мне иногда пишут заморские купцы и просят именное такое уг делать, балаго что я не дизайнер и вежливо отказываю в подобных извращениях.
  4. Когда-то я предложил свое решение по кастомизации виджета googleTranslate, тема оказалась действительно полезной и актуальна по сей день. Репозиторий с проектом на gitHub набрал немного звезд, а я рад тому, что мои труды не напрасны. И вот недавно мне понадобилось сделать пользовательский выпадающий список с выбором языков, но уже с виджетом яндекс переводчика. Вообще сам по себе виджет вполне устраивал заказчика, но проблема заключается в том что в нем по умолчанию находится более 90 языков и этот список нельзя никак ограничить. Нельзя выставить 2-3 или 5 необходимых вам языков, будут показаны все 90+, но проблема еще и в том, что виджет не адаптивен, он занимает 1221 пиксель в ширину и никак не подстраивается под размер экрана: В отличии от виджета гугл переводчика, в котором вся разметка находилась в iframe, в яндекс переводчике можно переопределить стили, но это все не то чего хотелось бы... На сайте, где генерируется виджет есть ссылка на документацию, и конечно же я её начал изучить, но документация на самом деле об API и никакой информации по работе с виджетом не имеет. Я решил написать в тех. поддержку яндекса: И довольно быстро получил ответ: И теперь окончательно убедившись, что готового решения нет, я принялся за дело. Как будет выглядеть пример: Для корректной работы виджета необходимо подключить файлы: <script src="./js/yatranslate.js"></script> <link rel="stylesheet" href="./css/yatranslate.css"> Логика виджета довольно простая. При выборе языка в локальное хранилище записывается объект с ключем yt-widget. В объекте хранится язык на который будет переведен сайт: { "lang":"en", "active":true } К локальному хранилищу без проблем можно получить доступ и я применил ту же технику что и с гугл переводчиком. Виджет яндекса прячем, а кликая на свой кастоный флажок с атрибутом data-ya-lang назначаем записаный в нем язык свойству lang и перезагружаем страницу. После перезагрузки страницы язык, который мы сами установили, будет подхвачен виджетом и сайт будет на него переведен. В функции yaTranslateHtmlHandler проводим необходимые манипуляции с разметкой, в моем случае я показываю флаг текущего языка перевода и удаляю его из общего списка. В js каждый этап я разбил на функции и добавил описание, чтобы было легче доработать код под себя. Репозиторий с проектом на GitHub Демонстрация Источник: https://get-web.site/blog/73-yandex-translate-custom-widget.html
  5. js/scripts.js var countDownDate = new Date(Date.UTC(2030, 8, 1, 17, 0, 0)).getTime();
  6. index.html ничем не поможет, он не относится к шаблону. Главный файл там index.tpl и подключенные в нем остальные tpl файлы. Чтобы запустить шаблон, нужно установить движек sw13, чтобы установить движек надо запустить сервер. Под виндовс есть прекрасная среда для разработки https://ospanel.io/
  7. Если речь о SW13 то в шаблоне который с окончанием _en нужно в ручную поменять местами. Это же просто другой шаблон.
  8. cms вообще ни на что не влияет. В твиче нужно передавать parent обязательно.
  9. Все вставляется и работает, проблема явно у вас.
  10. На ютубе и твиче, есть кнопка поделиться, там копируем iframe, это уже готовый код, на ютубе он находиться во вкладке "Встроить" <iframe width="560" height="315" src="https://www.youtube.com/embed/wyOOgZnhXaQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  11. Мне от линка на сайт никакой пользы, код нужно где-то писать и проверять https://codepen.io
  12. Если развернете пример где-нибудь в песочнице, то могу помочь, иначе просто негде проводить тесты
  13. Возможно я неправильно понял вопрос, я почему-то подумал что нужна проверка на то активна ли сейчас трансляция.. Нужно добавить autoplay: false, <script type="text/javascript"> new Twitch.Player("twitch-embed", { channel: "fisher", autoplay: false, }); </script> Вот пример с отключением автовоспроизведения и кстати надо указывать parent по новым правилам: <!-- Add a placeholder for the Twitch embed --> <div id="twitch-embed"></div> <!-- Load the Twitch embed script --> <script src="https://embed.twitch.tv/embed/v1.js"></script> <!-- Create a Twitch.Embed object that will render within the "twitch-embed" root element. --> <script type="text/javascript"> var embed = new Twitch.Embed("twitch-embed", { width: 854, height: 480, channel: "monstercat", layout: "video", autoplay: false, // only needed if your site is also embedded on embed.example.com and othersite.example.com parent: ["embed.example.com", "othersite.example.com"] }); embed.addEventListener(Twitch.Embed.VIDEO_READY, () => { var player = embed.getPlayer(); player.play(); }); </script>
×
×
  • Create New...