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

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

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

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

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Sidebar. Bookmarks. Zebra
   
Код
Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 14:52 21-08-2023
momo2000



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

Цитата:
Теперь знают!

Так  то на форуме разбросано много ништяков, в отдельную тему эти сообщения никто не собрал.
Вот некоторые, которые я отложил в закладки, некоторые с новыми версиями FF наверное уже не работают.
about:addons
about:config
downloads
dropmarker
быстро открывать подпапки на панели закладок в библиотеке
Всего записей: 1739 | Зарегистр. 14-04-2007 | Отправлено: 18:35 22-08-2023 | Исправлено: momo2000, 10:56 23-08-2023
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Кнопка about:about
Код
Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 10:14 24-08-2023
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
m_nikolay
Цитата:
как именно подключить вертикальную панель я не нашел
В шапке в последней строке Как подключить скрипты: метод Aris-t2, подключение сводится к раскидыванию файлов по папкам. Сначала отключите UCF, переименовав его папку и очистив кэш автозапуска, затем файлики из шапки внимательно раскидайте по папкам Фокса.
 
Добавлено:
Скачанный файл addonbar_vertical.uc.js поместите, как описано в шапке, добавьте в список импорта и при закрытом браузере очистите кэш автозапуска.
Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 10:14 29-08-2023
m_nikolay



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ребята, кто пользуется скроллбаром от Aris-t2?
Его размеры можно как-то настроить? И где?
Всего записей: 1168 | Зарегистр. 13-07-2007 | Отправлено: 16:16 29-08-2023
qwerty1956

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В FF116+ перестал работать стиль для расширения Bookmark Tab Here
 
/* Сделать пункт контекстного меню "Bookmark Tab Here" самым первым сверху */
menupopup#placesContext > menuitem[id$="BTH"] {
    -moz-box-ordinal-group: 0 !important;
}
menupopup#placesContext > menuseparator:last-of-type {
    display: none !important;
}
 
Кто знает, как исправить?
Всего записей: 260 | Зарегистр. 07-11-2005 | Отправлено: 17:03 29-08-2023 | Исправлено: qwerty1956, 17:08 29-08-2023
Lagris

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

Цитата:
как исправить?

Заменить -moz-box-ordinal-group: на order:.  
Сам не проверял.
Всего записей: 1261 | Зарегистр. 26-08-2007 | Отправлено: 17:14 29-08-2023
qwerty1956

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Lagris
 
Не помогло.
Всего записей: 260 | Зарегистр. 07-11-2005 | Отправлено: 17:23 29-08-2023 | Исправлено: qwerty1956, 17:27 29-08-2023
Lagris

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

Цитата:
Не помогло

А как стиль конкретно не работает... пункт меню куда-то вниз убежал, или вообще не отображается..?
Всего записей: 1261 | Зарегистр. 26-08-2007 | Отправлено: 17:37 29-08-2023
69

BANNED		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
прикольный однострочный стиль собрался , работает от 76 до 117 , но после открытия пятой вкладки начинает дергаться плюсик и крестик на закрытие вкладки и сами вкладки .
 
косяк в файле  tabs.css .
не могли бы кто нибудь подправить .
 
