Полезные напоминалки

30 августа 2020, Воскресенье
5 195
11
Полезные напоминалки

Собираю для себя в кучу варианты скриптов, для фикса работы ленивой загрузки в ДЛЕ и т.п…

Буду регулярно обновлять данный пост, собирая в кучу все данные, что ранее собирал в разные текстовые файлы.

Полезные сайты


Проверка микроразметки в Яндексе и в google
Проверка OG разметки на ogmeta
Проверка AMP страниц
Сервисы сжатия кода: refresh-sf.com cssminifier.com jаvascript-minifier.com html-minifier.com developers/cssminifier
Табинферы: #1 #2
Форматирование PHP кода (табинфер)
Проверка работы PHP кода онлайн
Онлайн генератор favicon по изображению для всех устройств: #1 #2
Онлайн генератор изображений по тексту и размеру: #1
Оптимизация изображений онлайн: jpg+png jpg png
Проверка скорости загрузки страниц: Google PageSpeed GTmetrix
Изображения в base64 онлайн: #1 #2 #3 #4
Поиск сайтов по HTML-коду #2
Транслит русского текста
Постер с ютуба
Коллекция прелоадеров

Различные онлайн сервисы - #1

Проверка ответа сервера — бесплатная проверка HTTP-заголовков сервера

Проверка работы PHP кода онлайн

ADD URL: Яндекс Google Mail Bing (Yahoo)

Статистика LI: в виде картинки в виде текстовом // Источник

Attribute presence and value selectors
Внимание! У Вас нет прав для просмотра скрытого текста.

Фиксы скриптов при активном lazyLoadXT в DLE


добавить
$('[data-src]').lazyLoadXT ();

Например, для скрипта ЗАГРУЗИТЬ ЕЩЁ, найти функцию, отвечающую за это, и добавить
$('[data-src]').lazyLoadXT ();

и должно получиться так
 HideLoading ('');
           $('[data-src]').lazyLoadXT ();

для табов в шаблонах вебрембо:
 $('.tabs-sel').on ('click', 'span:not (.current)', function () {
        $(this).addClass ('current').siblings ().removeClass ('current')
        .parents ('.tabs-box').find ('.tabs-b').hide ().eq ($(this).index ()).fadeIn (0);
        $('[data-src]').lazyLoadXT ();
    }); 

Адаптивность плеера


.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame, #trplayer {width: 100%;
max-width:100% !important; height:400px; display:block;}
@media screen and (max-width: 590px) {
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame, #trplayer {height:300px;}
}
@media screen and (max-width: 470px) {
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame, #trplayer {height:250px;}
}

Удаляем множественные слеши в URL через файл .htaccess


RewriteCond %{REQUEST_URI} ^(.*)//(.*)$
RewriteRule . %1/%2 [R,L]

ЯндексМетрика и GoogleSpeed


Код, который «откладывает» загрузку метрики. Сайт загрузится быстро, и как только пользователь начнет скроллить, через секундный таймаут начнется загрузка дополнительных ресурсов. Тесты станут в порядке, а метрика будет работать исправно на всех устройствах.
var fired = false;

window.addEventListener ('scroll', () => {
    if (fired === false) {
        fired = true;

        setTimeout (() => {
            // Сюда вставляете метрики без тегов <script>           
        }, 1000)
    }
});

Пример вставки кода с Яндекс Метрикой и включенным вебвизором. Вместо “00000000000000” вставьте свой номер счетчика Яндекс Метрики.
<script>
    var fired = false;

