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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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 89 90

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

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-селекторов элементов интерфейса встроенными средствами браузера

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Внешний стиль для скрипта "Скопировать текст ссылки" с предыдущей страницы
   
Код

Всего записей: 7361 | Зарегистр. 14-09-2020 | Отправлено: 16:44 31-08-2023 | Исправлено: gutasiho, 16:48 31-08-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, хреново, что пункты "Copy Link" и "Copy Link Text" рядом. Как подшаманить в скрипте, чтобы пункт "Copy Link Text" был выше пункта "Bookmark Link..."?

Всего записей: 3442 | Зарегистр. 24-10-2002 | Отправлено: 17:11 31-08-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Сдвигом выше-ниже не занимался, для легкости визуальной ориентации меняю цвет текста, этого достаточно, даже лучше, чем если бы пункты были в разных местах.

Всего записей: 7361 | Зарегистр. 14-09-2020 | Отправлено: 17:15 31-08-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, не заморачивался пока цветами, а пункт уже сдвинул куда нужно. Не пробегал где-либо стиль (скрипт), который добавляет сепаратор в контекстное меню, причем по виду неотличимый от дефолтного?

Всего записей: 3442 | Зарегистр. 24-10-2002 | Отправлено: 17:50 31-08-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Парочка ненавязчивых хинтов. Выравнивать иконки и текст что по вертикали, что по горизонтали удобно с использованием "прицела", входящего в FastStone Capture. А чтобы в проводнике видеть превьюшки файлов SVG, нужно установить SVG Explorer Extension 0.1.1 или SVG See 1.1.0.
   
 

Всего записей: 7361 | Зарегистр. 14-09-2020 | Отправлено: 12:27 03-09-2023 | Исправлено: gutasiho, 14:29 06-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Grishanenko
Цитата:
отображать посещенные ранее ссылки,
Если речь об изменении цвета посещенных ссылок, то существует код строчек на 20 для userContent.css, который это делает.

Всего записей: 7361 | Зарегистр. 14-09-2020 | Отправлено: 11:02 05-09-2023
Starback



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho 11:02 05-09-2023 UTC+3
Цитата:
Если речь об изменении цвета посещенных ссылок, то существует код строчек на 20 для userContent.css, который это делает

Поделитесь, пожалуйста, если можно. Спасибо

Всего записей: 1058 | Зарегистр. 17-09-2010 | Отправлено: 11:06 05-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
То, что под спойлером https://forum.mozilla-russia.org/viewtopic.php?pid=782740#p782740

Всего записей: 7361 | Зарегистр. 14-09-2020 | Отправлено: 11:11 05-09-2023
Death_INN

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

Цитата:
Как в FF 115 переместить контейнерную полоску в низ вкладки, как в допротонном?

Код:
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
  order: 3;
}

Хотя точно не знаю какой лучше номер ставить, ибо должно cработать при любом order > 0

Всего записей: 3442 | Зарегистр. 24-10-2002 | Отправлено: 01:44 06-09-2023 | Исправлено: Death_INN, 02:01 06-09-2023
GCRaistlin



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

  • Закрыл FF.
  • Добавил

    Код:
     
    // Turn on userChrome.css and userContent.css support
    // Включить поддержку userChrome.css и userContent.css
    user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);
     

    в %AppData%\Mozilla\Firefox\Profiles\<profile>\prefs.js.
  • Создал %AppData%\Mozilla\Firefox\Profiles\<profile>\userChrome.css, поместил туда ваш код.

Ничего не изменилось. ЧЯДНТ?

----------
Magically yours
Raistlin

Всего записей: 4095 | Зарегистр. 18-04-2005 | Отправлено: 02:22 06-09-2023 | Исправлено: GCRaistlin, 02:23 06-09-2023
Smallette

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin
Создал %AppData%\Mozilla\Firefox\Profiles\<profile>\chrome\userChrome.css
папку chrome пропустил

Всего записей: 305 | Зарегистр. 01-11-2006 | Отправлено: 07:36 06-09-2023
gutasiho

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

Цитата:
\<profile>\prefs.js.
Почему-то считал, что пользовательские правила нужно вносить не в prefs.js, а в  user.js или в config.js.

Всего записей: 7361 | Зарегистр. 14-09-2020 | Отправлено: 08:08 06-09-2023
Smallette

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
когда добавляешь в user.js они при запуске ФФ все равно перетекут prefs.js

Всего записей: 305 | Зарегистр. 01-11-2006 | Отправлено: 08:52 06-09-2023
GCRaistlin



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, Smallette, спасибо, получилось. Правда, толку не много: из-за оторванности вкладок от панели ниже полоска всё равно сливается с фоном. С этим можно что-нибудь сделать?

----------
Magically yours
Raistlin

Всего записей: 4095 | Зарегистр. 18-04-2005 | Отправлено: 11:05 06-09-2023
Death_INN

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

Всего записей: 3442 | Зарегистр. 24-10-2002 | Отправлено: 11:35 06-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin
Сделайте ширину (толщину, высоту) цветного тега (полосы) 6-10px.
 

Всего записей: 7361 | Зарегистр. 14-09-2020 | Отправлено: 11:45 06-09-2023 | Исправлено: gutasiho, 11:48 06-09-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin, хотя вроде понял. Если толщина полоски устраивает, то можно добавить маргин, ибо он был для верхнего расположения. Может больше подойдет -1 или -3

Код:
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
  order: 2;
  margin-block-end: -2px !important;
}


Всего записей: 3442 | Зарегистр. 24-10-2002 | Отправлено: 11:50 06-09-2023
GCRaistlin



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

А с ним - висят в воздухе:


----------
Magically yours
Raistlin

Всего записей: 4095 | Зарегистр. 18-04-2005 | Отправлено: 12:44 06-09-2023
gutasiho

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

Всего записей: 7361 | Зарегистр. 14-09-2020 | Отправлено: 13:37 06-09-2023
GCRaistlin



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Если вы мне, то я не понял, что нужно сделать. Чересчур жирную контейнерную полосу не хотелось бы.
 
Насколько я понимаю, готовых стилей, возвращающих допротонный вид, не существует?

----------
Magically yours
Raistlin

Всего записей: 4095 | Зарегистр. 18-04-2005 | Отправлено: 13:42 06-09-2023
Открыть новую тему     Написать ответ в эту тему

Страницы: 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 89 90

Компьютерный форум 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