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

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

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

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 [?]
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\ Начиная с v139.0, разрешить использование скриптов JS в about:config:
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

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

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



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Я не уверен что правильно сделал как написано выше, но у меня всё равно не работает.
Здесь [?] реальное нахождение папок, т.е. как уменя.
Прверьте у себя - исправьте, что не так...

Цитата:
Кириллица в имена втесалась или кодировка
, но ведь на папку "меньше" работает.

Цитата:
в этом случае нужен такой относительный путь с дедушкой: ../../icons/folder.svg
в прилагаемых стилях так и сделал, не хочет работать.
 

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 17:18 19-09-2024
Death_INN

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

Цитата:
в прилагаемых стилях так и сделал, не хочет работать

Не увидел этого. Так что у тебя два пути, выбирай любой:
1) папку icons переместить из папки chrome в папку css-files
2) во всех файлах, где прописаны пути к иконкам, заменить "../icons/ на "../../icons

Всего записей: 3801 | Зарегистр. 24-10-2002 | Отправлено: 17:33 19-09-2024 | Исправлено: Death_INN, 17:34 19-09-2024
grom17



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

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 17:42 19-09-2024 | Исправлено: grom17, 20:17 19-09-2024
grom17



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

Цитата:
1) папку icons переместить из папки chrome в папку css-files
2) во всех файлах, где прописаны пути к иконкам, заменить "../icons/ на "../../icons  
Да, действительно, так работает! Спасибо!
 
Но, суть вопроса заключается в том, что нужно переместить папку icons_menu с стилями,  в папку css-files, но переместив туда и изменив пути доступа иконки не отбражаются.
т.е. реальный путь: chrome/css-files/icons_menu/folder.svg не работает.

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 20:33 19-09-2024 | Исправлено: grom17, 21:55 19-09-2024
Death_INN

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

Цитата:
Но, суть вопроса заключается в том, что нужно переместить папку icons_menu с стилями,  в папку css-files, но переместив туда и изменив пути доступа иконки не отбражаются

Изменил пути доступа в userChrome.css? А по какой причине?

Цитата:
т.е. реальный путь: chrome/css-files/icons_menu/folder.svg

с какой стати?

Всего записей: 3801 | Зарегистр. 24-10-2002 | Отправлено: 22:03 19-09-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Цитата:
Изменил пути доступа в userChrome.css? А по какой причине?
Местоположение папки поменялось, значит путь к ней тоже.

Цитата:
с какой стати?
т.к. папка icons_menu там находится.
 
Смысл этой затеи в том что-бы в папке chrome было меньше "лишних" папок.
Но самое интересное в том, что непонятно почему нет иконок в таком положении:
Папки: @import "./css-files/icons_menu/sidebar-icons.css";
Иконки: url("../css-files/icons/folder.svg");
 
А в таком положении всё работает: @import "./icons_menu/sidebar-icons.css"; т.е. если папка icons_menu лежит в папке chrome,
Но если её переложить в папку chrome/css-files/icons_menu то уже не работает.

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 22:46 19-09-2024 | Исправлено: grom17, 23:01 19-09-2024
Death_INN

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

Цитата:
Но самое интересное в том, что непонятно почему

потому что в данном случае браузер ищет иконку по такому пути:
chrome/css-files/css-files/icons/folder.svg
именно с дублем css-files
 
Тебе, видимо, не научиться задавать относительный путь, тогда задавай абсолютный, который не будет меняться и зависеть от месторасположения css
А чтобы научиться, то сначала запиши реальный путь к css файлу и к иконке, потом находи для них общую ближайшую папку и определи на сколько уровней эта папка стоит выше папки, в котором находится css

Всего записей: 3801 | Зарегистр. 24-10-2002 | Отправлено: 22:58 19-09-2024 | Исправлено: Death_INN, 23:15 19-09-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Ну хорошо, тогда почему все другие стили лежат в папках по такому принципу: @import "./folder_1/folder_2/folder.css"; и всё работает, а вот именно с стилями для иконк не работает?

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 23:18 19-09-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, ну вот у тя в config-menus.css нет относительных путей, поэтому перемещай куда хочешь. А css с иконками тоже подключаются, но брауз не может найти иконку по тому относительному пути, который ты указал
 
Объясняю в последний раз
 
chrome/1/2/3/4/5/file.css
chrome/1/2/6/icon.svg
 
Хочу задать относительный путь к иконке icon.svg внутри file.css
 
a) находим ближайшую общую папку: 2 (с нее будет начинаться путь)
b) в какой папке находится file.css? 5
c) папка 2 на сколько уровней выше папки 5?
5 - это я ./
4 - это папа ../
3 - это дедушка ../../
2 - это прадедушка ../../../
d) согласно a) путь к иконке будет таким: ../../../6/icon.svg
 
Важно понять, что относительный путь никак не связан с папкой chrome. Отсчет идет от текущей папки, в которой находится css, а потом все выше и выше. Если бы мы взяли за общую папку - папку профиля, то относительный путь к иконке выглядел бы так:
../../../../../../chrome/1/2/6/icon.svg

Всего записей: 3801 | Зарегистр. 24-10-2002 | Отправлено: 23:33 19-09-2024 | Исправлено: Death_INN, 00:30 20-09-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Да, с этим всё понятно. Может мы друг-друга не поняли, может я не понятно объяснил.
Загвоздка не в том где иконки находятся, а в том где папка с стилями.
Иконки лежат у "дедушки" и всё работает, а папка с стилями лежит где UserChrome т.е. в папке chrome.
Как только папку с стилями перемещаю, перестаёт работать (нет иконок).

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 00:32 20-09-2024
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
я не знаю было тут или нет но я вот нашёл скрипт который добавляет в поле поиска иконку поисковика