cами разобрались уже .
Всего записей: 3 | Зарегистр. 11-08-2023 | Отправлено: 17:55 29-08-2023 | Исправлено: 69, 20:02 29-08-2023
Farby

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • qwerty1956 (17:23 29-08-2023 UTC+3)
    Цитата:
    Не помогло.  

    должно быть order: -1;

    ----------
    Жизнь иногда такое выкидывает, что хочется подобрать...
    • Всего записей: 783 | Зарегистр. 22-10-2002 | Отправлено: 17:58 29-08-2023
    gutasiho

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

    Цитата:
    Ребята, кто пользуется скроллбаром от Aris-t2?
    Его размеры можно как-то настроить? И где?

    Попробуйте дополнительно поиграть этими циферками в about:config, там есть скроллбары разной ширины
    В Firefox v100 встроены стили скроллбаров, стиль выбирается сменой значения параметра widget.non-native-theme.scrollbar.style
        0    Скролбар по умолчанию
        1    Скролбар macOs    
        2    Скролбар GTK
        3    Скролбар Android
        4    Скролбар Windows 10
        5    Скролбар Windows 11
     
    Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 18:21 29-08-2023 | Исправлено: gutasiho, 18:25 29-08-2023
    m_nikolay



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

    Цитата:
    Попробуйте дополнительно поиграть этими циферками, там есть скроллбары разной ширины

     
    Какими циферками? Существующие там никакого влияния на размер скороллбара не оказывают
     
    Добавлено:
    Понял какими, спасибо
    Всего записей: 1168 | Зарегистр. 13-07-2007 | Отправлено: 18:28 29-08-2023
    insorg



    Platinum Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Начиная с 117 новый стиль меню идёт принудительно.
     
    Сравнение
       
    (116.0.3 vs 117.0)
     
    Пути "назад" есть?
    Всего записей: 17910 | Зарегистр. 04-11-2010 | Отправлено: 18:42 29-08-2023 | Исправлено: insorg, 18:46 29-08-2023
    m_nikolay



    Advanced Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    gutasiho
    Спасибо, всё получилось, как хотел. Всяческого добра
    Всего записей: 1168 | Зарегистр. 13-07-2007 | Отправлено: 18:53 29-08-2023
    gutasiho

    Gold Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    insorg
    Цитата:
    Начиная с 117 новый стиль меню идёт принудительно.
    Сужу по v118 Nightly. Можно сдвинуть строки вправо, уменьшить расстояние между строками, изменить цвет при наведении с immersive на classic. Если речь об этом.
    Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 19:33 29-08-2023
    insorg



    Platinum Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    gutasiho
    В принципе лево-право меня особо не волнует. Интересует межстрочный интервал и отсутствие круглых углов. Цвет классик - тоже был бы приятным бонусом, если не требует много css.
     
    Добавлено:
    Добавлять планирую в свой вариант, заодно и цвет всплывающей ссылки поправлю с зелёного (так-то к чёрному уже привык, цветной не нужен), если не забуду.
    Всего записей: 17910 | Зарегистр. 04-11-2010 | Отправлено: 19:36 29-08-2023
    gutasiho

    Gold Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    insorg
    Цитата:
    межстрочный интервал

    Код:
    menupopup > menuitem, menupopup > menu {
        padding-block: 2px !important;    /* Set spacing here (0-4px) */
    }
    /* Options menu spacing */
    :root {--arrowpanel-menuitem-padding: 0px 0px !important;
    }

    Цитата:
    Цвет классик

    Код:
    popup menu:not([disabled="true"])[_moz-menuactive="true"],
    menupopup menu:not([disabled="true"])[_moz-menuactive="true"],
    menuitem:not([disabled="true"])[_moz-menuactive="true"],
    autorepeatbutton:not([disabled="true"]):hover,  
    splitmenu-menuitem:not([disabled="true"])[_moz-menuactive="true"],
    panel[type="arrow"] .subviewbutton:not([disabled="true"]):hover,
    panel[type="arrow"] toolbarbutton:not([disabled="true"]):hover,  
    panel[type="arrow"] button:not([disabled="true"]):hover {
    /* системный цвет заголовка окна и шрифта
    background: -moz-win-accentcolor !important;
        color: -moz-win-accentcolortext !important; */
        background: #35A2D2 !important;
        color: white !important;
        border-radius: 5px !important; /* закругление углов (0px без закругления) */
    }

     
    Добавлено:

    Цитата:
    круглых углов

    Код:
    menupopup,
    .menupopup-arrowscrollbox {
    border-radius: 14px !important;
    }
    Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 20:06 29-08-2023
    qwerty1956

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

    Цитата:
    должно быть order: -1;

    Сработало! Спасибо
    Всего записей: 260 | Зарегистр. 07-11-2005 | Отправлено: 21:04 29-08-2023
    gutasiho

    Gold Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Уменьшить огромную высоту пунктов в закладках
    Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 08:27 30-08-2023 | Исправлено: gutasiho, 09:19 30-08-2023
    Открыть новую тему     Написать ответ в эту тему

    Страницы: 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

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