Настройка внешнего вида Firefox в userChrome.css

Kamui · №1901

Dexu
[id^="noscript-tbb.noscript"]

Mixold · №1902

Приветствую! Установил FF37 и промучался с настройками интерфейса. У меня накопилось несколько вопросов, буду рад помощи.

1) Как убрать дурацкие рамки с кнопок? Плагин "Classic theme restorer" мне не подходит. Раньше можно было всё хозяйство перенести в панель закладок, где они становятся автоматом без рамок, а теперь новый супер-пупер-интерфейс не даёт перенести туда адресную строку. Есть ли CSS код, позволяющий убрать рамки? Или может скомбинировать панель навигации и закладок? Просто перенести адресную строку в панель закладок? Я готов даже заменить стандартные иконки кнопок, но не знаю, где физически лежат файлы картинок.

2) Как полностью убрать Windows кнопки управлением окна? Они мне совсем не нужны и только мешаются.

3) Как можно уменьшить расстояние между кнопками избранного на напели навигации (вконтакте, facebook)?

Отредактировано Mixold (09-05-2015 00:16:04)

turbot · №1903

Mixold

Mixold пишет

1)

Их и нет, по-дефолту (сюрпрайз! ). Ищите аддон/тему/стиль, что их добавляет.

2)

https://forum.mozilla-russia.org/viewto … 70#p682070 и еще в следующем, для фулскрин.

3)

~~Не понял. Дайте скрин. У вас закладки, что ли, на навбар вынесены?~~ А, вижу, не загрузилась картинка. Но все равно не знаю, как, ибо я их туда даже не могу перетащить...

Отредактировано turbot (09-05-2015 00:33:49)

Mixold · №1904

turbot пишет

Их и нет, по-дефолту (сюрпрайз! ). Ищите аддон/тему/стиль, что их добавляет.

Ха, точно! Виновник найден - плагин "Classic toolbar buttons". Спасибо!

turbot пишет

https://forum.mozilla-russia.org/viewto … 70#p682070 и еще в следующем, для фулскрин.

Да, скрыть windows-кнопки можно, но их функциональность не исчезает, поэтому если кликнуть в месте закрытия окна, в пустом пространстве, FF закрывается. Когда вкладок открывается достаточное кол-во, иконка с плюсиком (New Tab) оказывается на месте иконки закрытия - и вуаля, вместо новой вкладки закрывается вся программа. Ладно, попробую padding, margin для windows control. А то на них, почему-то, наезжают новые вкладки.

3) Для размещения своих иконок в панели навигации нужно в режиме "Изменить" перетащить туда "Элементы панели закладок", затем щёлкая правой кнопкой мыши удалить ненужные элементы ("часто посещаемые", что-то ещё) и названия у кнопок.

turbot · №1905

Mixold
Тогда, пас.

3)

Ууу, лень проверять, но попробуйте:

скрытый текст

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#nav-bar .bookmark-item {
  -moz-appearance: none!important;
  padding: unset!important;
  margin: unset!important;
  width: auto!important;
  height: auto!important;
  border: none!important;
}
#nav-bar .bookmark-item > .toolbarbutton-icon{
  -moz-appearance: none!important;
  padding: unset!important;
  margin: unset!important;
  width: auto!important;
  height: auto!important;
  border: none!important;
}

_{(Что-то, может, лишнее, пробуйте удалять, либо менять значения, типа: padding: 0px, вместо unset и auto)}

Vitaliy V. · №1906

del

Отредактировано Vitaliy V. (09-08-2016 22:43:33)

Mixold · №1907

Vitaliy V. пишет

Только учтите - прозрачности окна браузера в Win 7 аэро не станет и изменится цвет (цвет можно изменить в стиле или установить лёгкую тему)

Спасибо. Скрипт заработал без бубнов, освободив дополнительное пространство для вкладок. Ура!

Kero · №1908

Подскажите что надо вставить чтоб изменить вид about:config на такой как он был раньше ?
Также как замнить "Попытка соединения не удалась, Firefox не может установить соединение с сервером" , чтоб убрать этот вин8 стиль ?
Ставил пример из https://forum.mozilla-russia.org/viewto … 43#p673543 но ничего не меняется, что не так ?

turbot · №1909

Kero пишет

пример

Это надо в userContent.css. Еще там что-то с тех пор менялось. У меня сейчас так.

Kero · №1910

turbot
о получилось
А кнопочку поменять на такую что раньше (виндовская ) была и значёк другой , как ?

А зменить вид about:config на такой как он был раньше, как ? Там же совсем просто наверно.,
И ещё может убрать тот тёмный фон что при открытии изображений , заменить его просто на какой нибудь серый с центровкой .

turbot · №1911

Kero
Скачать старую версию ff, и смотреть DOM Inspector'om (или просто, встроенным инспектором) какой там, стиль и копировать. Мне лень, честно говоря. А по памяти я уже и не помню, что там было.
Поищите еще на userstyle готовый стиль.

Kero · №1912

