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

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

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

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-селекторов элементов интерфейса встроенными средствами браузера

Всего записей: 7330 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 09:49 30-08-2024
grom17



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

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

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

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

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

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

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

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



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

Всего записей: 1452 | Зарегистр. 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 не работает.

Всего записей: 1452 | Зарегистр. 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

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

Всего записей: 3436 | Зарегистр. 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 то уже не работает.

Всего записей: 1452 | Зарегистр. 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

Всего записей: 3436 | Зарегистр. 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"; и всё работает, а вот именно с стилями для иконк не работает?

Всего записей: 1452 | Зарегистр. 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

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



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

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



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

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

Всего записей: 6583 | Зарегистр. 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 абсолютные пути

Всего записей: 3436 | Зарегистр. 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/
Если правильно понял вопрос и это та флибуста, о которой Вы спрашивали.

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



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

Всего записей: 1452 | Зарегистр. 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}

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

Всего записей: 412 | Зарегистр. 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 */

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

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

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

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

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



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

Всего записей: 1452 | Зарегистр. 12-10-2002 | Отправлено: 16:58 22-09-2024 | Исправлено: grom17, 17:57 22-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

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