window.addEventListener('scroll', () => {
    if (fired === false) {
        fired = true;
        
        setTimeout(() => {
			(function(m, e, t, r, i, k, a) {
            m[i] = m[i] || function() {
                (m[i].a = m[i].a || []).push(arguments)
            };
            m[i].l = 1 * new Date();
            k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
        })(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
        ym(00000000000000, "init", {
            clickmap: true,
            trackLinks: true,
            accurateTrackBounce: true,
            webvisor: true
        });		
        }, 1000)
    }
});
</script>

В ДЛЕ код сжимается, добавлю сразу и сжатый код в одну строку:
<script>var fired=!1;window.addEventListener("scroll",()=>{!1===fired&&(fired=!0,setTimeout(()=>{!function(e,t,n,a,r,i,c){e.ym=e.ym||function(){(e.ym.a=e.ym.a||[]).push(arguments)},e.ym.l=1*new Date,i=t.createElement(n),c=t.getElementsByTagName(n)[0],i.async=1,i.src="https://mc.yandex.ru/metrika/tag.js",c.parentNode.insertBefore(i,c)}(window,document,"script"),ym(00000000000000,"init",{clickmap:!0,trackLinks:!0,accurateTrackBounce:!0,webvisor:!0})},1e3))});</script>
<noscript><div><img src="https://mc.yandex.ru/watch/00000000000000" style="position:absolute; left:-9999px;" alt="" /></div></noscript>

Источник

Вывод iframe через jquery


Прописать в любой JS файл
<script>
function loadIframe(iframeName, url) {
    var $iframe = $('#' + iframeName);
    if ( $iframe.length ) {
        $iframe.attr('data-src',url);   
        return false;
    }
    return true;
}
</script>

и в main.tpl вниз добавить
<script>
loadIframe("iframe_pl","[xfvalue_player]");
</script>

Источник

Смайлики для жанров


 <li><a href="/genres/7~Аниме">?‍? Аниме</a></li><li><a href="/genres/1848~Биография">? Биография</a></li><li><a href="/genres/65~Боевик">? Боевик</a></li><li><a href="/genres/5217~Вестерн">? Вестерн</a></li><li><a href="/genres/843~Военный">?‍✈️ Военный</a></li><li><a href="/genres/67~Детектив">?️‍♂️ Детектив</a></li><li><a href="/genres/1891~Детский">? Детский</a></li><li><a href="/genres/3614~Для+взрослых">? Для взрослых</a></li><li><a href="/genres/6013~Документальный">? Документальный</a></li><li><a href="/genres/50~Драма">? Драма</a></li><li><a href="/genres/84253~Игра">? Игра</a></li><li><a href="/genres/1166~История">? История</a></li><li><a href="/genres/11~Комедия">? Комедия</a></li><li><a href="/genres/24579~Концерт">? Концерт</a></li><li><a href="/genres/431~Короткометражка">? Короткометражка</a></li><li><a href="/genres/517~Криминал">? Криминал</a></li><li><a href="/genres/10~Мелодрама">? Мелодрама</a></li><li><a href="/genres/99~Музыка">? Музыка</a></li><li><a href="/genres/8~Мультфильм">?‍♀️ Мультфильм</a></li><li><a href="/genres/97~Мюзикл">? Мюзикл</a></li><li><a href="/genres/9042~Новости">?‍? Новости</a></li><li><a href="/genres/12~Приключения">? Приключения</a></li><li><a href="/genres/11729~Реальное+тв">?‍? Реальное тв</a></li><li><a href="/genres/98~Семейный">?‍?‍?‍? Семейный</a></li><li><a href="/genres/478~Спорт">⚽ Спорт</a></li><li><a href="/genres/86744~Ток-шоу">? Ток-шоу</a></li><li><a href="/genres/66~Триллер">? Триллер</a></li><li><a href="/genres/418~Ужасы">? Ужасы</a></li><li><a href="/genres/9~Фантастика">?‍♀️ Фантастика</a></li><li><a href="/genres/21594~Фильм-нуар">? Фильм-нуар</a></li><li><a href="/genres/83~Фэнтези">?‍♂️ Фэнтези</a></li><li><a href="/genres/13420~Церемония">? Церемония</a></li>
            </ul>

Источник

Preloadaer для LazyLoad в DLE


В любой CSS файл добавить:
Картинку соответственно можете поставить любую, эту я как для примера прописал.

Список сайтов с программами


  1. rsload.net — репаки разных авторов в одном месте по прямым ссылкам
  2. repack.me — репаки от KpoJIuK
  3. diakov.net — репаки от Diakov
  4. lrepacks.ru — репаки от elchupacabra
  5. 9649.ru — репаки от 9649
  6. Торренты: rutor.is, nnmclub.to (nnmclub.to), torlook.info…

Удалить все посты и обнулить ID новостей


TRUNCATE TABLE Префикс_post
TRUNCATE TABLE Префикс_post_extras

Источник

Вывод ошибок PHP скрипта



ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
5-05-2023, 18:26: Добавил инфу
Комментарии:
{login}

Твой комментарий..

  1. Максим 18 октября 2022 14:06

    Подскажите где нужно прописать loading="lazy" за месть data-src когда вставляешь скриншоты через thumb Картинка thumb

    1. byroot Администраторы 18 октября 2022 20:41
      Ничего подобного не нужно прописывать нигде!
  2. Гендальф королевства Украина 4 февраля 2022 09:09

    Решил для себя нижеописанную проблему со слайдером:
    К изображению стоит добавить класс owl-lazy:

    img class="owl-lazy" data-src="ссылка на постер" /

    А в JS добавляем lazyLoad:true,. Также обращаем внимание на items: - количество должно соответствовать видимой части контента.
    У меня в шаблоне от Вебрембо просто не было этого. 

    1. byroot Администраторы 4 февраля 2022 11:01
      точно не помню сходу данный момент, все мои сайты где я это для себя настраивал более не доступны и посмотреть точно не могу. но что-то подобное для owl слайдеров нужно было делать для нормальной работы lazyload.
  3. Например, для скрипта ЗАГРУЗИТЬ ЕЩЁ, найти функцию, отвечающую за это, и добавить 

    Спасибо, помогло

    А этот код что должен делать? Я так понимаю, показывать картинку при переходе в таб? так как по стандарту они не показываются, если подключена отложенная загрузка

    для табов в шаблонах вебрембо:
     $('.tabs-sel').on ('click', 'span:not (.current)', function () {$(this).addClass ('current').siblings ().removeClass ('current').parents ('.tabs-box').find ('.tabs-b').hide ().eq ($(this).index ()).fadeIn (0);$('[data-src]').lazyLoadXT ();});



     



    Еще бы вопрос со слайдером owl решить. Так как если подключить отложенную загрузку, то при прокрутке картинок они подгружаются лишь в том случае, если чуть проскролить страницу.
    Не в курсе как это сделать?

  4. Ri 22 марта 2021 22:22
    ЯндексМетрика и GoogleSpeed, если гулг аналитику вставить будет так же работать как Яндекс?
    1. byroot Администраторы 23 марта 2021 08:12
      должна работать. скрипт просто делает отложенную загрузку счетчика до скролинга страницы.
  5. Ден 28 января 2021 17:03
    Спасибо за оптимизацию. Когда метрику вставляю, не видит в кабинете мертрики счетчик красным!
    1. byroot Администраторы 29 января 2021 09:15
      Тогда добавь сначала оригинал счетчика, а потом замени на этот, главное ID своё пропиши вместо нулей.
  6. Александр 19 ноября 2020 20:25
    >для табов в шаблонах вебрембо
    А куда прописывать это?
    1. byroot Администраторы 19 ноября 2020 21:54
      в js файл, как правило это libs.js
Модули для создания киносайта и не только на базе DataLife Engine, и многое другое...
Просто блог Евгения Попова, он же - byroot © 2015-2025 | Карта сайта