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

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

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

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

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

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

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



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

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



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

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

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

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

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



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

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



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

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



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

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



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

 
если -



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

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

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

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


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

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



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

Код:
 /*=====================================================================
================= 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;
}

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

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

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



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
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 толщина черточки */
}

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

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



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

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

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

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

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

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

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

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

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



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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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