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

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

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

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

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

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

Всего записей: 3083 | Зарегистр. 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.
   
 

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

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

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



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

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

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

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

Всего записей: 6475 | Зарегистр. 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

Всего записей: 3083 | Зарегистр. 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

Всего записей: 4009 | Зарегистр. 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 пропустил

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

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

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

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

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

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



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

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

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

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

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

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

Всего записей: 6475 | Зарегистр. 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;
}


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



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

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


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

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

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

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



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

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

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

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

Всего записей: 6475 | Зарегистр. 14-09-2020 | Отправлено: 13:52 06-09-2023 | Исправлено: gutasiho, 13:52 06-09-2023
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin
Вдруг это оно? Или ищите там же похожее по названию, как посоветовал gutasiho.

Всего записей: 725 | Зарегистр. 26-12-2009 | Отправлено: 14:05 06-09-2023
GCRaistlin



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

Цитата:
так можно создать зазор между нижней границей вкладки и полосой.


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

Никакого эффекта...
 
Добавлено:
Ну то есть не то чтобы совсем никакого: полоса теперь внутри вкладки, но идет по нижнему ее краю.
 
Добавлено:
xrun1
Это я уже нашел и попробовал. Нет. Полоса вне вкладки получается.

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

Всего записей: 4009 | Зарегистр. 18-04-2005 | Отправлено: 14:08 06-09-2023 | Исправлено: GCRaistlin, 14:09 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

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