turbot
А вот не выходит поменять ссылку на другой файл,
ставлю background-image: url(file:///с:/вид/e8d08044c.gif) !important;
Что не так, ставил и без file:///, тоже нет

Отредактировано Kero (14-05-2015 19:20:46)

turbot · №1913

Kero пишет

убрать тот тёмный фон что при открытии изображений

скрытый текст

Выделить код

Код:

@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@namespace html url(http://www.w3.org/1999/xhtml);
@-moz-document regexp("(?:.*)\.(png|jpg|jpeg|gif|apng)") {
@media not print {
  body {
    background: rgba(120,120,120,.5)!important; /*цвет фона*/
  }
  img.transparent {
    background: rgba(40,40,40,.5)!important; /*цвет прозрачности*/
  }
}
}

- не знаю, будет ли коректно работать в userContent.css. Проверял только в Stylish'е.

А вот не выходит поменять ссылку на другой файл

url("file:///C:/bla-bla/404.jpg") - должно работать. Браузер перезапускали, после изменения userContent.css?

Отредактировано turbot (14-05-2015 19:40:09)

Kero · №1914

turbot пишет

Браузер перезапускали

конечно и разные типы фалов менял.

background-image: url("file:///свид/e8d08044c.gif") !important;
безрезультатно.

turbot пишет

скрытый текст

о :beer:

turbot · №1915

Kero пишет

безрезультатно

Не имею других идей. Путь точно правильно указан? Сам файл существует?
Ну, наконец, конвертите его в base64, да вставляйте в таком виде (гугл в помощь, онлайн декодеров - море).

Vitaliy V. · №1916

Kero пишет

background-image: url("file:///свид/e8d08044c.gif") !important;
безрезультатно.

С userContent.css делаете просто - background-image: url("e8d08044c.gif") !important;
А сам файл кидаете в папку chrome

Отредактировано Vitaliy V. (14-05-2015 20:22:00)

Kero · №1917

Vitaliy V. пишет

делаете просто

о так получилось.

Отредактировано Kero (14-05-2015 20:53:42)

FMRUser · №1918

Ночью тут заморочился с контекстным меню (которое - обновить, вперед, назад..), зачем и сам пока не знаю, из исходников вынул и мальца отредактировал:

Тыц

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#context-navigation{
  -moz-appearance:none !important;
  -moz-box-orient: vertical !important;
  background:unset !important;
  margin-bottom: 0;
}

#context-navigation > menuitem {
  padding:0 1px 0 4px!important;
}

#context-navigation > .menuitem-iconic {
  -moz-box-pack: start;
}

#context-back {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back");
}

#context-back[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-active");
}

#context-back[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-disabled");
}

#context-forward {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward");
}

#context-forward[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-active");
}

#context-forward[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-disabled");
}

#context-reload {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload");
}

#context-reload[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-active");
}

#context-reload[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-disabled");
}

#context-stop {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop");
}

#context-stop[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-active");
}

#context-stop[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-disabled");
}

#context-bookmarkpage {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark");
}

#context-bookmarkpage[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-active");
}

#context-bookmarkpage[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-disabled");
}

#context-back:-moz-locale-dir(rtl),
#context-forward:-moz-locale-dir(rtl),
#context-reload:-moz-locale-dir(rtl) {
  transform: scaleX(-1);
}

#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: auto;
  margin-bottom: auto;
}

#context-media-eme-learnmore {
  list-style-image: url("chrome://browser/skin/drm-icon.svg#chains");
}

Не получается прикрутить label к пунктам меню, так например получается криво:

Выделить код

Код:

#context-reload:before{
  content:"Обновить.."!important;
}

С #context-reload>label:before и вовсе не получается. Как говорится, кто чем может.. :rolleyes:

Отредактировано FMRUser (16-05-2015 12:52:46)

FMRUser · №1919

В общем в итоге, как то так:

Тыц

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#context-reload:before {
  content:"Обновить"!important;
}

#context-stop:before {
  content:"Остановить"!important;
}

#context-back:before {
  content:"Назад"!important;
}

#context-forward:before {
  content:"Вперед"!important;
}

#context-bookmarkpage:before {
  content:"Добавить в закладки"!important;
}

#context-navigation{
  -moz-appearance:none !important;
  -moz-box-orient: vertical !important;
  background:unset !important;
  margin-bottom: 0;
}

#context-navigation > menuitem {
  padding:0 1px 0 4px!important;
}

#context-navigation > .menuitem-iconic {
  -moz-box-pack: start;
}

#context-back {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back");
}

#context-back[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-active");
}

#context-back[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-disabled");
}

#context-forward {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward");
}

#context-forward[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-active");
}

#context-forward[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-disabled");
}

#context-reload {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload");
}

#context-reload[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-active");
}

#context-reload[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-disabled");
}

#context-stop {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop");
}

#context-stop[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-active");
}

#context-stop[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-disabled");
}

#context-bookmarkpage {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark");
}

#context-bookmarkpage[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-active");
}

#context-bookmarkpage[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-disabled");
}

#context-back:-moz-locale-dir(rtl),
#context-forward:-moz-locale-dir(rtl),
#context-reload:-moz-locale-dir(rtl) {
  transform: scaleX(-1);
}

