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

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

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

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

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys
Цитата:
как отодвинуть текст от иконок вправо а то текст наезжает на иконки,
Иконизировал только часто используемые пункты, иконки двигал индивидуально так
Код:
#context-savelink::before, #context-saveimage::before {
    margin-left: 4px !important;    /* отступ от левой гран. до иконки. 0px - без отступа; -8px - меньше; 4px - больше */
    margin-right: 4px !important;    /* отступ от иконки до текста */
    content: "" !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
    background-image: url("file:///D:/path/to/icon/save_as.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    background-size: 15px 15px !important;
}

   
Hint!
Для выравнивания с точностью до мулиметра удобно исп. инструмент Crosshair (Прицел) из FSCapture.

Всего записей: 7730 | Зарегистр. 14-09-2020 | Отправлено: 10:13 28-02-2024
DeZz



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

Цитата:
menuitem[label="Открыть всё во вкладках"],
menupopup menuseparator.bookmarks-actions-menuseparator {
    display: none;
}  

полоска пропала - а надпись нет
 
Death_INN
супер! спс.

Всего записей: 1252 | Зарегистр. 23-01-2006 | Отправлено: 10:14 28-02-2024
kokoss19

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

Цитата:
а надпись нет

Ну не знаю, у меня работает, попробуйте тогда вместо -> menuitem[label="Открыть всё во вкладках"] добавить -> menupopup menuitem.openintabs-menuitem

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

Всего записей: 2118 | Зарегистр. 16-07-2018 | Отправлено: 10:36 28-02-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Цитата:
Так регулируйте  transform: scale(1.2); Там куча вариантов.
А то я не в курсах. Вариант с коэффициентом увеличения дефектный и неизлечим. Лучше использовать другую декорацию - font-weight: или font-size:, первый получше, хотя тоже есть специфика. Просто инфо к размышлению, т.к. не использую ни один из трех.

Всего записей: 7730 | Зарегистр. 14-09-2020 | Отправлено: 10:41 28-02-2024
DeZz



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

Код:
menupopup menuitem.openintabs-menuitem,
menupopup menuseparator.bookmarks-actions-menuseparator {
    display: none;
}  
 

Всего записей: 1252 | Зарегистр. 23-01-2006 | Отправлено: 11:53 28-02-2024
Death_INN

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

Цитата:
1. Убрать полоску под адресной строкой.
2. Уменьшить высоту в меню "Загрузки (Ctrl+J)"  

1. у себя не вижу никакой полоски (бордюра)
2. для пустомельного меню

Код:
#emptyDownloads {
  padding-block: 3px !important;
}

Всего записей: 3550 | Зарегистр. 24-10-2002 | Отправлено: 13:32 28-02-2024
grom17



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

Цитата:
1. у себя не вижу никакой полоски (бордюра)
2. для пустомельного меню

1. Разобрался, мой косяк.
2. Спасибо! То, что нужно!

Всего записей: 1514 | Зарегистр. 12-10-2002 | Отправлено: 14:23 28-02-2024 | Исправлено: grom17, 14:29 28-02-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Нарушу немного "тишину".
Никак не могу настроить радиус углов меню Гамбургер и меню Поиска что-бы они регулировались раздельно.
Изменяя углы Гамбургера, меняются и углы Поиска и некоторых других меню. Такая вот "засада". Помогайте кто может.

Всего записей: 1514 | Зарегистр. 12-10-2002 | Отправлено: 11:39 01-03-2024
kokoss19

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

Цитата:
Никак не могу настроить радиус углов меню Гамбургер и меню Поиска


Код:
#appMenu-popup {
  --panel-border-radius: 15px !important;
}

 
Add:

Код:
#PopupSearchAutoComplete {
  --panel-border-radius: 15px !important;
}  



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

Всего записей: 2118 | Зарегистр. 16-07-2018 | Отправлено: 16:24 01-03-2024 | Исправлено: kokoss19, 23:11 01-03-2024
Death_INN

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

Код:
#PopupSearchAutoComplete {
  --arrowpanel-border-radius: 14px;
}
#appMenu-popup {
  --arrowpanel-border-radius: 1px;
}


Всего записей: 3550 | Зарегистр. 24-10-2002 | Отправлено: 16:55 01-03-2024 | Исправлено: Death_INN, 21:32 01-03-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
kokoss19
Death_INN
Все варианты рабочие. Спасибо!

Всего записей: 1514 | Зарегистр. 12-10-2002 | Отправлено: 13:09 02-03-2024 | Исправлено: grom17, 15:34 03-03-2024
unter_officer



Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
На соседнем форуме наконец появился Vitaliy V. и выкатил новую версию UCF (для FF117+).
 
Ссылка: https://github.com/VitaliyVstyle/VitaliyVstyle.github.io/tree/main/UserChromeFiles

----------
«The Truth Is Out There»

Всего записей: 309 | Зарегистр. 03-08-2008 | Отправлено: 15:30 03-03-2024 | Исправлено: unter_officer, 18:48 03-03-2024
grom17



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

Всего записей: 1514 | Зарегистр. 12-10-2002 | Отправлено: 18:02 04-03-2024
rubel



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

Код:
/*---цвет названия папок в закладках боковушки----*/
treechildren::-moz-tree-cell-text(container) { color : #8B0000 !important; }        
 

   
 
 

Всего записей: 1442 | Зарегистр. 12-07-2004 | Отправлено: 18:59 04-03-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Это родная кнопка браузера "Инструменты разработчика". Требуется изменить цвет шрифта показанного пункта меню.
   
 
Добавлено:
Добавил в шапку информацию из поста unter_officer касательно страницы VitaliyV на github.

Всего записей: 7730 | Зарегистр. 14-09-2020 | Отправлено: 19:30 04-03-2024
grom17



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

Цитата:
/*---цвет названия папок в закладках боковушки----*/
treechildren::-moz-tree-cell-text(container) { color : #8B0000 !important; }

То, что нужно! Спасибо!

Всего записей: 1514 | Зарегистр. 12-10-2002 | Отправлено: 20:39 04-03-2024
kokoss19

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

Код:
toolbarbutton.subviewbutton[label="Инструменты браузера"] {
   color: red;
}



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

Всего записей: 2118 | Зарегистр. 16-07-2018 | Отправлено: 00:17 05-03-2024
gutasiho

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

Всего записей: 7730 | Зарегистр. 14-09-2020 | Отправлено: 07:44 05-03-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Доброго всем! Как сделать тултипы что-бы были все одинаковые. Например как в закладках боковой панели, а то на некоторых кнопках-менюшках одни, а на других кнопках-менюшках другие.

Всего записей: 1514 | Зарегистр. 12-10-2002 | Отправлено: 21:20 05-03-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, для некоторых тултипов требуются права agent sheet, которые никак не получить без скрипта. Способов масса и все были описаны

Всего записей: 3550 | Зарегистр. 24-10-2002 | Отправлено: 23:03 05-03-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

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