Исправление косяков в дизайне youtube через дополнение Stylish
После обновления дизайна youtube, на некоторых экранах появились "пустые" места на странице, пришлось создавать css файл и внедрять его на страницу через дополнение Stylish.
На скриншотах ниже выделены части которые ранее лично меня раздражали. И которые я исправил.
[Pikabu] Каноничная зелёная шапка
Сегодня стала доступна новая версия пикабу. И как только туда заходишь, сразу бросалась в глаза, серая "шапка" меню. Я понимаю, что она подстраивается под рекламу, но когда у тебя стоит адблок, она вообще не подходит.
Поэтому, я хочу вам подсказать, как сделать "правильный" цвет.
Есть два пути, используя uBlock или используя Stylish.
Начнём с первого. [uBlock]
Открываем uBlock и кликаем на пипетку.
Затем наводим на шапку, чтобы она стала красной и нажимаем ЛКМ.
Внизу появилось окошко, вставляем туда:
##.header__main:style(background-color: #8ac858 !important;)
Нажимаем создать. И у нас всё получилось!
-----------------------------------------------------------------------------------
Второй вариант [Stylish].
Тут всё немного проще, но нужно ставить дополнительный плагин.
Устанавливаем:
После установки устанавливаем скрипт:
Всё! У нас всё готово)
Dark pikabu Проба пера, css, стиля
Всем привет, не так давно слегка изменился (как мне показалось) стиль которым я пользовался и решил немного поправить под себя тему сайта.
Так как человек я не жадный, да и один за всеми косяками не могу уследить (да-да, говнокод там тоже есть), то делюсь наработкой
Примерно так выглядят посты, комменты и вообще сайт.
Есть небольшие плюшки, которые возможно порадуют тех, кто впервые видит данный дизайн.
Нет, он изначально не мой, я уже взял разработку другого пользователя и попытался это облагородить под тёмные цвета.
Так. Много текста, ближе к делу.
Нам нужно расширение Stylish для браузера.
Ссылка на сам стиль будет в описании.
Переходим, устанавливаем и потом...
Ну и добавлю снова, что ссылка и коммент для минусов в описании.
Рад буду полезным комментариям, помощи и замечаниям.
p.s. Как занести стиль именно в категорию к пикабу на стилях не знаю, первый опыт.
p.p.s. баянометр показывал 90%
https://pikabu.ru/story/aleksandr_iz_stanitsyi_starominskoy_...
Как увеличить размер текста на Пикабу
Увеличенный текст постов
Если вы не хотите пользоваться увеличением масштаба всех элементов на странице, а хотите только увеличить размер текста постов и комментариев, то можно воспользоваться дополнением Stylish:
Ссылка на дополнение для Firefox: https://addons.mozilla.org/ru/firefox/addon/stylish/
Ссылка на дополнение для Chrome: https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=ru
Ссылка на сам стиль: https://userstyles.org/styles/147626/enlarged-text-on-pikabu-ru (устанавливается при нажатии на кнопку "Install Style")
Примеры:
Комментарии без применения стиля
Комментарии с применением стиля
P.s. заодно, увеличил ширину постов и комментариев.
Stylish скрипт для vk.com, увеличивающий плеер. Для ленивых.
Пересобрал (скопипастил) на основе https://userstyles.org/styles/133094/vk-aquatica-dark-redesi...
Ссылка для Лисы https://addons.mozilla.org/ru/firefox/addon/stylish/
Ссылка для Хрома https://chrome.google.com/webstore/detail/stylish-custom-the...
@-moz-document regexp("https?://(oauth\\.)?vk.com/.*") {
@media (min-width:177.778vh){#mv_box,#mv_player_box,#mv_progress_box{height:calc(100vh - 38px)!important;width:100%!important;padding:0!important;margin:0 auto!important;}
#mv_box .mv_info_narrow_column{width:calc(100% - 720px)!important;}
#mv_container{top:8px!important;width:calc(((100vh - 38px) * 16) / 9)!important;margin-top:0!important;}
.mv_playlist_controls{padding:calc((100vh - 68px) * .5) 22px!important;}
.mv_title_block{margin:5px 20px 14px 6px!important;}
.mv_recom_block{padding:28px 10px 0!important;}
.mv_info_panel{padding:10px 0 15px!important;}
.mv_video_author_block{margin-top:20px!important;}
}
/* Hidden-hover video playlist */
#mv_box._has_playlist .mv_playlist{z-index:2147483647!important;pointer-events:none!important;opacity:0!important;transition:opacity .8s ease-in-out!important;}
#mv_box._has_playlist:before,#mv_box._has_playlist .mv_playlist:before{position:absolute!important;right:-64px;top:92px;color:hsl(0,0%,66%)!important;content:''!important;height:40px!important;width:64px!important;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNzkxQjZGRENCRDkxMUU1QjQ5MUUxREE4NTlFQURBRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNzkxQjZGRUNCRDkxMUU1QjQ5MUUxREE4NTlFQURBRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA3OTFCNkZCQ0JEOTExRTVCNDkxRTFEQTg1OUVBREFGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA3OTFCNkZDQ0JEOTExRTVCNDkxRTFEQTg1OUVBREFGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZhPA6QAAAFhJREFUeNpi/P//PwM1AQuUppapjEwMVAZUN5CBmmEIMovqLmSBmjwaKXSOFKBGASA+AcQeWE39TzoQQGLDDQb7lgoGwsAEahmI6UJqhSHILEZqF18AAQYAtP4NP5m1Cn8AAAAASUVORK5CYII=")21px 12px no-repeat!important;}
#mv_box._has_playlist .mv_playlist:before{pointer-events:all!important;}
#mv_box._has_playlist .mv_playlist:hover:before{height:calc(50% - 114px)!important;}
#mv_box._has_playlist:before{opacity:.4!important;pointer-events:none!important;}
#mv_box._has_playlist .mv_playlist:hover{opacity:1!important;pointer-events:all!important;}
}
Советую быть осторожным пользователям расширения Stylish для браузеров!
Советую быть осторожным пользователям расширения Stylish для браузеров, по крайней мере с его версией для Google Chrome!
Stylish "...позволяет легко установить темы и изменить внешний вид сайтов…", которым я долго пользовался, пока на днях не вышла его новая версия, которая требует расширенный доступ, а именно - "считивать все данные, введенные пользователем на веб-страницах..." (!!!) WTF?!
Лично я удалил его, невзирая на то, что я пользоваля им очень долго и даже написал в нем несколько тем для сайтов.. (специально для себя)
Вообщем, всего хорошего и следите за своей безопасностью, иначе будут следить за вами! ;-)
Небольшой фикс на волне недовольства новым дизайном VK
Для облегчения переносимости смены дизайна сделал юзерстиль, который возвращает более привычные аватарки и кнопки play.
Вы хотите головоломок?
Их есть у нас! Красивая карта, целых три уровня и много жителей, которых надо осчастливить быстрым интернетом. Для этого придется немножко подумать, но оно того стоит: ведь тем, кто дойдет до конца, выдадим красивую награду в профиль!