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

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

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

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

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

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19, я понял и выставил расстояние, но скорее всего gutasiho прав, мешает какой-то стиль.
 
Добавлено:
Убрал в userChrome.css всё кроме
Код:
menupopup .menu-text {
    appearance: none !important;
    padding-inline-start: var(--v-menupopup-text-inline-start, 0px) !important;
    margin-inline-start: 30px !important;
}  
Не помогло.

Всего записей: 458 | Зарегистр. 04-08-2013 | Отправлено: 13:48 21-03-2024 | Исправлено: deannik, 14:02 21-03-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Вам разные люди ответили
Цитата:
Поиск в теме по ключевым словам scrollbar скролбар типа этого, в версии для печати, точно есть и не один.
- вам не подошло.
Цитата:
повысь права или в составе скрипта юзай, где есть повышение прав для стилей. Где-то выкладывали
-вам не подошло.
Цитата:
используйте UCF,  
- вам не подошло.
Скроллбаров в теме - как лягушек на болоте, но нет, продолжайте толочь воду в ступе, самостоятельно.

Всего записей: 6436 | Зарегистр. 14-09-2020 | Отправлено: 14:02 21-03-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, возьми за основу скрипт, переделай под себя и подключи, например, методом Aris-t2 (есть в шапке)  

Всего записей: 3066 | Зарегистр. 24-10-2002 | Отправлено: 14:22 21-03-2024
kokoss19

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

Цитата:
К сожалению не пользуюсь,  

Я думал разобрались

Цитата:
а без него никак нельзя?

не в курсе, может спецы что подскажут.
 
deannik

Цитата:
Убрал в userChrome.css всё кроме
Код:
menupopup .menu-text {
    appearance: none !important;
    padding-inline-start: var(--v-menupopup-text-inline-start, 0px) !important;
    margin-inline-start: 30px !important;
}  
Не помогло.

Если проверяли ТОЛЬКО с этим кодом после перезапуска браузера с очисткой кеша запуска, тогда не в курсе почему у вас не работает. И проверьте кодировку файла userChrome.css должна быть UTF-8 без BOM


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

Всего записей: 2109 | Зарегистр. 16-07-2018 | Отправлено: 14:46 21-03-2024
zimzq

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Может вам стили ни к чему? Раньше тоже использовал стили для скроллбара, потом перешел на такой метод.
about:config - widget.non-native-theme.scrollbar.style (размер скроллбара)
                     ui.useOverlayScrollbars (стиль)

Всего записей: 12 | Зарегистр. 26-02-2024 | Отправлено: 16:30 21-03-2024 | Исправлено: zimzq, 18:12 21-03-2024
Death_INN

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

Всего записей: 3066 | Зарегистр. 24-10-2002 | Отправлено: 17:40 21-03-2024
grom17



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

Цитата:
Я думал разобрались
К сожалению нет. Куда там чего раскидывать я не соображу.
 
gutasiho У меня почему-то в  "Версии для печати" нет строки поиска. (пройдусь ещё разок, вероятно не внимательный был).
 
zimzq
Цитата:
Может вам стили ни к чему?
Я это в первую очередь "потестил".
 
Спасибо всем причастным и сочувствующим!
 
Добавлено:
Такой вариант, от него "плясать" буду.
Код:
/* http://forum.ru-board.com/topic.cgi?forum=5&topic=51202&start=920#12 */
:root {
  scrollbar-color: #0040aa transparent !important;
}/* или */
 /*  * {
scrollbar-color: #0040aa transparent !important;
} */

Всего записей: 1303 | Зарегистр. 12-10-2002 | Отправлено: 19:58 21-03-2024 | Исправлено: grom17, 21:55 21-03-2024
kokoss19

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

Цитата:
Куда там чего раскидывать я не соображу.

1. Папку user_chrome_files добавить в папку chrome
2. Файл config.js в папку установки Фокса, тоесть в папку Firefox/Firefox64
3. Файл config-prefs.js в папку Firefox/Firefox64/defaults/pref
после подключения в настройках UCF сделайте так:

и после перезапустите Фокс.

Цитата:
Такой вариант, от него "плясать" буду.
 
