רשתות תצוגה מקדימה של פוסטים אחרונים בפרוג

קשת י.א

משתמש רשום
בס"ד
לפעמים זה נוח לראות את הפוסט האחרון באשכול כמו שיש בפורומים אחרים
1718059467617.png

בס"ד כתבתי סקריפט שמציג את זה בפרוג
1718059737634.png

אז איך משתמשים?
צריך להתקין את שני התוספים האלה:
Tampermonkey בשביל הJavaScript
Magic CSS בשביל הCSS

עכשיו יוצרים סקריפט חדש בטמפרמונקי
1718060463780.png

מוחקים את הקוד הקיים
ומדביקים את הקוד הבא
JavaScript:
// ==UserScript==
// @name         תצוגה מקדימה פרוג
// @version      0.0.1
// @description  הסקריפט מוסיף תצוגה מקדימה לפוסטים האחרונים בפרוג
// @match        https://www.prog.co.il/*
// @exclude      https://www.prog.co.il/threads/*
// ==/UserScript==
/* global $ */

Promise.all($('.structItem-cell--latest').map((i, e) => $.get($(e).find('a')[0].href).then(r => $(e).prepend($(new DOMParser().parseFromString(r, 'text/html')).find('.message-content:last')))).get()).then(() => {
    $('.structItem-cell--latest>a').hover(function() { $(this).prev('.message-content').show(); }, function() { $(this).prev('.message-content').hide(); });
    $('.structItem-cell--latest>.message-content').hover(function() { $(this).show(); }, function() { $(this).hide(); });
});
ושומרים (קונטרול S).
עכשיו לוחצים על התוסף השני
ומדביקים את זה:
CSS:
.structItem-cell--latest>.message-content {
    position: relative;
    display: none;
}
.structItem-cell--latest>.message-content>div {
    background: white;
    padding: 6px;
    text-align: right;
    border: 1px solid #d8d8d8;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
    position: absolute;
    z-index: 1000;
    width: 280px;
    height: 100px;
    top: -100px;
    overflow-y: auto;
}
.structItem-cell--latest>.message-content>div::-webkit-scrollbar {
    width: 5px;
}
.structItem-cell--latest>.message-content>div::-webkit-scrollbar-track {
    background: #ececec;
}
.structItem-cell--latest>.message-content>div::-webkit-scrollbar-thumb {
    background-color: #a4d200;
    border-radius: 50px;
}
.structItem-cell--latest>.message-content>aside {
    display: none !important;
}
שימו לב שצריך ללחוץ על הנעץ כדי שזה יעלה אוטומטית בפתיחת האתר
1718061024565.png

החיסרון בסקריפט הוא שהדף צריך להיטען כמה שניות.
בהצלחה!
 

אולי מעניין אותך גם...

הפרק היומי

הפרק היומי! כל ערב פרק תהילים חדש. הצטרפו אלינו לקריאת תהילים משותפת!


תהילים פרק קיט ק'

קמה קָרָאתִי בְכָל לֵב עֲנֵנִי יי חֻקֶּיךָ אֶצֹּרָה:קמו קְרָאתִיךָ הוֹשִׁיעֵנִי וְאֶשְׁמְרָה עֵדֹתֶיךָ:קמז קִדַּמְתִּי בַנֶּשֶׁף וָאֲשַׁוֵּעָה (לדבריך) לִדְבָרְךָ יִחָלְתִּי:קמח קִדְּמוּ עֵינַי אַשְׁמֻרוֹת לָשִׂיחַ בְּאִמְרָתֶךָ:קמט קוֹלִי שִׁמְעָה כְחַסְדֶּךָ יי כְּמִשְׁפָּטֶךָ חַיֵּנִי:קנ קָרְבוּ רֹדְפֵי זִמָּה מִתּוֹרָתְךָ רָחָקוּ:קנא קָרוֹב אַתָּה יי וְכָל מִצְוֹתֶיךָ אֱמֶת:קנב קֶדֶם יָדַעְתִּי מֵעֵדֹתֶיךָ כִּי לְעוֹלָם יְסַדְתָּם:
נקרא  10  פעמים

אתגר AI

הסוואה • אתגר 21 • אתגר נושא פרסים 🎁

לוח מודעות

למעלה