🛠 סקריפט Tampermonky | הוספת סרגל כלים 🛠

let panel = document.createElement('div');
let title = document.createElement('div');
panel.addEventListener('mouseenter', (event) => {
    panel.style.width = '60px';
    title.style.transform = 'scale(1, 1)';
    for (let images of document.getElementsByClassName('images')) {
        images.style.transform = 'scale(1, 1)'
        images.style.filter = 'blur(0)'
    }
});
panel.addEventListener('mouseleave', (event) => {
    panel.style.width = '20px';
    title.style.transform = 'scale(0, 0)';
    for (let images of document.getElementsByClassName('images')) {
        images.style.transform = 'scale(0, 0)'
        images.style.filter = 'blur(20px)'
    }
});
panel.style.transition = 'width 0.5s';
panel.style.boxShadow = '0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)'
panel.style.position = 'fixed';
panel.style.width = '20px';
panel.style.height = 'auto';
panel.style.left = '36px';
panel.style.bottom = '46.2%';
panel.style.transform = 'translate(0, 50%)';
panel.style.paddingTop = '12px';
panel.style.paddingBottom = '8px';
panel.style.flexDirection = 'column';
panel.style.alignItems = 'center';
panel.style.justifyContent = 'center';
panel.style.borderRadius = '10px';
panel.style.backgroundColor = 'rgb(255, 255, 190)';
title.style.transform = 'scale(0, 0)';
title.style.transition = '0.5s';
title.style.display = 'block';
title.style.textAlign = 'center';
title.style.fontSize = '25px';
title.style.color = '#357BB8';
title.innerHTML = 'כלים<br><br>';
panel.appendChild(title);
let image1 = document.createElement('img');
image1.src = '/assets/uploads/files/1616637195056-img.png';
image1.title = 'יחס מוניטין לפוסט';
image1.style.cursor = 'pointer';
image1.onclick = function () { var result = (app.user.reputation) / app.user.postcount; app.alert({ title: '<h4 style="color: #4caf50;">חישוב פוסטים VS מוניטין</h4>', message: 'מספר הפוסטים שכתבת הוא ' + app.user.postcount + '<br>מאידך מספר הלייקים שקבלת הוא ' + app.user.reputation + '<hr style="border-top: 2px solid #838694;">בת\'כלס יחס הלייקים לפוסט הוא: <h3 style="color: #4caf50; text-align: center;">' + result.toFixed(4), timeout: 7000 }) }
image1.style.display = 'block';
image1.style.margin = 'auto';
image1.style.width = '37px';
image1.style.marginBottom = '15px';
image1.style.transition = '0.5s';
image1.style.transform = 'scale(0, 0) translate(-40px, 0)';
let image2 = document.createElement('img');
image2.src = '/assets/uploads/files/1616631561115-asset-2.png';
image2.title = 'עריכת הפורום';
image2.style.cursor = 'pointer';
image2.onclick = function () {
    if (document.designMode == 'off') {
        image2.src = '/assets/uploads/files/1616627933907-asset-1.png';
        app.alert({ title: 'עריכת הפורום', message: 'ערוך את האתר כרצונך!', type: 'success', timeout: 2500 })
        document.designMode = 'on'
    } else {
        document.designMode = 'off'
        image2.src = '/assets/uploads/files/1616631561115-asset-2.png';
        app.alert({ title: 'עריכת הפורום', message: 'העריכה הסתיימה', timeout: 2500 })
    }
}
image2.style.display = 'block';
image2.style.margin = 'auto';
image2.style.width = '37px';
image2.style.marginBottom = '15px';
image2.style.transition = '0.5s';
image2.style.transform = 'scale(0, 0) translate(-40px, 0)';
let image3 = document.createElement('img');
image3.src = 'https://גוגל-בפורומים.tk/unnamed.png';
image3.title = 'חיפוש גוגל בפורומים החרדיים';
image3.style.cursor = 'pointer';
image3.style.display = 'block';
image3.style.margin = 'auto';
image3.style.width = '37px';
image3.style.marginBottom = '15px';
image3.style.transition = '0.5s';
image3.style.transform = 'scale(0, 0) translate(-40px, 0)';
image3.onclick = function () {
    var search = prompt("מה אתה רוצה לחפש בפורומים?");
    if (search != null && search != "") {
        search = encodeURIComponent(search.trim());
        var link = "https://גוגל-בפורומים.tk/#gsc.tab=0&gsc.q=" + search;
        function linkb(href) { Object.assign(document.createElement('a'), { target: '_blank', href, }).click(); } linkb(link);
    }
}
let image4 = document.createElement('div');
image4.title = 'שינוי צבע בפוסטים';
let colorInput = document.createElement('input');
colorInput.id = 'colorPostInput';
colorInput.type = 'color';
colorInput.style.position = 'absolute';
colorInput.style.right = '-8px';
colorInput.style.top = '-8px';
colorInput.style.width = '56px';
colorInput.style.height = '56px';
colorInput.style.border = 'none';
colorInput.style.cursor = 'pointer';
if (localStorage.allParagraphsColor) {
    document.body.style.color = localStorage.allParagraphsColor;
    colorInput.value = localStorage.allParagraphsColor;
}
colorInput.addEventListener('change', (event) => {
    localStorage.allParagraphsColor = colorInput.value;
    document.body.style.color = colorInput.value;
});
image4.style.cursor = 'pointer';
image4.style.display = 'block';
image4.style.margin = 'auto';
image4.style.position = 'relative';
image4.style.overflow = 'hidden';
image4.style.width = '40px';
image4.style.height = '40px';
image4.style.border = 'solid 2px #ddd';
image4.style.borderRadius = '40px';
image4.style.marginBottom = '15px';
image4.style.transition = '0.5s';
image4.style.transform = 'scale(0, 0) translate(-40px, 0)';
let image5 = document.createElement('img');
image5.src = 'https://ssl.gstatic.com/translate/favicon.ico';
image5.title = 'תרגום מאנגלית לעברית';
image5.style.cursor = 'pointer';
image5.style.display = 'block';
image5.style.margin = 'auto';
image5.style.width = '37px';
image5.style.marginBottom = '15px';
image5.style.transition = '0.5s';
image5.style.transform = 'scale(0, 0) translate(-40px, 0)';
image5.onclick = function () {
    var translate = prompt("מה אתה רוצה לתרגם?");
    if (translate != null && translate != "") {
        translate = encodeURIComponent(translate.trim());
        var link = "https://translate.google.co.il/?sl=en&tl=iw&text=" + translate + "&op=translate";
        function linkb(href) { Object.assign(document.createElement('a'), { target: '_blank', href, }).click(); } linkb(link);
    }
}
if (localStorage.hideForumLogo) {
    if (localStorage.hideForumLogo === "hide") {
        $('.forum-logo').css("display", "none");
    } else {
        $('.forum-logo').css("display", "block");
    }
}
let image6 = document.createElement('img');
image6.src = '/favicon.ico';
image6.title = 'הסתרת הלוגו של הפורום';
image6.style.cursor = 'pointer';
image6.onclick = function () {
    if (localStorage.hideForumLogo) {
        if (localStorage.hideForumLogo === "show") {
            localStorage.hideForumLogo = "hide";
            $('.forum-logo').css("display", "none");
        } else {
            localStorage.hideForumLogo = "show";
            $('.forum-logo').css("display", "block");
        }
    } else {
        localStorage.hideForumLogo = "hide";
        $('.forum-logo').css("display", "none");
    }
}
image6.style.display = 'block';
image6.style.margin = 'auto';
image6.style.width = '37px';
image6.style.marginBottom = '15px';
image6.style.transition = '0.5s';
image6.style.transform = 'scale(0, 0) translate(-40px, 0)';

