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

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

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

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

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



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
подскажите код для стиля, скрыть этот элемент:
http://forum.ru-board.com/topic.cgi?forum=5&topic=51478&start=60#13
 
говорят через штатные средства лисы невозможно его убрать(
 
я не пользуюсь диспетчером вкладок, у меня их немного и эта кнопка как и ее функционал мне ни к чему.

Dart Raiden
благодарю!

----------
animelist

Всего записей: 7501 | Зарегистр. 11-03-2004 | Отправлено: 22:56 01-10-2024 | Исправлено: AngelNet, 00:07 02-10-2024
Dart Raiden



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

Код:
#alltabs-button { display: none !important; }

Всего записей: 5994 | Зарегистр. 20-10-2006 | Отправлено: 23:53 01-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Цитата:
Это работает! Единственное панель нельзя растянуть - сузить мышкой.
 
Совместить ужа и ежа пока никому не удавалось. Вы стилем принудительно выставили ширину панели, о какой мышке теперь можно вести речь?

Всего записей: 7394 | Зарегистр. 14-09-2020 | Отправлено: 07:08 02-10-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
gutasiho
Цитата:
Совместить ужа и ежа пока никому не удавалось.
Да я не в претензии, мне в принципе и двигать то не обязательно, выставил на раз и всё.

Всего записей: 1467 | Зарегистр. 12-10-2002 | Отправлено: 11:14 02-10-2024
gutasiho

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

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



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Вот ещё такой вопрос: как уменьшить расстояние сверху и снизу навигационной панели на 2-3 пикселя?
Где-то попадался ответ на этот вопрос, поискал - не нашел.

 
gutasiho
Цитата:
Ранее я публиковал css автопоказа боковой панели, там еще есть что-то полезное.
Полистал несколько десятков страниц назад, не нашёл. Может не внимательно смотрел.
Можно продублировать?

Всего записей: 1467 | Зарегистр. 12-10-2002 | Отправлено: 13:22 02-10-2024 | Исправлено: grom17, 13:23 02-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Цитата:
Полистал несколько десятков страниц назад, не нашёл.
Если искать в постах конкретного юзера, то есть скрипт для обезъяны, если искать по всей теме, то в "версии для печати".
http://forum.ru-board.com/topic.cgi?forum=5&topic=51202&start=140#14  
Автоскрытие сайдбара

Всего записей: 7394 | Зарегистр. 14-09-2020 | Отправлено: 16:38 02-10-2024 | Исправлено: gutasiho, 16:38 02-10-2024
Death_INN

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

Цитата:
как уменьшить расстояние сверху и снизу навигационной панели на 2-3 пикселя?


Код:
#urlbar-container[breakout] {
  min-height: calc( var(--urlbar-container-height) - 4px) !important;
}

Всего записей: 3489 | Зарегистр. 24-10-2002 | Отправлено: 18:42 02-10-2024
ttettette

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
css адреса частей меню изменяется что ли? после обновления Firefox адрес линии поменялся с child(3) на child(4)
Как правильно удалить пункт меню и линию разделитель из меню в этом случае?
 
Удалил пункт меню  

Код:
#context_openANewTab
 {
    display: none !important;
}

 
После него осталась линия  
 
Удалил линию из меню таким кодом -  

Код:
#tabContextMenu > menuseparator:nth-child(4){
  display: none !important;
}

 
menuseparator:nth-child(4) - получил выбрав "скопировать css селектор" в инструменте, вызываемой Alt Ctrl shift I
 
Сразу и пункт и линию удалить вот так не получается - в чём ошибка?
 

Код:
menupopup#tabContextMenu > menuitem#context_openANewTab + menuseparator {
  display: none !important;
}


Всего записей: 59 | Зарегистр. 07-07-2013 | Отправлено: 19:49 02-10-2024 | Исправлено: ttettette, 19:51 02-10-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ttettette, menuseparator:nth-child(4) - так хреновенько с дочкой, ибо номер может меняться. Лучше с типом делать, тогда будет именно к сепаратору относится.
Одним стилем пункт и линию в данном случае не удалить. Ошибки нет. Последний твой код относится только к сепаратору
Лучше так

Код:
#tabContextMenu > #context_openANewTab {
  display: none;
  + menuseparator {
    display: none;
  }
}


Всего записей: 3489 | Зарегистр. 24-10-2002 | Отправлено: 20:37 02-10-2024 | Исправлено: Death_INN, 20:38 02-10-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
gutasiho Вот видел же я этот пост на восьмой странице, но почему то не обратил на него внимание.
 
Death_INN
Код:
#urlbar-container[breakout] {
  min-height: calc( var(--urlbar-container-height) - 4px) !important;
}

Почему то у меня не сработал.

