בס"ד
לפעמים זה נוח לראות את הפוסט האחרון באשכול כמו שיש בפורומים אחרים
בס"ד כתבתי סקריפט שמציג את זה בפרוג
אז איך משתמשים?
צריך להתקין את שני התוספים האלה:
Tampermonkey בשביל הJavaScript
Magic CSS בשביל הCSS
עכשיו יוצרים סקריפט חדש בטמפרמונקי
מוחקים את הקוד הקיים
ומדביקים את הקוד הבא
ושומרים (קונטרול S).
עכשיו לוחצים על התוסף השני
ומדביקים את זה:
שימו לב שצריך ללחוץ על הנעץ כדי שזה יעלה אוטומטית בפתיחת האתר
החיסרון בסקריפט הוא שהדף צריך להיטען כמה שניות.
בהצלחה!
לפעמים זה נוח לראות את הפוסט האחרון באשכול כמו שיש בפורומים אחרים
בס"ד כתבתי סקריפט שמציג את זה בפרוג
אז איך משתמשים?
צריך להתקין את שני התוספים האלה:
Tampermonkey בשביל הJavaScript
Magic CSS בשביל הCSS
עכשיו יוצרים סקריפט חדש בטמפרמונקי
מוחקים את הקוד הקיים
ומדביקים את הקוד הבא
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(); });
});
עכשיו לוחצים על התוסף השני
ומדביקים את זה:
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;
}
החיסרון בסקריפט הוא שהדף צריך להיטען כמה שניות.
בהצלחה!