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

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

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

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-селекторов элементов интерфейса встроенными средствами браузера
Всего записей: 7757 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 09:49 30-08-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, зачем ровнять то, что сломано стилем? У меня все ровно
Всего записей: 3561 | Зарегистр. 24-10-2002 | Отправлено: 21:18 04-10-2024
deannik

Full Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
зачем ровнять то, что сломано стилем?
Думаю со стилями всё нормально. С толку сбивает вот эта полоса. Скрин с чистого Firefox и после всех настроек она никуда не делась. В стиле цвет тулбара задан серый, а эта полоса, в светлой теме, почти такого же цвета и сливается, что и добавляет видимость неравномерности. Если изменить цвет тулбара, то всё выглядит ровно. По 40 пикселей сверху и снизу (верх, низ). На тёмной теме смотрится тоже ровно. Эту полосу возможно как-то скрыть?
Всего записей: 598 | Зарегистр. 04-08-2013 | Отправлено: 09:18 05-10-2024 | Исправлено: deannik, 09:24 05-10-2024
Death_INN

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

Код:
#navigator-toolbox {
  --chrome-content-separator-color: red;
}

Всего записей: 3561 | Зарегистр. 24-10-2002 | Отправлено: 10:22 05-10-2024 | Исправлено: Death_INN, 11:28 05-10-2024
deannik

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

Код:
#navigator-toolbox {
  --chrome-content-separator-color: red;
}
Понятно. Спасибо.
Отключать так правильно?
Код:
#navigator-toolbox {
  --chrome-content-separator-color: none;
}
Бордюр вроде исчез. Теперь ровно (верх, низ).
Всего записей: 598 | Зарегистр. 04-08-2013 | Отправлено: 12:05 05-10-2024 | Исправлено: deannik, 12:07 05-10-2024
mithridat1



Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Как в новых версиях вернуть дефолтную тему FF 52+ классическую тему или хотя бы сделать стиль вкладок максимально близким к ней ? Достал уже слабо различимый цвет выделения текста в строке поиска на сайтах, в старом FF такого нет. Стиль/цвет чекбоксов и выпадающих списков также раздражает.
Для примера:
 
Было
   
Стало
   
 
Сравнил настройки цветов в старой и новой версии FF и не нашел различий. Посмотрел классические темы на сайте аддонов Mozilla - все не то.
 
W7x64, FF 115 ESR
 
Всего записей: 5025 | Зарегистр. 05-01-2006 | Отправлено: 13:56 05-10-2024 | Исправлено: mithridat1, 14:27 05-10-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Добрый день коллеги!
Такой вопрос: как сдвинуть нижние две строки немного влево?
Как двигать другие строки, которые выше я знаю, но мне нужно именно две нижние влево.
Всего записей: 1518 | Зарегистр. 12-10-2002 | Отправлено: 17:39 05-10-2024
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Код:
/* uBlock */
#ublock0_raymondhill_net-menuitem-_uBlock0-blockElement::before {
    margin-left: -32px !important; /* отступ слева (горизонтальный сдвиг строки) */
    content: "" !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
}

   
При -20px у меня получается ровно.
Для строки выше по аналогии.
Всего записей: 7757 | Зарегистр. 14-09-2020 | Отправлено: 18:16 05-10-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
gutasiho
Благодарю! Это сработало!

 
Добавлено:
Это ublock0_raymondhill_net-menuitem-_uBlock0-blockElement соответствует uBlock,
а как я могу узнать что к переводчику соответствует?
 
Добавлено:
Нашел инфу: это вроде как переводчик #pageAction-urlbar-_036a55b4-5e72-4d05-a06c-cba2dfcc134a_
Всего записей: 1518 | Зарегистр. 12-10-2002 | Отправлено: 18:30 05-10-2024
Death_INN

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

Цитата:
Достал уже слабо различимый цвет выделения текста в строке поиска на сайтах


