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

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

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

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

Всего записей: 7000 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: Starback, 17:19 15-06-2024
gutasiho

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

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

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

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

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

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

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



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

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

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

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

инфа

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

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

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

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

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

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



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

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

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

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

Всего записей: 7000 | Зарегистр. 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 и т.д.
 
 
Добавлено:
Изменить подсказку в строке адреса
Мой адрес не дом и не улица (нужны права агента)

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

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

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

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

Всего записей: 493 | Зарегистр. 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, которые подготавливают место для иконок, исключая гутерные и иконочные попапы (для них уже место выделено), а уж потом добавлять сами иконки.
 

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

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

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

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

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



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

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

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