// Опция: очистить поисковый запрос после поиска
// Опция: вернуться к первой поисковой системе в списке после поиска
// Опция: всплывающее окно выбора старой поисковой системы
// Опция: скрыть индикатор "добавить поисковые системы" "+"
// Опция: скрыть "одноразовые" поисковые системы (поисковики внизу всплывающих окон)
// Опция: скрыть текст-заполнитель "Поиск"
// Опция: поменять местами значки кнопки поисковой системы и кнопки перехода
// Опция: показывать значки и названия поисковых систем вместо только значков
// Опция: выберите поисковую систему, прокрутив колесико мыши над кнопкой "поисковые строки".

Всего записей: 6812 | Зарегистр. 05-06-2012 | Отправлено: 01:41 20-09-2024 | Исправлено: pangasiys, 02:18 20-09-2024
Death_INN

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

Цитата:
Иконки лежат у "дедушки" и всё работает

А брауз не знает, что они у дедушки

Цитата:
а папка с стилями лежит где UserChrome т.е. в папке chrome

Твоя папка со стилями никак не привязана к папке chrome, в отличии от UserChrome. Стили могут лежать хоть в папке chrome88 или в с:\portable. Как в таком случае брауз определит, где твои стили? Простая смена путей не поможет - придется менять относительный путь в UserChrome. Тоже самое и с иконками.

Цитата:
Как только папку с стилями перемещаю, перестаёт работать (нет иконок)

Потому что ты забрал иконки у дедушки.
Тута смысл близок к сохранению страницы, т.е. вместе с htm файлом сохраняется папка. Переместил файл, перемещается и папка, а ты хочешь, чтобы папка на одном месте оставалась, тогда прописывай в htm абсолютные пути

Всего записей: 3801 | Зарегистр. 24-10-2002 | Отправлено: 01:43 20-09-2024 | Исправлено: Death_INN, 01:51 20-09-2024
xrun1



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

Цитата:
Почему .ccs файл не работает по пути @import "./folder_1/folder_2/123.css";

У меня работает. Проверьте на чистом профиле, папка chrome с примером.
Rapunzi
https://antizapret.prostovpn.org:8443/proxy.pac
Выбрасывает http://flibusta.net/ --> http://flibusta.is/
Если правильно понял вопрос и это та флибуста, о которой Вы спрашивали.

Всего записей: 925 | Зарегистр. 26-12-2009 | Отправлено: 03:40 20-09-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Цитата:
А брауз не знает, что они у дедушки  
 
xrun1
Цитата:
 У меня работает. Проверьте на чистом профиле
проверил работает!
 
Вы меня простите великодушно, я наверно так "заигрался" с этими иконками, что только сейчас понял свою ошибку.
Рассказываю, (только сильно не смейтесь).
В общем эти папки с иконками и стилями лежали у меня в папке chrome, а для тестирования я паралельно положил копии на папку глубже.
Ну и как вы наверное уже догадались я менял пути в стилях в папке chrome (названия стилей же совпадают) и удивлялся, чего это они у меня не работают, вроде всё правильно делаю.
Удалил эти папки, поменял пути где нужно и всё заработало!
СПАСИБО ВАМ ВСЕМ ОГРОМНОЕ!

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 12:20 20-09-2024 | Исправлено: grom17, 22:26 20-09-2024
ant1994

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Всем привет. На 130-м ff перестали окрашиваться посещенные ссылки,в *css указано:  

Код:
a:visited {color:red !important}
a:visited img {border: 1px solid red !important}

Пока что нашел расширку,но хотелось бы без нее,как решить вопрос?

Всего записей: 484 | Зарегистр. 13-02-2020 | Отправлено: 06:56 22-09-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ant1994
Ваш код работает. Он в userContent.css? Можете пробовать другой код, в нем два варианта:
Код:
/* userContent.css */
/* Visited link color (закомментировать неиспользуемую строку color: ) */
:visited, :visited * {
/*    color: -moz-visitedhyperlinktext !important;    /* назначать цвет в "Manage Colors..." Firefox */
    color: red !important;                    /* назначать цвет в этом css */

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 08:58 22-09-2024 | Исправлено: gutasiho, 09:01 22-09-2024
Smallette

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
а будет ваш проект по тотальной иконизации ФФ опубликован здесь?

Всего записей: 382 | Зарегистр. 01-11-2006 | Отправлено: 12:01 22-09-2024
ant1994

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Цитата:
Ваш код работает.
Да,спасибо за ответ,все ок,код действительно рабочий.  
"Дело было не в бобине..." - это косяк одной сборки 130-го ff для Win7,в остальных сборках все ок.
 

Всего записей: 484 | Зарегистр. 13-02-2020 | Отправлено: 12:10 22-09-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Smallette
Цитата:
а будет ваш проект по тотальной иконизации ФФ опубликован здесь?
У меня конечно не "идеальный" вариант, но благодаря коллегам по форуму, мне удалось добиться тех задач, которые я перед собой ставил.
 
https://workupload.com/file/sezRLPsuBmK
Это не окончательный вариант, нужны ещё некоторые доработки.

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 16:58 22-09-2024 | Исправлено: grom17, 17:57 22-09-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Утолщенные ("bold") иконки в правом верхнем
Код [?]

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 15:00 23-09-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 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128

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

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru