Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Компьютеры » Программы » Mozilla Firefox: стили userChrome.css и скрипты js

Модерирует : gyra, Maz

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88

Открыть новую тему     Написать ответ в эту тему

gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору



В теме обсуждается настройка внешнего вида Firefox с использованием userChrome.css, userContent.css, а так же использование скриптов js (uc.js).

Родственные темы: Mozilla Firefox | Расширения для Firefox
 
Обсуждение на "Форуме Mozilla Россия":
Настройка внешнего вида Firefox в userChrome.css,
UCF - ваши кнопки, темы, дополнения, скрипты…
 
Темы на GitHub:
Aris-t2 CustomCSSforFx | Aris-t2 CustomJSforFx | xiaoxiaoflood/firefox-scripts | Endor8/userChrome.js | Alice0775 userChrome.js  
VitaliyV UCF - UserChromeFiles


Просьба публикуемые коды заключать в тэг [code][/code] (из выпадающего меню), а коды более 10 строк - в двойной тэг [more][code][/code][/more]
 
Как подключить скрипты JS:
метод Aris-t2 | метод xiaoxiaoflood | метод Endor8 | метод user_chrome_files (UCF)
Как подключить скрипты JSM, MJS в загрузчик скриптов от Aris-t2 , а если у вас Firefox v117+, то дополнительно...
 
Еще один способ активации, нюансы: скрипты можно поместить в пользовательслую папку, можно не прописывать активацию каждого скрипта отдельно.
 
Куда вписывать код для стиля userChrome.css и userContent.css
Также не забываем про такую строку в user.js / prefs.js (для включения userChrome.css и userContent.css):
Код:
// Turn on userChrome.css and userContent.css support
// Включить поддержку userChrome.css и userContent.css
user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);  
либо эту настройку включить через about:config.
 
Полезные ссылки
 
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

Всего записей: 7303 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 09:49 30-08-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17

Цитата:
На 39-й стр. есть подобное, но что-то тоже не работает, вернее только на панели табов красит.

Вот и выясни на чистом профиле работу кода + попереключай темы, а потом вынесешь вердикт

Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 16:50 04-08-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Уже не помню откуда "стырил", может новичкам как я пригодится.
Делает кнопки контекстной навигации похожими на обычные текстовые пункты меню.

Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 13:21 05-08-2024 | Исправлено: grom17, 13:22 05-08-2024
351878



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
а как вырубать контекстные пкм расширений?

Всего записей: 1175 | Зарегистр. 28-03-2016 | Отправлено: 16:16 05-08-2024
insorg



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, как можно через  userContent.css  убрать на ютубе бордер новомодные радиусы вокруг плеера и превью? Хочу ровно и прямоугольно. Есть идеи?

Всего записей: 17596 | Зарегистр. 04-11-2010 | Отправлено: 20:37 05-08-2024
MAX63ru



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
insorg

Цитата:
Подскажите, как можно через  userContent.css  убрать на ютубе бордер новомодные радиусы вокруг плеера и превью? Хочу ровно и прямоугольно. Есть идеи?

Использую скрипт Youtube polymer engine fixes для Tampermonkey.

Всего записей: 8663 | Зарегистр. 14-04-2012 | Отправлено: 22:31 05-08-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
insorg, если где еще выползет - добавишь селектор  

Код:
@-moz-document domain("youtube.com") {
  ytd-thumbnail[size] a.ytd-thumbnail, ytd-thumbnail[size]:before,
  ytd-watch-flexy[default-layout] #ytd-player.ytd-watch-flexy,
  .player-container.ytd-reel-video-renderer, ytd-player.ytd-shorts,
  .ytp-tooltip.ytp-preview, .ytp-tooltip.ytp-preview .ytp-tooltip-bg {
    border-radius: 0 !important;
  }
}


Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 00:12 06-08-2024
insorg



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Какая прелесть. Это работает!  
Благодарю.

Всего записей: 17596 | Зарегистр. 04-11-2010 | Отправлено: 02:13 06-08-2024
deannik

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, отлично. Спасибо.
 
Death_INN
Цитата:
Часть стилизации берет на себя OS. Нужно у нее отобрать права и подгонять по шаблону, если получится
Код для UserContent.css
Спасибо, для ввода логина и пароля работает. Я правильно понял, что код для каждого сайта, а также там где встречаются текстовые поля (кстати, текст для ввода сообщения на ru-board также попадает, такая же жирная рамка с ореолом) переделывать по шаблону? Единого кода нет?

Всего записей: 549 | Зарегистр. 04-08-2013 | Отправлено: 11:09 06-08-2024 | Исправлено: deannik, 11:14 06-08-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, ну сделай глобально для всех сайтов и смотри где лишнее захватывает или наоборот
Код

Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 11:59 06-08-2024 | Исправлено: Death_INN, 12:01 06-08-2024
deannik

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
ну сделай глобально для всех сайтов и смотри где лишнее захватывает или наоборот
Код
Гениально. Спасибо огромное. Работает.

Всего записей: 549 | Зарегистр. 04-08-2013 | Отправлено: 12:35 06-08-2024 | Исправлено: deannik, 12:36 06-08-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN

Цитата:
 У тебя случаем текст вкладки не сдвигается при наведении?

Кстати, это издержки стиля который центрирует текст на вкладках.

Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 00:24 07-08-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, кие издержки, просто в tabs.css абсолютно лишние стили с visibility, ибо достаточно opacity

Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 00:38 07-08-2024
deannik

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
ну сделай глобально для всех сайтов и смотри где лишнее захватывает или наоборот
Код
Вот и первый побочный, ЛС на ru-board. Подскажите, как исправлять код в таких случаях. Спасибо.

Всего записей: 549 | Зарегистр. 04-08-2013 | Отправлено: 09:18 07-08-2024 | Исправлено: deannik, 09:19 07-08-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, input:not([type="checkbox"]), либо включать только типы text и password

Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 09:38 07-08-2024 | Исправлено: Death_INN, 09:45 07-08-2024
deannik

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, там не только ЛС, в Закладках тоже самое и это пока, что увидел.
Цитата:
либо включать только типы text и password
Это первый вариант кода для каждого сайта?

Всего записей: 549 | Зарегистр. 04-08-2013 | Отправлено: 09:53 07-08-2024 | Исправлено: deannik, 09:54 07-08-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, код

Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 10:03 07-08-2024
deannik

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, теперь понятно. Спасибо большое. Работает.

Всего записей: 549 | Зарегистр. 04-08-2013 | Отправлено: 10:24 07-08-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Цитата:
в tabs.css абсолютно лишние стили с visibility, ибо достаточно opacity

Согласен, действительно это устраняет подёргивание текста на вкладках, но устраняет центровку на не активных вкладках, на активной всё ОК.
 
Добавлено:
Извиняюсь, похоже у меня "что-то, где-то", будем искать...

Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 11:29 07-08-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, скрин бы, а то не ясно, что там с центровкой. Все строки с visibility из tabs.css удалены?

Всего записей: 3427 | Зарегистр. 24-10-2002 | Отправлено: 11:48 07-08-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Цитата:
скрин бы

ДО:
ПОСЛЕ:
 
 
Добавлено:
...и обрезает текст на активной вкладке с правой стороны. Видимо из-за моих каких то "плюшек".

Всего записей: 1443 | Зарегистр. 12-10-2002 | Отправлено: 12:11 07-08-2024
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88

Компьютерный форум Ru.Board » Компьютеры » Программы » Mozilla Firefox: стили userChrome.css и скрипты js


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru