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

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

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

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

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

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

А как стиль конкретно не работает... пункт меню куда-то вниз убежал, или вообще не отображается..?
Всего записей: 1223 | Зарегистр. 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;

    ----------
    Жизнь иногда такое выкидывает, что хочется подобрать...
    • Всего записей: 775 | Зарегистр. 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
     
    Всего записей: 6725 | Зарегистр. 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)
     
    Пути "назад" есть?
    Всего записей: 17315 | Зарегистр. 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. Если речь об этом.
    Всего записей: 6725 | Зарегистр. 14-09-2020 | Отправлено: 19:33 29-08-2023
    insorg



    Platinum Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    gutasiho
    В принципе лево-право меня особо не волнует. Интересует межстрочный интервал и отсутствие круглых углов. Цвет классик - тоже был бы приятным бонусом, если не требует много css.
     
    Добавлено:
    Добавлять планирую в свой вариант, заодно и цвет всплывающей ссылки поправлю с зелёного (так-то к чёрному уже привык, цветной не нужен), если не забуду.
    Всего записей: 17315 | Зарегистр. 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;
    }
    Всего записей: 6725 | Зарегистр. 14-09-2020 | Отправлено: 20:06 29-08-2023
    qwerty1956

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

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

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

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

    Gold Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Попытка приучить себя к мысли, что мне нужна нижняя панель от Aris-t2
     
    Всего записей: 6725 | Зарегистр. 14-09-2020 | Отправлено: 16:00 30-08-2023
    insorg



    Platinum Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    gutasiho
    Спасибо. Буду тестировать.
    Междустрочка сработала отлично. А с цветом не увидел разницы. Даже попробовал конкретно контрастные цвета, но как будто не сработало. Впрочем, это уже не сильно важно, лисовая цветовка меня не смущает.


    Цитата:
    Попытка приучить себя к мысли, что мне нужна нижняя панель от Aris-t2  
    А в чём смысл?
    Очередные кнопцы, которые будут бесполезно занимать место 99% времени. Тем более, эти самые странички замечательно можно и в закладках вывести более чем удобно.
    Всего записей: 17315 | Зарегистр. 04-11-2010 | Отправлено: 17:08 30-08-2023 | Исправлено: insorg, 17:29 30-08-2023
    gutasiho

    Gold Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    insorg
    Цитата:
    А с цветом не увидел разницы. Даже попробовал конкретно контрастные цвета, но как будто не сработало.
    Значит, его съедает другой стиль, или тема, т.к. работает даже с версией из будущего. Самый простой способ проверить - отключить все стили (переименовать папку с ними), а код кинуть в userChrome.css.
     
    Всего записей: 6725 | Зарегистр. 14-09-2020 | Отправлено: 18:48 30-08-2023 | Исправлено: gutasiho, 18:49 30-08-2023
    insorg



    Platinum Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Это уже если совсем нечего делать станет, не раньше. Пока и в нынешнем виде устраивает.
    Всего записей: 17315 | Зарегистр. 04-11-2010 | Отправлено: 19:38 30-08-2023
    Death_INN

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

    Код:
    #BMB_bookmarksPopup > :not([class^=menu]) {
      display: none;
    }
    Всего записей: 3165 | Зарегистр. 24-10-2002 | Отправлено: 15:39 31-08-2023
    gutasiho

    Gold Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Внешний стиль для скрипта "Скопировать текст ссылки" с предыдущей страницы
       
    Код
    Всего записей: 6725 | Зарегистр. 14-09-2020 | Отправлено: 16:44 31-08-2023 | Исправлено: gutasiho, 16:48 31-08-2023
    Death_INN

    Silver Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    gutasiho, хреново, что пункты "Copy Link" и "Copy Link Text" рядом. Как подшаманить в скрипте, чтобы пункт "Copy Link Text" был выше пункта "Bookmark Link..."?
    Всего записей: 3165 | Зарегистр. 24-10-2002 | Отправлено: 17:11 31-08-2023
    gutasiho

    Gold Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Death_INN
    Сдвигом выше-ниже не занимался, для легкости визуальной ориентации меняю цвет текста, этого достаточно, даже лучше, чем если бы пункты были в разных местах.
    Всего записей: 6725 | Зарегистр. 14-09-2020 | Отправлено: 17:15 31-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

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