if (localStorage.emojisize) {
    for (var i = 0; i < document.getElementsByClassName('emoji').length; i++) {
        document.querySelector('head').innerHTML += `<style>.emoji { width: ${localStorage.emojisize}px; height: ${localStorage.emojisize}px; }</style>`;
    }
}
let image7 = document.createElement('img');
image7.src = '/plugins/nodebb-plugin-emoji/emoji/apple/1f642.png?v=a54dqpiknn4';
image7.title = 'שינוי גודל אימוג\'ים';
image7.style.cursor = 'pointer';
image7.onclick = function () {
    var emojisize = prompt("לאיזה גודל לשנות את האימוג'ים? (בפיקסלים)");
    if (emojisize != null && emojisize != "") {
        emojisize = encodeURIComponent(emojisize.trim());
        localStorage.emojisize = emojisize;
        for (var i = 0; i < document.getElementsByClassName('emoji').length; i++) {
            var emojis = document.getElementsByClassName('emoji')[i];
            emojis.style.width = emojisize + 'px';
            emojis.style.height = emojisize + 'px'
        }
    }
}
image7.style.display = 'block';
image7.style.margin = 'auto';
image7.style.width = '37px';
image7.style.marginBottom = '15px';
image7.style.transition = '0.5s';
image7.style.transform = 'scale(0, 0) translate(-40px, 0)';
let image8 = document.createElement('img');
image8.src = '/assets/uploads/files/1616992426113-link.png';
image8.title = 'פורומים';
image8.style.cursor = 'pointer';
image8.onclick = function () {
    app.alert({
        type: 'success', timeout: 10000, title: '<h3 style="text-align: center;">פורומים</h3>', message:
            '<hr><a href="https://tchumim.com" target="_blank"><img width="40px" title="תחומים" src="/assets/uploads/files/1616989719968-1.png"></a>' +
            '<a href="https://מקצועות.com/" target="_blank"><img width="40px" title="מקצועות" src="/assets/uploads/files/1616989719998-2.png"></a>' +
            '<a href="https://www.prog.co.il" target="_blank"><img width="40px" title="פרוג" src="/assets/uploads/files/1616989720025-3.png"></a>' +
            '<a href="https://forum-office.ml" target="_blank"><img width="40px" title="פורום אופיס" src="/assets/uploads/files/1616989720045-4.png"></a>' +
            '<a href="https://f2.freeivr.co.il" target="_blank"><img width="40px" title="פורום ימות המשיח" src="/assets/uploads/files/1616989720065-5.png"></a>' +
            '<br><br><a href="https://www.tora-forum.co.il" target="_blank"><img width="40px" title="פורום לתורה" src="/assets/uploads/files/1616989720081-6.png"></a>' +
            '<a href="https://meatzvim.cf" target="_blank"><img width="40px" title="מעצבים" src="/assets/uploads/files/1616989720101-7.png"></a>' +
            '<a href="https://www.techno-tech.cf" target="_blank"><img width="40px" title="תכנוטק" src="/assets/uploads/files/1616989720122-8.png"></a>' +
            '<a href="http://forum.netfree.link" target="_blank"><img width="40px" title="פורום נטפרי" src="/assets/uploads/files/1617018043234-9.png"></a>'
    })
}
image8.style.display = 'block';
image8.style.margin = 'auto';
image8.style.width = '37px';
image8.style.marginBottom = '15px';
image8.style.transition = '0.5s';
image8.style.transform = 'scale(0, 0) translate(-40px, 0)';
image1.classList.add('images');
image2.classList.add('images');
image3.classList.add('images');
image4.classList.add('images');
image5.classList.add('images');
image6.classList.add('images');
image7.classList.add('images');
image8.classList.add('images');
image4.appendChild(colorInput);
panel.appendChild(image1);
panel.appendChild(image2);
panel.appendChild(image3);
panel.appendChild(image4);
panel.appendChild(image5);
panel.appendChild(image6);
panel.appendChild(image7);
panel.appendChild(image8);
document.body.appendChild(panel);

// ==UserScript==
// @name         סרגל כלים
// @version      0.1
// @author       מוטי אורן, נ נח
// @description  😀 הוספת סרגל כלים לפורום
// @include      https://mitmachim.top/*
// @icon         https://mitmachim.top/assets/uploads/files/1616983314128-tools-solid.svg
// @homepage     https://mitmachim.top
// ==/UserScript==

זה הסקריפט!
באיזה שפה זה?

נ נח

@fshlomo
JavaScript וקצת JQuery