Код:
:root[tabsintitlebar] {
  --toolbox-non-lwt-bgcolor: rgb(34, 33, 40) !important; /* цвет фона активного окна */
  --toolbox-non-lwt-bgcolor-inactive: rgb(60, 59, 72) !important; /* цвет фона неактивного окна */
}  
 
/* #nav-bar { background-color: rgb(60, 59, 72) !important; }  *//* цвет активной панели инструментов */
#nav-bar:-moz-window-inactive { background-color: rgb(97, 0, 0) !important; } /* цвет не активной панели инструментов */

Я заметил что в этом коде закомментировав строку (выделена жирным), расстояние сверху и снизу навигационной панели уменьшается на 1px,
визуально это воспринимается немного лучше, но тогда невозможно установить цвет активной панели инструментов.
Этот код выкладывал кто-то из вас, нижние две строки я взял из другого кода и сдаётся мне что всю "малину" портят именно эти две строчки.
Может есть у кого идеи что бы исправить ситуацию?

Всего записей: 1467 | Зарегистр. 12-10-2002 | Отправлено: 21:18 02-10-2024 | Исправлено: grom17, 21:21 02-10-2024
Death_INN

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

Цитата:
Почему то у меня не сработал

Сочувствую. Проверять код нужно, как будто он единственный и делать выводы
 

Цитата:
Я заметил что в этом коде закомментировав строку (выделена жирным), расстояние сверху и снизу навигационной панели уменьшается на 1px

Ну если на одном элементе куча стилей, то ничего удивительного. Скриншоты бы увидеть

Всего записей: 3489 | Зарегистр. 24-10-2002 | Отправлено: 21:45 02-10-2024 | Исправлено: Death_INN, 21:46 02-10-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Цитата:
Проверять код нужно, как будто он единственный и делать выводы
Ну собственно я так и делал. В чистый userChrome вписал ваш код.
 

 
С закомментированной строкой.


Всего записей: 1467 | Зарегистр. 12-10-2002 | Отправлено: 22:05 02-10-2024 | Исправлено: grom17, 22:06 02-10-2024
Death_INN

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

Цитата:
В чистый userChrome вписал ваш код

А можно этот чистый в студию?

Всего записей: 3489 | Зарегистр. 24-10-2002 | Отправлено: 23:08 02-10-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Убрать лупу с плитки на домашней странице.

Код:
@-moz-document url("about:home"), url("about:newtab") {
  .top-site-icon.search-topsite {
    display: none !important;
  }
}

 
Добавлено:
Death_INN
Цитата:
А можно этот чистый в студию?

Так файл  userChrome который лежит в папке chrome, а в нём прописан только ваш код.
И всё больше нигде и ничего.

Всего записей: 1467 | Зарегистр. 12-10-2002 | Отправлено: 23:10 02-10-2024
ttettette

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Ваш код убрал пункт меню, но оставил линию-сепаратор.
Может она особенная какая-то.

Всего записей: 59 | Зарегистр. 07-07-2013 | Отправлено: 05:10 03-10-2024
Death_INN

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

Код:
#nav-bar {
  height: 30px !important;
}

 
ttettette, я не в курсе, что там могло вклиниться между пунктом и сепаратором (сабжем или стилями), а если так?

Код:
#tabContextMenu > :is(#context_openANewTab, menuseparator:nth-of-type(1)) {
  display: none;
}

Не сработает, то можно и с !important попробовать (вдруг что перебивает) и (или) единицу на двойку сменить

Всего записей: 3489 | Зарегистр. 24-10-2002 | Отправлено: 07:55 03-10-2024 | Исправлено: Death_INN, 08:20 03-10-2024
ttettette

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Так сработало сразу, спасибо!

Всего записей: 59 | Зарегистр. 07-07-2013 | Отправлено: 08:39 03-10-2024
deannik

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Код:
#personal-toolbar-empty {
  visibility: hidden;
}  

Стиль для этого работает. Спасибо.

Код:
:root[tabsintitlebar] {
  &[sizemode="normal"] #navigator-toolbox {
    border-top: 0.5px solid ActiveBorder;
    &:-moz-window-inactive {
      border-top-color: InactiveBorder;
    }
  }
}  

Спасибо, для этого не работает. Извиняюсь, если неверно пояснил. Вот: tc — рамка и тень видны, chr — рамка и тень видны, ff — сверху рамка и тень отсутствует.

Всего записей: 559 | Зарегистр. 04-08-2013 | Отправлено: 09:33 03-10-2024 | Исправлено: deannik, 09:37 03-10-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, а цвет почему не пробовал поменять, может что глушит? Тень у меня есть. Если бы сразу отвечал, то я бы не забыл в какой версии сабжа смотреть, какая тема, какие у тебя стили
ActiveBorder на #707070
InactiveBorder на #AAAAAA

Всего записей: 3489 | Зарегистр. 24-10-2002 | Отправлено: 10:40 03-10-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

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