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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155

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

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 | MrOtherGuy/firefox-csshacks (known as MOG) | VicDobrov UCF-скрипты


Просьба публикуемые коды заключать в тэг [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
1\ Также не забываем про такую строку в 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.
2\ v136+: отключить CSP (Content Security Policy - Политика безопасности контента), снижает безопасность!:
Код:
security.browser_xhtml_csp.enabled = false
3\ v139+: если некоторые скрипты JS не работают, можете сделать так, снижает безопасность!:
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

Полезные ссылки
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

Всего записей: 8875 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 16:26 26-07-2025
Smallette

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
спасибо, но хотелось бы, как говорится, получить максимальный эффект минимальными средствами, погружаться в скрипты не хотелось бы.
 
А кто нибудь вытаскивал код вставки иконок в меню из Lepton'a? Уж очень они у него хороши, но все остальное не нужно, а код там - на 28 000 строк...

Всего записей: 403 | Зарегистр. 01-11-2006 | Отправлено: 14:24 20-02-2024
MAX63ru



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

Цитата:
А кто нибудь вытаскивал код вставки иконок в меню из Lepton'a? Уж очень они у него хороши, но все остальное не нужно, а код там - на 28 000 строк...

Кстати, у него вчера обновление вышло v8.6.0.

Всего записей: 9616 | Зарегистр. 14-04-2012 | Отправлено: 14:37 20-02-2024
gutasiho

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

Цитата:
иконок в меню из Lepton'a? Уж очень они у него хороши,
О вкусах спорить не стоит, а как по мне, так эти иконки полное уе.

Всего записей: 8875 | Зарегистр. 14-09-2020 | Отправлено: 15:25 20-02-2024
tjart

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette
Ctrl+H - вид - по последнему посещению.
Был код, где можно было добавить в закладки, при наведении отображается последние закрытые вкладки. По типу букмарклетов. Только где видел, не припомню. Сам использую первый вариант.

Всего записей: 6 | Зарегистр. 16-02-2024 | Отправлено: 15:29 20-02-2024
Death_INN

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

Цитата:
А кто нибудь вытаскивал код вставки иконок в меню из Lepton'a? Уж очень они у него хороши

Разве сложно взять у него понравившуюся иконку и добавить в свой стиль? К тому же большинство его иконок имеется в составе сабжа. Меня устраивает такое контекстное меню, на примере пункта панели закладок

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 15:37 20-02-2024
gutasiho

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

Цитата:
иконок в меню из Lepton'a? Уж очень они у него хороши,
И криво созданы, поэтому их превью не отображаются в проводнике Windows. Решается удалением из svg маленькой части кода, публиковал в теме. До - после
   
Цветные иконки по мне.

Всего записей: 8875 | Зарегистр. 14-09-2020 | Отправлено: 15:57 20-02-2024
kokoss19

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

----------
Win7 / FF115

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 17:35 20-02-2024
tjart

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Кто такой Lepton?

Всего записей: 6 | Зарегистр. 16-02-2024 | Отправлено: 19:58 20-02-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Поделитесь пожалуйста настройками URL-bar & SEARCH-bar такими как:
Высота - ширина.
Цвет фона.
Цвет бордюра и его толщина.
Цвет текста, его размеры и название.
Интервалы и размеры значков (можно их цвета).
Редактирование значков (убрать - добавить лупу, плюсик, замочик и т.д.
Буду весьма благодарен за информацию. Спасибо!

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 00:15 21-02-2024
kokoss19

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

Цитата:
Поделитесь пожалуйста настройками URL-bar & SEARCH-bar такими как:
Высота  

user_pref("browser.uidensity", 1);

----------
Win7 / FF115

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 08:43 21-02-2024
Smallette

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19
где то в коде не хватает пуддинга, пункты меню налетают на иконки.

Всего записей: 403 | Зарегистр. 01-11-2006 | Отправлено: 11:03 21-02-2024
kokoss19

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

Цитата:
не хватает пуддинга

Пуддинг
 
Add, лучше так -> icons_in_menu +

----------
Win7 / FF115

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 11:26 21-02-2024 | Исправлено: kokoss19, 19:29 21-02-2024
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19
Сколько пользователей, столько и background_menu.css. У меня их в заначке видимо-невидимо (6).
Чтобы не привязываться к папке svg попробуй так.

Всего записей: 1003 | Зарегистр. 26-12-2009 | Отправлено: 14:08 21-02-2024
Smallette

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19
отличный пуддинг спасибо
 
Все сдаюсь ((
Поставил вот это дополнение https://addons.mozilla.org/en-US/firefox/addon/undoclosetabbutton/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search
 
Оно в контекстном меню вкладки создает свой пункт, но с темной иконкой и получается темное на темном. При чем внутри дополнения есть и светлая иконка, но похоже переключение не доработано.
Как ее заменить на белую? Или вообще убрать?
Вот так не работает:

Код:
#_4853d046-c5a3-436b-bc36-220fd935ee1d_-menuitem-_RootMenu>.menu-iconic>.menu-iconic-left>image.menu-iconic-icon {
    list-style-image: url(moz-extension://7f9fd5ee-aa3a-41f6-99d2-23f56742f81f/icons/undoclosetab-light.svg) !important;
}

Всего записей: 403 | Зарегистр. 01-11-2006 | Отправлено: 14:11 21-02-2024
grom17



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

Цитата:
user_pref("browser.uidensity", 1);

 
Пуддинг
Не нашел где углы регулируются.
Меняю значения border-radius: и ничего не меняется.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 14:30 21-02-2024 | Исправлено: grom17, 14:31 21-02-2024
kokoss19

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

Цитата:
Не нашел где углы регулируются.
Меняю значения border-radius: и ничего не меняется.


Код:
:is(menupopup, panel)[type="arrow"] {
  --panel-border-radius: 0 !important;
}


----------
Win7 / FF115

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 18:35 21-02-2024
Smallette

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

Код:
#spell-check-enabled {
        /* checkbox */
        background-image: url("../icons/text-proofing-tools.svg");
      }

 
когда пункт меню является чек боксом. Если ему присвоить иконку по вышеуказанному методу, то при переключении положения получается фигня.
Как это правильно делается?

Всего записей: 403 | Зарегистр. 01-11-2006 | Отправлено: 19:20 21-02-2024 | Исправлено: Smallette, 19:20 21-02-2024
kokoss19

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

Цитата:
Чтобы не привязываться к папке svg попробуй так.

У себя  немного изменил этот кусок кода
так


----------
Win7 / FF115

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 19:41 21-02-2024 | Исправлено: kokoss19, 19:44 21-02-2024
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19
У нас это меню почти одинаковое, 2-3 незначительных различия. Цвет? Дело вкуса.
И ещё обсуждали правку margin: 0 !important;. Тут 2 ссылки-ответы, с чего началось (моя) на предыдущей странице.

Всего записей: 1003 | Зарегистр. 26-12-2009 | Отправлено: 03:05 22-02-2024
Smallette

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Сделал меню с иконками, слепил из разных источников, в том числе и из Lepton'a.
https://www.upload.ee/files/16308335/chrome.zip.html
 
Помогите пожалуйста вот с этим Mozilla Firefox - стили userChrome.css и скрипты js
последняя "неправильная" иконка осталась

Всего записей: 403 | Зарегистр. 01-11-2006 | Отправлено: 15:25 22-02-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 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155

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

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru