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

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

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

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

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Цитата:
Видимо проблема в этом:
У меня ни один стиль не слетел.

Всего записей: 9055 | Зарегистр. 14-09-2020 | Отправлено: 18:32 10-07-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Трабла с картинками на смежном форуме. Для себя решил так

Код:
@-moz-document domain("forum.mozilla-russia.org") {
  .postmsg img[src] {
    max-width: -moz-available;
  }
}
@-moz-document domain("planet.mozilla-russia.org") {
  .content img[src] {
    max-width: 900px;
  }
}

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

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

Всего записей: 118 | Зарегистр. 07-07-2013 | Отправлено: 08:44 12-07-2024 | Исправлено: ttettette, 08:44 12-07-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Возможно, но как по мне, проще акцентировать пункты цветом текста, типа один зеленый, второй красный.

Всего записей: 9055 | Зарегистр. 14-09-2020 | Отправлено: 09:06 12-07-2024
DeZz



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

Всего записей: 1387 | Зарегистр. 23-01-2006 | Отправлено: 09:07 12-07-2024
ttettette

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

Всего записей: 118 | Зарегистр. 07-07-2013 | Отправлено: 09:13 12-07-2024 | Исправлено: ttettette, 09:15 12-07-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ttettette, хочу, чтобы пункт Duplicate Tab был вторым после New Tab

Код:
#tabContextMenu {
  > #context_openANewTab {
    order: -1;
  }
  > #context_duplicateTab {
    order: -1;
  }
}

инфа

Всего записей: 4020 | Зарегистр. 24-10-2002 | Отправлено: 09:57 12-07-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DeZz
Цитата:
как сделать красным пункт "удалить закладку" ?

Код:
/* userChrome.css */
/* Context menu items "Delete Bookmark", "Delete Folder" text color */
#placesContext_deleteBookmark, #placesContext_deleteFolder {
color: red !important;  
}

Всего записей: 9055 | Зарегистр. 14-09-2020 | Отправлено: 11:15 12-07-2024 | Исправлено: gutasiho, 11:34 12-07-2024
Death_INN

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

Цитата:
как сделать красным пункт "удалить закладку" ?

Я все время ошибался и часто вместо редактирования удалял закладку. В итоге схлопнул пункт, а удаляю просто: вызываю контекстноe меню и жму на клаве d

Всего записей: 4020 | Зарегистр. 24-10-2002 | Отправлено: 11:31 12-07-2024 | Исправлено: Death_INN, 11:40 12-07-2024
DeZz



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

Всего записей: 1387 | Зарегистр. 23-01-2006 | Отправлено: 13:05 12-07-2024
ttettette

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Спасибо!
Ещё подскажите, пожалуйста - пункты меню хочу в самый низ поместить, вот что в "order: " указывать? - просто посчитать видимые(есть и отключенные) пункты меню и указать следующий номер? считать ли при этом сепараторы? Может возможно как-то с низа списка ордер указывать?  
 

Код:
/* userChrome.css */
#tabContextMenu {
  > #_a02f4411-7950-4b43-abcd-23a01a9ce719_-menuitem-_close_other_tabs{
    order: 7;
  }
  > #_588c6fa6-14f9-4826-b769-71a305c80bbb_-menuitem-_close_right {
    order: 6;
  }
}
 

Всего записей: 118 | Зарегистр. 07-07-2013 | Отправлено: 13:18 12-07-2024 | Исправлено: ttettette, 13:22 12-07-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ttettette
Так поменяйте циферки, и посмотрите, что куда сместилось.

Всего записей: 9055 | Зарегистр. 14-09-2020 | Отправлено: 13:23 12-07-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ttettette, напиши, что нужно на таком примере
1,2,3,4,5 - исходный порядок
4,1,3,5,2 - хочу такой порядок
Проще через инструменты разраба расставить или самому по исходному порядку ордеров:
-1,0,1,2,3
Первый пункт должен быть вторым, значит ему ордер 0 или ничего
Второй пункт должен быть последним, значит ему ордер 3 и т.д.
 
 
Добавлено:
Изменить подсказку в строке адреса
Мой адрес не дом и не улица (нужны права агента)