Код:
@-moz-document regexp("https?:\/\/.*") {
  input {
    font-weight: bold !important;
  }
  input::selection {
    color: white !important;
    background: #c200d2 !important;
    opacity: 1 !important;
  }
}

 
deannik
none для цвета задавать нельзя. Так правильно
border-bottom: none !important;
Всего записей: 3561 | Зарегистр. 24-10-2002 | Отправлено: 19:12 05-10-2024
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Цитата:
а как я могу узнать что к переводчику соответствует?  
ID, так параметр называется. Так же, как я узнал для uBlock, встроенным инструментом браузера Browser Toolbox (Ctrl + Shift + Alt +I). Для усердных модельеров скрипт-кнопочка существует для быстрого вызова.
ID может отличаться от машины к машине, поэтому найденный в интернете - плохой вариант.
Всего записей: 7757 | Зарегистр. 14-09-2020 | Отправлено: 06:45 06-10-2024
deannik

Full Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
none для цвета задавать нельзя. Так правильно
border-bottom: none !important;
Спасибо. Исправил.
Всего записей: 598 | Зарегистр. 04-08-2013 | Отправлено: 09:18 06-10-2024
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
LazyCat
Цитата:
Обновился FF до новой 131 версии, и перестали опять работать настройки для вывода вкладок в несколько строк вместо одной.
В 130 работает стиль css, очень давно работает, с тех пор я его и не обновляю, пробуйте. Или там же можете найти другие стили на мультирядность.
Всего записей: 7757 | Зарегистр. 14-09-2020 | Отправлено: 14:51 06-10-2024
Faers

Newbie		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Обновился до версии 131 и появились стрелки прокрутки вкладок <>, когда их много. Как снова пофиксить? Заранее спасибо.
Всего записей: 22 | Зарегистр. 13-06-2022 | Отправлено: 15:27 06-10-2024
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Faers
Один из вариантов перейти на многорядные табы, на пост выше.
Всего записей: 7757 | Зарегистр. 14-09-2020 | Отправлено: 16:32 06-10-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
gutasiho
Цитата:
ID, так параметр называется. Так же, как я узнал для uBlock, встроенным инструментом браузера Browser Toolbox (Ctrl + Shift + Alt +I).

У меня вот так показывает, но вставляя этот параметр вместо вашего, ничего не происходит, так же и с другими. ЧЯДНТ.
Всего записей: 1518 | Зарегистр. 12-10-2002 | Отправлено: 16:46 06-10-2024
Death_INN

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

Цитата:
У меня вот так показывает

Да ну, брось смешить. Речь идет о главном контекстном меню, а ты тыркаешь пункты в about:addons
Всего записей: 3561 | Зарегистр. 24-10-2002 | Отправлено: 18:24 06-10-2024
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
1, 2, вызываешь конт. меню, оно застынет на экране. 3, наводишь мышку на строку конт. меню, она выделится пунктирными линиями, клик, в Tools левое дерево прокрутится до нужного места, двойной клик на строке, получишь выделенный ID, который копируешь.
   
 
Добавлено:
 
Всего записей: 7757 | Зарегистр. 14-09-2020 | Отправлено: 18:42 06-10-2024
rambl

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Господа, подскажите пожалуйста, как сузить контекстное меню в лисе?
 
Вот примерно действующего контекстного меню в Floorp'e -
А вот то что сейчас в лисе - .
 
Как в лисе создать такое же меню как во флорпе?  
 
_________________________________________________________
 
Нашел код, если кому пригодится в будущем:
 

Код:
 
 /* Компактное контекстное меню */
menupopup > menuitem,
menupopup > menu {
    padding-block: 2px !important;
    padding-inline-start: 2px !important;
}  
Всего записей: 71 | Зарегистр. 15-06-2023 | Отправлено: 19:31 06-10-2024 | Исправлено: rambl, 22:09 06-10-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
gutasiho
Спасибо! Всё наглядно и понятно! Всё получилось!
Лучший урок!
 

А то бы так и "смешил людей".
Всего записей: 1518 | Зарегистр. 12-10-2002 | Отправлено: 19:40 06-10-2024 | Исправлено: grom17, 19:45 06-10-2024
Smallette

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

Код:
:root[tabsintitlebar] {
  &[sizemode="normal"] #navigator-toolbox {
    border-top: 0.5px solid ActiveBorder;
    &:-moz-window-inactive {
      border-top-color: InactiveBorder;
    }
  }
}

 
никак не могу осилить этот код, вставляю в свой css, но не работает, и цвета конкретные назначал...
никаких xul или html пространств не назначал, root в файле используется местами и работает, а этот никак.
Всего записей: 334 | Зарегистр. 01-11-2006 | Отправлено: 06:38 07-10-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

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