Всем привет.
Написал для себя скрипт, может кому пригодится.
Возможности этого скрипта:
P.s.: Чтобы установить скрипт можно использовать любое расширение: Tampermonkey, Stylish и тд. Я использую User JavaScript and CSS. Шикарное расширение в этом плане.
Написал для себя скрипт, может кому пригодится.
Возможности этого скрипта:
- Время создания темы в формате гггг-мм-дд
- Прямая ссылка на сайт
- Изображение главного экрана хайпа
- Кнопка "Скрыть". Свернуть/развернуть все разделы кроме псевдоинвестиций
- Ну и открытие разделов псевдоинвестиция в отдельной вкладке и с применённым фильтром (Сортировка: Первое сообщение)
P.s.: Чтобы установить скрипт можно использовать любое расширение: Tampermonkey, Stylish и тд. Я использую User JavaScript and CSS. Шикарное расширение в этом плане.
JavaScript:
$(document).ready(function() {
let url = new URL(document.location.href);
if (url.pathname == '/' || url.pathname == '/categories/forum-o-psevdoinvesticijax.6/') {
// Показать кнопку "Скрыть"
$('.p-nav-list').append('<li><div class="p-navEl" data-has-children="false"><a href="#" style="padding-right:17px" class="p-navEl-link p-navEl-link--splitMenu" id="myHyip_hide">Скрыть</a></div></li>')
// Действие при клике на кнопку "Скрыть"
$('body').on('click', '#myHyip_hide', function(e) {
e.preventDefault();
$('.p-body-pageContent > div').each(function() {
if ($(this).children().hasClass('u-anchorTarget')) {
let item = $(this).children('.u-anchorTarget').attr('id').split('.')[1];
// Скрыть всё кроме хайпов
if (item != 6) {
$('#collapse-'+item).click();
}
}
})
});
// Добавить фильтр к ссылкам хайпов
let dom_el = $('.block--category6 .block-body > div').length != 0 ? $('.block--category6 .block-body > div') : $('.block-body > div');
dom_el.each(function() {
let item = $(this).find('.node-title > a');
item.attr('href', item.attr('href')+'?order=post_date&direction=desc').attr('target', '_BLANK');
});
}
// Добавить время, картинку и прямую ссылку на сайт хайпа
if (url.pathname.split('/')[1] == 'forums') {
$('.structItemContainer-group > div').each(function() {
let item_time = $(this).find('.structItem-startDate time').attr('datetime').split('T')[0];
let arr_url = $(this).find('.structItem-title a').text().split(' - ');
let tmplink = '';
let im;
for (z of arr_url) {
if (z.split('.').length <= 1 || z.split(' ').length > 1) { continue; }
tmplink = tmplink + ' <a class="myLink" href="//'+z+'" target="_BLANK">'+z+'</a>';
im = z;
}
$(this).find('.structItem-startDate').append('<span class="myTime">'+item_time+'</span>');
$(this).find('.structItem-title').append(tmplink);
if (im !== undefined) {
$('<div class="myImg"><img class="nemui" src="https://blinky.nemui.org/shot?http://'+im+'/"><img class="investorsstartpage" src="https://is.investorsstartpage.com/images/hthumb/'+im+'.jpg"></div>').insertAfter($(this).children('div:nth-child(2)'));
}
});
}
});
CSS:
.myLink,
.myTime {
color: #a9a9a9;
}
.myLink {
font-weight: 400;
}
.myLink:hover {
color: #a00;
}
.myTime {
padding-left: 10px;
}
.myImg {
position: relative;
display: table-cell;
height: 55px;
width: 150px;
padding: 1px 8px;
margin-right: 0;
margin-left: auto;
text-align: right;
}
.myImg img {
/*display: block;*/
display: inline;
position: relative;
height: 100%;
}
.myImg img:after {
display: inline-block;
position: absolute;
content: "";
width: 70px;
height: 100%;
top: 0;
left: 0;
background-color: #c8c1b8;
background-color: #fff;
}
.myImg:hover img {
position: absolute;
top: 0;
left: 140px;
min-width: 128px;
min-height: 128px;
z-index: 10;
background-color: #fff;
}
.myImg:hover img.investorsstartpage {
min-width: 266.6666px;
min-height: 200px;
top: -140px;
box-shadow: rgb(0 0 0) 1px 1px 17px -2px;
}
.myImg:hover img.nemui {
min-width: 256px;
min-height: 256px;
top: -400px;
left: 134px;
}
