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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166

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

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 | MrOtherGuy/firefox-csshacks (known as MOG) | VicDobrov UCF-скрипты


Просьба публикуемые коды заключать в тэг [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
1\ Также не забываем про такую строку в 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.
2\ v136+: отключить CSP (Content Security Policy - Политика безопасности контента), снижает безопасность!:
Код:
security.browser_xhtml_csp.enabled = false
3\ v139+: если некоторые скрипты JS не работают, можете сделать так, снижает безопасность!:
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

Полезные ссылки
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

Всего записей: 9113 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 16:26 26-07-2025
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • Andrewnews (21:23 19-11-2025 UTC+3)
    Цитата:
    критика приветствуется

    Читайте, ранее отзывы выше были, господин gutasiho уже давал....
    ЗЫ: Надеюсь косяки вы поправили??!!!

    ----------
    Жизнь иногда такое выкидывает, что хочется подобрать...

  • Всего записей: 859 | Зарегистр. 22-10-2002 | Отправлено: 22:23 19-11-2025
    grom17



    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Как уменьшить размер выделение кнопок меню, как показано на втором рисунке (подредактировал в граф. редакторе) с помощью .css ?
     
     

    Всего записей: 1642 | Зарегистр. 12-10-2002 | Отправлено: 22:31 19-11-2025 | Исправлено: grom17, 22:35 19-11-2025
    Farby

    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    а ещё
    Код:
    chrome://user_chrome_files/content/custom_styles/svg/memory_slot.svg
    Сие чудо у всех присутствует?

    ----------
    Жизнь иногда такое выкидывает, что хочется подобрать...

    Всего записей: 859 | Зарегистр. 22-10-2002 | Отправлено: 22:34 19-11-2025
    Andrewnews

    Junior Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Farby извини не понял, тыкни где не прав, поправь, просто у меня этот путь работает. У каждого свой путь, поэтому внизу дал альтернативу

    Всего записей: 54 | Зарегистр. 06-10-2008 | Отправлено: 22:35 19-11-2025 | Исправлено: Andrewnews, 22:40 19-11-2025
    xrun1



    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Andrewnews
    Тут UCF используем только мы с тобой. Надо было сразу прописать иконки в data:image/svg+xml.
    А так,

    Цитата:
    делать было нечего , такую хрень сделал

    имеет право быть.
    Я пользуюсь кнопкой с цифрами в адресной строке. Толку от цифр мало, они неверные, но минимизация иногда существенно помогает. Кнопка от Dumby, скрипт от того же автора memoryMinimizationButton.uc.js, немного подправленный.
     

    Всего записей: 1057 | Зарегистр. 26-12-2009 | Отправлено: 23:39 19-11-2025
    alloledd

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    xrun1
    Цитата:
    Я пользуюсь кнопкой с цифрами в адресной строке. Толку от цифр мало, они неверные, но минимизация иногда существенно помогает. Кнопка от Dumby, скрипт от того же автора memoryMinimizationButton.uc.js, немного подправленный.  

    Вот я ей тоже пользуюсь, но у меня перестала минимизация работать. Поделись плиз подправленной.  
     
    Добавлено:
    Andrewnews
    Цитата:
    Просто иконки поменяй, я дал после скрипа альтернативу  

    Чего-то один хрен не появляется у меня кнопка, видать где-то ошибку делаю с заменой. А можешь сразу заменёнными иконками выложить?
    Во, нашлась, просто появлялась сильно в укромном месте и я её не замечал. Спасибо, всё работает, интересная кнопка.

    Всего записей: 7443 | Зарегистр. 25-10-2019 | Отправлено: 23:48 19-11-2025 | Исправлено: alloledd, 00:36 20-11-2025
    Capushon

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    grom17:
    Цитата:
    Как уменьшить размер выделение кнопок меню, как показано на втором рисунке
    Это не просто выделение, а активная область для мышки, при уменьшении - нужно будет целиться, чтобы не ткнуть выше и не промахнуться. Оно надо? В какой-то версии Оперы уже была подобная хрень...

    Всего записей: 5216 | Зарегистр. 18-07-2006 | Отправлено: 23:54 19-11-2025
    grom17



    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Capushon,
    Цитата:
    Это не просто выделение, а активная область для мышки

    Совершенно верно, так как всё-таки уменьшить?
     

    Всего записей: 1642 | Зарегистр. 12-10-2002 | Отправлено: 00:02 20-11-2025 | Исправлено: grom17, 18:59 20-11-2025
    xrun1



    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    alloledd
    Кнопка
    Скрипт
    Я иконку для всплывашки стащил у Andrewnews. Сделай себе сам или перекомментируй, ключевое слово в скрипте whimsy.png (единорог).

    Всего записей: 1057 | Зарегистр. 26-12-2009 | Отправлено: 00:32 20-11-2025
    alloledd

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    xrun1
     Спасибо, работают. Только почему-то с твоим скриптом в адресной строке их сразу две получается. Взял у Alice0775 с ним одна.
     
     
    Добавлено:
    xrun1
    А случаем Attributes_Inspector у тебя есть рабочий?

    Всего записей: 7443 | Зарегистр. 25-10-2019 | Отправлено: 02:21 20-11-2025
    gutasiho

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    alloledd
    Цитата:
    А случаем Attributes_Inspector у тебя есть рабочий?
    Он рабочий с Aris-t2.

    Всего записей: 9113 | Зарегистр. 14-09-2020 | Отправлено: 13:42 20-11-2025
    xrun1



    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    alloledd
    Я правильно понимаю, что у тебя нет UCF?
    На всякий случай, оба два.
    Кнопка
    Скрипт

    Цитата:
    Только почему-то с твоим скриптом в адресной строке их сразу две получается.

    Не знаю. У меня скрипт не загружается, иконки нет. Функцию из скрипта вызывает кнопка.
    Сравнил. Я только добавил свою всплывашку и отключил сообщения и лог.

    Всего записей: 1057 | Зарегистр. 26-12-2009 | Отправлено: 14:29 20-11-2025 | Исправлено: xrun1, 15:25 20-11-2025
    alloledd

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

    Цитата:
    Я правильно понимаю, что у тебя нет UCF?  

    Наоборот есть, через него как раз и подключаю.

    Цитата:
    На всякий случай, оба два.
    Кнопка
    Скрипт  

    Чего-то они у меня не правильно себя ведут.)  На панели появляется иконка кнопки, но полностью нерабочая. После каждой перезагрузки FF начинает работать Attributes Inspector, после нажатия СКМ открывает DOM Inspector. И всё, до следующей перезагрузки.
    Кнопка заработала. Но вот почему-то Attributes Inspector так и начинает сразу сам работать после каждой перезагрузки FF.

    Всего записей: 7443 | Зарегистр. 25-10-2019 | Отправлено: 18:38 20-11-2025 | Исправлено: alloledd, 18:55 20-11-2025
    xrun1



    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    alloledd
    Класть в папку скриптов надо в том виде, который я дал, заголовки там уже есть или нет.
    Это кнопка, заголовок в ней есть, она загружена и включена.
    Ссылка
    А это скрипт, заголовка в нём нет. Заголовок не нужен, т.к. скрипт каждый раз будет загружаться при нажатии кнопки. Возможно, он у тебя автоматически подключился, когда ты положил файлы в папку. Надо снять галочку и нажать иконку дискеты, т.е. сохранить. Скрипт должен выглядеть так.
    Ссылка
    В моём варианте отключены скрипты, которые вызываются и подгружаются из кнопок:
     - старый about:cfg (старый вариант, 2 штуки)
     - в меню гамбургера добавлена строка над печатью "Страница | Выбранное в единый HTML" Ссылка
     - атрибут-инспектор
     - скрипты для кнопки Save Ссылка
     - переключить тултипы (показывать или нет адрес при подведении мышки к ссылке)
     
    Добавлено:
    alloledd
    Забыл сказать. Проверь название и путь к скрипту Attributes Inspector у себя в кнопке.

    Всего записей: 1057 | Зарегистр. 26-12-2009 | Отправлено: 20:54 20-11-2025
    Death_INN

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

    Цитата:
    Как уменьшить размер выделение кнопок меню

    background-image: linear-gradient(transparent 15%, red 15% 85%, transparent 85%);

    Всего записей: 4038 | Зарегистр. 24-10-2002 | Отправлено: 21:51 20-11-2025
    alloledd

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    xrun1
    Цитата:
    Возможно, он у тебя автоматически подключился, когда ты положил файлы в папку. Надо снять галочку и нажать иконку дискеты, т.е. сохранить.

    А, вон оно чё. Не автоматически, а я сам его и подключил.)) Ну теперь всё заработало как надо. Спасибо.

    Цитата:
    Забыл сказать. Проверь название и путь к скрипту Attributes Inspector у себя в кнопке.

    Эт я увидел и после этого перечеркнул текст в предыдущем сообщение.  
     
    ПС Кстати, у Infocatcher  есть version 0.6.5pre4 - 2024-02-27, я его подключил. Так что можешь обновиться.

    Всего записей: 7443 | Зарегистр. 25-10-2019 | Отправлено: 21:52 20-11-2025
    grom17



    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Death_INN,
    Цитата:
    background-image: linear-gradient(transparent 15%, red 15% 85%, transparent 85%);

    К сожалению только сама панель сузилась, соответственно всё остальное тоже.
     
    У меня сейчас так:
    Код:
    #main-menubar>menu>label {
        padding: 6px 4px 7px 4px !important;
    }

    но это не даёт желаемого результата.

    Всего записей: 1642 | Зарегистр. 12-10-2002 | Отправлено: 22:39 20-11-2025 | Исправлено: grom17, 22:39 20-11-2025
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    grom17, мою строку внутрь #main-menubar > menu[_moz-menuactive] {}

    Всего записей: 4038 | Зарегистр. 24-10-2002 | Отправлено: 22:53 20-11-2025
    grom17



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

    Всего записей: 1642 | Зарегистр. 12-10-2002 | Отправлено: 23:11 20-11-2025
    Открыть новую тему     Написать ответ в эту тему

    Страницы: 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 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166

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

    LiteCoin: LgY72v35StJhV2xbt8CpxbQ9gFY6jwZ67r

    Рейтинг.ru