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

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

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

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

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

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

Всего записей: 8876 | Зарегистр. 14-09-2020 | Отправлено: 18:02 07-03-2024 | Исправлено: gutasiho, 18:03 07-03-2024
grom17



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

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 18:25 07-03-2024
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Тултипы не кастомизирую, но авторские ссылки храню. Может, пригодится.
gutasiho (скрипт-кнопка есть у меня, иногда включаю, стилем не пользуюсь)
kokoss

Всего записей: 1003 | Зарегистр. 26-12-2009 | Отправлено: 18:35 07-03-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, в коде что за balloonTooltip? Для обычного tooltip можно убрать строку с -moz-appearance, у кого винда, ибо по умолчанию appearance: none

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 19:23 07-03-2024 | Исправлено: Death_INN, 19:26 07-03-2024
kokoss19

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

Цитата:
Для обычного tooltip можно убрать строку с -moz-appearance, у кого винда, ибо по умолчанию appearance: none

Я у себя везде убрал, выпилили вроде с FF 113.

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

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 20:59 07-03-2024
Rapunzi



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ПРИВЕТ!
Перестал действовать линк антизапрета https://antizapret.prostovpn.org/proxy.pac
Какой может есть новый?
Не мог теперь попасть ни на Флибусту,ни нарутркер

Всего записей: 744 | Зарегистр. 20-01-2017 | Отправлено: 12:44 08-03-2024
MaraGame24



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Rapunzi
 
настройки\настройки сети\URL автоматической настройки прокси...вставить адрес.
 
https://antizapret.prostovpn.org:8443/proxy.pac
 
 

Всего записей: 2248 | Зарегистр. 25-11-2023 | Отправлено: 12:54 08-03-2024 | Исправлено: MaraGame24, 13:05 08-03-2024
Rapunzi



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
MaraGame24
Спасибо большое! Попал куда мне надо было!
Я потом у тебяеще спрошупро стили css  

Всего записей: 744 | Зарегистр. 20-01-2017 | Отправлено: 13:19 08-03-2024
Rapunzi



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Со стилями css пока повременю - а вот почемутакая картинка?

 
если -



Всего записей: 744 | Зарегистр. 20-01-2017 | Отправлено: 14:16 09-03-2024
kokoss19

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

Цитата:
Со стилями css пока повременю - а вот почемутакая картинка?  

Здесь у вас как...


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

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 20:22 09-03-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Доброго всем!
Использую такой стиль для посещенных ссылок:

Код:
 /*=====================================================================
================= L I N K S   H I G H L I G H T I N G =================
=====================================================================*/
/* Unvisited link color. Blue: #0000ff White: #FFFFFF */
a:visited, a:visited span {
    color: #00b000 !important;
}
a:hover, a:hover span {
    color: red !important;
}
/* Подчеркивание при наведении курсора мыши на ссылку */
a[href]:hover {  
#text-decoration: 1px underline !important;
}

Возможно ли сделать так, что бы посещенная ссылка так же подчеркивалась, как при наведении на неё?

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

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

Цитата:
/* Подчеркивание при наведении курсора мыши на ссылку */
a[href]:hover {  
#text-decoration: 1px underline !important;
}  

И что у вас подчёркивает ?

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

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 22:30 10-03-2024
grom17



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

Цитата:
И что у вас подчёркивает ?

Ссылки.


Код:
/* ПОДСВЕТКА ПОСЕЩЕННЫХ И НЕПОСЕЩЕННЫХ ССЫЛОК */
/* Цвет непосещенной ссылки. */
a:visited, a:visited span {
    color: #00b000 !important; /* Цвет посещенных ссылок */
}
a:hover, a:hover span {
    color: #ff0000 !important; /* Цвет при наведении курсора на ссылку */
}
/* Подчеркивание при наведении курсора мыши на ссылку */
a[href]:hover {  
#text-decoration: 1px double red underline !important; /* Двойное подчеркивание + цвет второй полосы */
text-decoration: 2px underline !important; /* Одинарное подчеркивание 2px толщина черточки */
}

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 22:41 10-03-2024 | Исправлено: grom17, 22:48 10-03-2024
kokoss19

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Чёто я не понял, вы используйте оба эти кода ?
 
 

Цитата:
Возможно ли сделать так, что бы посещенная ссылка так же подчеркивалась,


Код:
:any-link:visited,
:any-link:not(#thumbnail).yt-simple-endpoint:visited * {
    text-decoration: red !important;
}


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

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 23:02 10-03-2024
grom17



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

Цитата:
Чёто я не понял, вы используйте оба эти кода ?

Только который с комментами, этот (последний, он же основной) с моими правками (комментариями)
 
 
Добавлено:

Цитата:
Код:
:any-link:visited,
:any-link:not(#thumbnail).yt-simple-endpoint:visited * {
    text-decoration: red !important;
}

Что-то не фунциклирует у меня. Это для userContent полагаю?

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 23:06 10-03-2024
kokoss19

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Без этого свойства ->  text-decoration: 2px underline !important; /* Одинарное подчеркивание 2px толщина черточки */ тоже работает ?

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

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



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

Да, оба варианта рабочие. По крайней мере у меня работают.

Не одновременно конечно. Одну строку комментирую.

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

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

Цитата:
a[href]:hover {  
#text-decoration: 1px double red underline !important; /* Двойное подчеркивание + цвет второй полосы */
}  

Ну если у вас с таким кодом подчёркивает, то поздравляю, видимо у меня браузер глючит!
 
Add, удалите -> # перед ->  text-decoration:, а то вы из свойства сделали селектор! Ссылка

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

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 23:22 10-03-2024 | Исправлено: kokoss19, 23:39 10-03-2024
grom17



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

Цитата:
удалите -> # перед ->  text-decoration:

Это осознанно сделано, одну строку комментирую, другой пользуюсь и наоборот.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 23:47 10-03-2024
kokoss19

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

Цитата:
Что-то не фунциклирует у меня. Это для userContent полагаю?

Да, это же контент!  
 
Add, на самом деле не работает!  
 
Добавлено:

Цитата:
Это осознанно сделано, одну строку комментирую, другой пользуюсь и наоборот.

А где вы видели что бы так закомментировали бы, лучше так:
/* text-decoration: 1px double red underline !important; */

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 23:48 10-03-2024 | Исправлено: kokoss19, 00:42 11-03-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 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

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