Всего записей: 4020 | Зарегистр. 24-10-2002 | Отправлено: 13:36 12-07-2024 | Исправлено: Death_INN, 08:38 13-07-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
newclyde
Цитата:
Как увеличить размер закладок на панели?

Код:
/* userChrome.css Tweak Firefox */
/* Font size Bookmarks Folder text */
toolbarbutton.bookmark-item {
    font-size: 20px !important;
}
/* Font size Bookmarks text inside Bookmarks Folder */
#PlacesToolbarItems .bookmark-item .menu-iconic-text {
  font-size: 20px !important;
}

Всего записей: 9055 | Зарегистр. 14-09-2020 | Отправлено: 07:52 13-07-2024 | Исправлено: gutasiho, 07:53 13-07-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Если в скрипте, который добавляет в стандартное окно загрузки кнопку с предустановленными путями загрузки, указано много путей, то они не помещаются в выпадающее меню. Примените простенький стиль, и он добавит полосу прокрутки в выпадающее меню
Код:
/* userChrome.css Tweak */
@-moz-document url(chrome://mozapps/content/downloads/unknownContentType.xhtml) {
 
.scrollbox-clip > scrollbox[orient="vertical"] {
   max-height: 300px !important;
   overflow: auto !important;
  }
}

Всего записей: 9055 | Зарегистр. 14-09-2020 | Отправлено: 08:29 14-07-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Решил добавить иконки этим способом. С первой же иконизацией столкнулся с несовпадением на других меню (пример). Если выравнивать "Копировать" под uBlock Origin, то конечно сдвиг будет в этом меню. Как это решить?

Всего записей: 685 | Зарегистр. 04-08-2013 | Отправлено: 13:01 14-07-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, скрипт работает, но вызывается чаще, чем нужно, поэтому пишет ошибку в консоли. Нужна доп. проверка
Эти строки не нужны, во всяком случае для FF127

Код:
const Cu = Components.utils;
if (!window.FileUtils) Cu.import('resource://gre/modules/FileUtils.jsm');
 
т.к. у ариса уже есть

Код:
const { FileUtils } = ChromeUtils.importESModule(
  'resource://gre/modules/FileUtils.sys.mjs'
);

Ёш, поспешил, не пашет importESModule, тогда оставляем Cu.import, но его поддержку скоро уберут
В скрипте saveIn.uc.js вместо этих строк или до них делаем проверку, типа так
if (!location.href.endsWith("unknownContentType.xhtml")) return;
 
 
deannik, рекомендую создать стили с ::before, которые подготавливают место для иконок, исключая гутерные и иконочные попапы (для них уже место выделено), а уж потом добавлять сами иконки.
 

Всего записей: 4020 | Зарегистр. 24-10-2002 | Отправлено: 13:43 14-07-2024 | Исправлено: Death_INN, 17:45 14-07-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
рекомендую создать стили с ::before, которые подготавливают место для иконок, исключая гутерные и иконочные попапы (для них уже место выделено)
Можно хоть один пример?

Всего записей: 685 | Зарегистр. 04-08-2013 | Отправлено: 14:43 14-07-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, вот начальный пример освобождения места. scss не применяю, чтобы пахало и на FF115. Внешние файлы иконок не юзаю, особенно в png формате и размером, отличающимся от 16х16, чтобы не плодить лишние стили и не мусорить папку chrome

Всего записей: 4020 | Зарегистр. 24-10-2002 | Отправлено: 15:03 14-07-2024 | Исправлено: Death_INN, 15:15 14-07-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
И снова здравствуйте!
Возвращаясь к старым проблемам хочу спросить: как сделать так что-бы посещённые ссылки
оставались такого же цвета как и при наведении, например красными?

Всего записей: 1635 | Зарегистр. 12-10-2002 | Отправлено: 18:18 14-07-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 156 157 158 159 160 161 162

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