Код:
/* http://forum.ru-board.com/topic.cgi?forum=5&topic=51202&start=920#12 */
:root {
  scrollbar-color: #0040aa transparent !important;
}
* {
  scrollbar-color: #0040aa transparent !important;
}  

надеюсь вы их не вместе используйте.


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

Всего записей: 2109 | Зарегистр. 16-07-2018 | Отправлено: 21:50 21-03-2024
grom17



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

Цитата:
надеюсь вы их не вместе используйте.
Исправил.
 
Спасибо за урок, позже отпишусь.

Всего записей: 1303 | Зарегистр. 12-10-2002 | Отправлено: 21:54 21-03-2024 | Исправлено: grom17, 21:54 21-03-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Цитата:
 У меня почему-то в  "Версии для печати" нет строки поиска.
Жмите Ctrl+F, строка поиска появится внизу (стилем ее можно переместить вверх под панель закладок).
   
Добавлено:
Вы еще решили повесить UCF на головы советчиков? Одумайтесь, ничего из этого не получится, энтузязизм быстро иссякнет. Вот сели на Aris-t2, на нем и оставайтесь, не ищите приключений на .опу.

Всего записей: 6436 | Зарегистр. 14-09-2020 | Отправлено: 07:54 22-03-2024 | Исправлено: gutasiho, 08:20 22-03-2024
grom17



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

Цитата:
не ищите приключений на .опу.


 
Добавлено:

Цитата:
Жмите Ctrl+F, строка поиска появится внизу (стилем ее можно переместить вверх под панель закладок).

Ну почему? Почему я до сих пор не знал что так нужно? Спасибо!

Всего записей: 1303 | Зарегистр. 12-10-2002 | Отправлено: 13:42 22-03-2024
grom17



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

Всего записей: 1303 | Зарегистр. 12-10-2002 | Отправлено: 23:21 25-03-2024 | Исправлено: grom17, 23:21 25-03-2024
kokoss19

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

Цитата:
Подскажите пожалуйста, как закруглить углы у плюсика?


Код:
#TabsToolbar #tabs-newtab-button > image {
  border-radius: 22px !important;  
}

 
или так:

Код:
#TabsToolbar #tabs-newtab-button > .toolbarbutton-icon {
    border-radius: 22px !important;
}


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

Всего записей: 2109 | Зарегистр. 16-07-2018 | Отправлено: 23:57 25-03-2024 | Исправлено: kokoss19, 00:18 26-03-2024
grom17



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

Всего записей: 1303 | Зарегистр. 12-10-2002 | Отправлено: 00:10 26-03-2024
grom17



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

Всего записей: 1303 | Зарегистр. 12-10-2002 | Отправлено: 17:49 28-03-2024 | Исправлено: grom17, 17:51 28-03-2024
FreePaul



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте!
Можно ли как-то выделить активную вкладку? Желательно, цветом.
FF 124.0.1, пользуюсь скриптами и загрузчиком скриптов от VitaliyV

----------
Восход Солнца - это хорошо для начала...

Всего записей: 935 | Зарегистр. 07-08-2002 | Отправлено: 21:16 28-03-2024
kokoss19

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

Цитата:
Можно ли как-то выделить активную вкладку? Желательно, цветом.  


Код:
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content {
  background-color: red;
}

добавить в файл: userChrome.css

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

Всего записей: 2109 | Зарегистр. 16-07-2018 | Отправлено: 21:40 28-03-2024
FreePaul



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

----------
Восход Солнца - это хорошо для начала...

Всего записей: 935 | Зарегистр. 07-08-2002 | Отправлено: 21:58 28-03-2024
gutasiho

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

Всего записей: 6436 | Зарегистр. 14-09-2020 | Отправлено: 14:09 02-04-2024 | Исправлено: gutasiho, 14:09 02-04-2024
jterror

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Новая версия: https://github.com/update692/firefox
 
-- ниже устаревший прототип ---
 
minimize-memory.uc.js
Скрипт освобождающий память браузера раз в минуту
Интервал задается числом внизу. Действие аналогично нажатию кнопки Minimize memory usage на вкладке about:memory

Всего записей: 110 | Зарегистр. 11-06-2008 | Отправлено: 13:12 05-04-2024 | Исправлено: jterror, 06:14 16-04-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

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