#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: auto;
  margin-bottom: auto;
}

#context-media-eme-learnmore {
  list-style-image: url("chrome://browser/skin/drm-icon.svg#chains");
}

..одна печаль, поменять местами расположение иконок с подписями. :whiteflag:

Отредактировано FMRUser (16-05-2015 14:28:03)

Northtech · №1920

FMRUser, есть такой вариант, без иконок:

Выделить код

Код:

#context-back image, #context-forward image, #context-reload image, #context-stop image, #context-bookmarkpage image {
display: none !important;
}

#context-back:after, #context-forward:after, #context-reload:after, #context-stop:after, #context-bookmarkpage:after {
content: attr(aria-label) !important;
margin-left: 15px !important;
margin-right: 25px !important;
}

#context-navigation {
-moz-box-orient: vertical !important;
}

#context-navigation > .menuitem-iconic {
-moz-box-pack: start !important;
}

FMRUser · №1921

Northtech
Эх, знаю., вся суть моих копаний в иконках.)

xrun1 · №1922

FMRUser
Может не в тему, но вдруг найдёте аналогии...
Я когда-то попросил Lex1 добавить иконки в его кнопку google-translate, что он и сделал.

картинка

FMRUser · №1923

Во, зашел с другого конца:

Тыц

Выделить код

Код:

#context-back:after, #context-forward:after, #context-reload:after, #context-stop:after, #context-bookmarkpage:after {
content: attr(aria-label) !important;
margin-left: 15px !important;
margin-right: 25px !important;
}

#context-navigation {
  background:unset !important;
-moz-box-orient: vertical !important;
}

#context-navigation > .menuitem-iconic {
-moz-box-pack: start !important;
}

#context-navigation > menuitem {
  padding:0 1px 0 4px!important;
}

#context-back {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back");
}

#context-back[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-active");
}

#context-back[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-disabled");
}

#context-forward {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward");
}

#context-forward[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-active");
}

#context-forward[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-disabled");
}

#context-reload {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload");
}

#context-reload[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-active");
}

#context-reload[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-disabled");
}

#context-stop {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop");
}

#context-stop[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-active");
}

#context-stop[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-disabled");
}

#context-bookmarkpage {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark");
}

#context-bookmarkpage[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-active");
}

#context-bookmarkpage[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-disabled");
}

#context-back:-moz-locale-dir(rtl),
#context-forward:-moz-locale-dir(rtl),
#context-reload:-moz-locale-dir(rtl) {
  transform: scaleX(-1);
}

#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: auto;
  margin-bottom: auto;
}

#context-media-eme-learnmore {
  list-style-image: url("chrome://browser/skin/drm-icon.svg#chains");
}

..всем спасибо.

Теперь попробую назад в исходники заколотить, может что путное получится. Не, ну рельно не знаю зачем, вроде к новому уже привык, извращаюсь, что ли. :rolleyes:

turbot · №1924

FMRUser
Немного опоздал, но вот еще так:

скрытый текст

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#context-navigation{
  -moz-appearance:none !important;
  -moz-box-orient: vertical !important;
  background:unset !important;
  margin-bottom:-4px !important;
}
#context-navigation > .menuitem-iconic > .menu-iconic-left {
  -moz-appearance: menuimage!important;
}
#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
  margin: unset!important;
}
#context-navigation label{
  display: inline !important;
}

FMRUser · №1925

turbot
Спасибо. У меня тут еще несоответствие., подписи к bottom жмутся. Как то можно их отцентровать? Не нахожу к чему прицепиться:

Вот..

Выделить код

Код:

#context-back:after, #context-forward:after, #context-reload:after, #context-stop:after, #context-bookmarkpage:after {
content: attr(aria-label) !important;
margin-left: 11.5px !important;
margin-right: 25px !important;
}

#context-navigation {
  background:unset !important;
-moz-box-orient: vertical !important;
}

#context-navigation > .menuitem-iconic {
-moz-box-pack: start !important;
}

#context-navigation > menuitem {
  padding:2px 1px 0px 4px!important;
}

#context-back {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back");
}

#context-back[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-active");
}

#context-back[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-disabled");
}

#context-forward {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward");
}

#context-forward[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-active");
}

#context-forward[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-disabled");
}

#context-reload {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload");
}

#context-reload[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-active");
}

#context-reload[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-disabled");
}

#context-stop {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop");
}

#context-stop[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-active");
}

#context-stop[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-disabled");
}

#context-bookmarkpage {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark");
}

#context-bookmarkpage[_moz-menuactive=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-active");
}

#context-bookmarkpage[disabled=true] {
  list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-disabled");
}

#context-back:-moz-locale-dir(rtl),
#context-forward:-moz-locale-dir(rtl),
#context-reload:-moz-locale-dir(rtl) {
  transform: scaleX(-1);
}

#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: auto;
  margin-bottom: auto;
}

#context-media-eme-learnmore {
  list-style-image: url("chrome://browser/skin/drm-icon.svg#chains");
}

..или счастье полным не бывает?

Полезная информация

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Board footer