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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№350110-12-2017 08:17:15

Ultima2m
Участник
 
Группа: Members
Откуда: Россия
Зарегистрирован: 28-11-2013
Сообщений: 608
UA: Firefox 52.0

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

Кто в курсе, как настроить вид скроллбара?
Раньше работал стиль, а в 57 что то отвалился он.

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

Выделить код

Код:

/* AGENT_SHEET */


scrollbar, scrollcorner 
{
-moz-appearance: none !important; 
background: none !important; 
padding: 0 !important; 
border: 0 !important; 
margin: 0 !important; 
}

scrollbar:hover thumb[orient="vertical"],
scrollbar:hover thumb[orient="horizontal"],
scrollbar:hover scrollbarbutton
{ opacity: .8 !important; }


scrollbar thumb[orient="vertical"],
textbox scrollbar thumb[orient="vertical"]
{ -moz-appearance: none !important; 
opacity: .4 !important;
min-height: 30px !important;
border: none !important; 
border-radius: 4px !important; 
background-color: #444444 !important;  
background-image: -moz-linear-gradient(90deg, #444 0%, #999 5%, #444 50%, #999 95%, #444 100%) !important; 
}

scrollbar thumb[orient="horizontal"],
textbox scrollbar thumb[orient="horizontal"]
{ -moz-appearance: none !important; 
min-width: 30px !important;
opacity: .4 !important;
border: none !important;
border-radius: 6px !important;
background-color: #444444 !important;  
background-image: -moz-linear-gradient(0deg, #444444 0%, #999999 10%, #444444 50%, #999999 90%, #444444 100%) !important;} 

scrollbar[orient="vertical"]
{
min-width: 8px !important;
max-width: 8px !important;
}

html>scrollbar[orient="vertical"]
{
margin-left: -8px !important;
position: relative !important;
z-index: 99999999 !important;
}

scrollbar[orient="horizontal"]
{
max-height: 12px !important;
min-height: 12px !important; 
}
html>scrollbar[orient="horizontal"]
{
position: relative !important;
z-index: 99999999 !important;
}

scrollbarbutton {display: none!important; }

/**** so scrollbar won't block links, other scrollbars, etc *****/
@-moz-document url-prefix(http){
body
{
padding-right: 8px !important;
max-width: calc(100% - 8px)  !important;
}
}

Отсутствует

 

№350210-12-2017 14:18:34

rubel
Участник
 
Группа: Members
Откуда: г.Самара
Зарегистрирован: 10-05-2005
Сообщений: 559
UA: Firefox 57.0

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

Ultima2m пишет

Кто в курсе, как настроить вид скроллбара?
Раньше работал стиль, а в 57 что то отвалился он.

Я себе сделал так:
8d8595b5364333f31a4a9f816e940311.png
Вот отсюда.

Отсутствует

 

№350310-12-2017 14:25:59

MrDenver
Участник
 
Группа: Members
Зарегистрирован: 28-11-2017
Сообщений: 67
UA: Firefox 57.0

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

villa7
Я так и пробовал, положил ваш код в userChrome.css. Эффекта нет. А у вас на гифке показан пример с Custom Buttons.

Отсутствует

 

№350410-12-2017 14:34:03

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

MrDenver
Значит в 57 [firefox] селекторы изменились, но тут  уже я не в силах помочь, сижу на ХР, 57 [firefox] не установить.
Да это через кнопку. Код в Инициализацию, а стиль в Справку.

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

Выделить код

Код:

// ЛКМ переключить настройки кнопки и стиль ..........
this._handleClick =()=> setStyleForPages( void(custombuttons.setPrefs(s, !custombuttons.getPrefs(s))) );


// Создать настройки кнопки в about:config если они не существует и получть ..........
var s = "CB." + _id.slice(20) + ".setStyleForPage";
custombuttons.isPref(s, false);
    

// Установить нужную иконку кнопки при старте браузера или при изменениях настроек кнопки ..........
function toggleImage() {
   var [img] = document.getAnonymousNodes(self);
   img.style.backgroundColor = custombuttons.getPrefs(s) ? "#131d24" : "#ffeeaa";  
};
toggleImage();
gPrefService.addObserver(s, toggleImage, false);
addDestructor(()=> gPrefService.removeObserver(s, toggleImage) );


// Переключить css стиль для страницы ..........
function setStyleForPages(reason) {
   if ( reason == "destructor" ) return; 

   var sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService); 
   var uri = makeURI("data:text/css," + encodeURIComponent(self.Help)); 
   
   try { sss.unregisterSheet(Services[_id + "previousUri"] || uri, 0) } catch(e) {};
   Services[_id + "-previousUri"] = uri;
   
   custombuttons.getPrefs(s) && !reason && sss.loadAndRegisterSheet(uri, 0);
};
addDestructor(setStyleForPages);
custombuttons.getPrefs(s) && setStyleForPages();


// Подсказка для кнопки .......... 
this.tooltipText = self.label + "\nЛ: Переключить черный фон страниц";


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№350510-12-2017 14:56:13

MrDenver
Участник
 
Группа: Members
Зарегистрирован: 28-11-2017
Сообщений: 67
UA: Firefox 57.0

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

villa7
Я хочу настроить цвета заднего фона через userChrome.css. Я так понимаю ваши коды работают только через custom buttons.
Кто владеет информацией напишите пожалуйста.

Отсутствует

 

№350610-12-2017 15:10:46

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

MrDenver
Сам код в userChrome.css работает, вопрос только в селекторах.


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№350710-12-2017 15:14:30

MrDenver
Участник
 
Группа: Members
Зарегистрирован: 28-11-2017
Сообщений: 67
UA: Firefox 57.0

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

villa7
спасибо вам за помощь! Верю, что вы правы и алгоритм рабочий.
Кто может помочь подкорректировать селекторы?

Отсутствует

 

№350810-12-2017 17:12:42

Hiddenfox
Участник
 
Группа: Members
Зарегистрирован: 10-12-2017
Сообщений: 2
UA: Firefox 57.0

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

Подскажите кто сталкивался. Изменил стиль, для возможности открывать вкладки в несколько рядов, но вкладка переносится из третьего ряда в первый или во второй , не знаю, что винить и кто виноват в причинах поведения. Может, кто сталкивался с этим ?

Код используемый:

Выделить код

Код:

#TabsToolbar .tabbrowser-arrowscrollbox,
#TabsToolbar .arrowscrollbox-scrollbox,
#TabsToolbar .scrollbox-innerbox {
  display: block !important;
}

.scrollbutton-up,
.arrowscrollbox-overflow-start-indicator,
.scrollbutton-down,
.arrowscrollbox-overflow-end-indicator {
  display: none !important;
}

.tabbrowser-tab {
  min-height: var(--tab-min-height) !important;
  vertical-align: bottom !important;
}

.tabbrowser-tab {
    min-width: 100px !important;
}    

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

.tab-close-button,.tab-close-button > .toolbarbutton-icon {
   display: -moz-box !important;
   }

Отсутствует

 

№350910-12-2017 18:35:21

жрнжп
Участник
 
Группа: Members
Зарегистрирован: 03-07-2011
Сообщений: 296
UA: Firefox 59.0

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

Если  используете userChrome.css - включайте телеметрию :D
http://forums.mozillazine.org/viewtopic … #p14782971
https://bugzilla.mozilla.org/show_bug.cgi?id=1416044

Отредактировано жрнжп (10-12-2017 18:35:53)

Отсутствует

 

№351010-12-2017 18:50:29

MrDenver
Участник
 
Группа: Members
Зарегистрирован: 28-11-2017
Сообщений: 67
UA: Firefox 57.0

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

Вот что мне удалось найти.Для примера взял красный цвет.Насколько я понял, то цвет заднего фона в боковой панели задается этим кодом:

.sidebar-placesTreechildren::-moz-tree-row(?????) {
background-color: #f00 !important;
}

Может кто подсказать что нужно прописывать в скобках? И верно ли я подобрал код?

Отсутствует

 

№351110-12-2017 19:02:28

жрнжп
Участник
 
Группа: Members
Зарегистрирован: 03-07-2011
Сообщений: 296
UA: Firefox 59.0

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

MrDenver
.sidebar-placesTree {
    background-color: #f00 !important;
}

вполне достаточно.

Отсутствует

 

№351210-12-2017 19:08:03

MrDenver
Участник
 
Группа: Members
Зарегистрирован: 28-11-2017
Сообщений: 67
UA: Firefox 57.0

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

жрнжп
Попробовал код, к сожалению не срабатывает в FF57

Отсутствует

 

№351310-12-2017 19:14:25

жрнжп
Участник
 
Группа: Members
Зарегистрирован: 03-07-2011
Сообщений: 296
UA: Firefox 59.0

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

Странно, может что переделали в Nightly. Кстати, существует нехилая вероятность, что Mudilla Mozilla выпилит userChrome.css; они уже приделали телеметрию частоты использования этой функции.

Отсутствует

 

№351410-12-2017 19:45:55

Hiddenfox
Участник
 
Группа: Members
Зарегистрирован: 10-12-2017
Сообщений: 2
UA: Firefox 52.0

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

жрнжп пишет

Если  используете userChrome.css - включайте телеметрию http://forums.mozillazine.org/viewtopic … #p14782971https://bugzilla.mozilla.org/show_bug.cgi?id=1416044
                    Отредактировано жрнжп (Сегодня 18:35:53)

C Учётом того, что удалённую отладку включают некоторые и ещё некоторые фичи для корректной работы с Http - не удивительно.

Отсутствует

 

№351510-12-2017 23:50:42

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

MrDenver
А так что нибудь меняет при добавлении в userChrome.css? Что бы хотя бы понять, селекторы не те или что то другое.

Выделить код

Код:

* {background: #f00 !important;}

Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№351611-12-2017 09:02:08

AlAvis
Участник
 
Группа: Members
Зарегистрирован: 16-06-2014
Сообщений: 599
UA: Firefox 56.0

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

жрнжп пишет

существует нехилая вероятность, что Mudilla Mozilla выпилит userChrome.css; они уже приделали телеметрию частоты использования этой функции

Судя по багзилле - наоборот . Возникло подозрение что перестарались с "безопасностью" и решили в 59-62 посмотреть сколько процентов юзеров используют , что бы расширить API .

Отсутствует

 

№351712-12-2017 01:12:07

MrDenver
Участник
 
Группа: Members
Зарегистрирован: 28-11-2017
Сообщений: 67
UA: Firefox 57.0

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

villa7
Попробовал с символом звездочка, нет эффекта.

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

При наведении курсора на любую кнопку появляется серый квадратный фон. Как можно заменить этот серый фон на свой?

Отредактировано MrDenver (12-12-2017 01:21:46)

Отсутствует

 

№351812-12-2017 03:16:04

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

MrDenver
Если нет эффекта значит у Вас userChrome.css вообще не работает. Потому как * окрасила бы буквально всё в красный цвет. userChrome.css должен лежать в папке chrome в папке профиля.

При наведении курсора на любую кнопку появляется серый квадратный фон. Как можно заменить этот серый фон на свой?

Выделить код

Код:

.toolbarbutton-1.chromeclass-toolbar-additional:hover > .toolbarbutton-icon {background: #f00 !important;}

Но опять же что толку если не работает userChrome.css.

Отредактировано villa7 (12-12-2017 03:33:03)


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№351912-12-2017 16:01:00

kampot
Участник
 
Группа: Members
Зарегистрирован: 02-05-2008
Сообщений: 44
UA: Firefox 57.0

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

Подскажите, как сделать иконки на панели закладок в несколько рядов и чтобы их название при наведение появлялось, если оно есть.

Есть вот такой код, но чет не могу добиться чтобы исчезало название закладок


Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#personal-bookmarks
{
 display: block;
}
#personal-bookmarks #PlacesToolbar
{
 display: block;
 min-height: 0px;
 overflow-x: hidden;
 overflow-y: auto;
 max-height: 999px;
}
#personal-bookmarks #PlacesToolbar > hbox
{
 display: -moz-stack !important;
 left: 0px;
 right: 0px;
 width: 100%;
}
#personal-bookmarks #PlacesToolbar #PlacesToolbarItems
{
 /*display:block;*/
 overflow-x: visible;
 overflow-y: visible;
}
#personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box
{
 display: block;
}
#personal-bookmarks #PlacesToolbar > .bookmark-item
{
 visibility: visible !important;
}
#personal-bookmarks #PlacesToolbar .chevron
{
 display: none;
}
#personal-bookmarks #PlacesToolbar > hbox > hbox
{
 overflow-x: hidden;
 overflow-y: hidden;
}
#personal-bookmarks #PlacesToolbar  #PlacesToolbarDropIndicator[collapsed="true"]
{
 display: none;
}
#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator
{
 display: none;
}
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item
{
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 3px;
 padding-right: 3px;
}
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"]
{
 padding-top: 2px !important;
 padding-bottom: 2px !important;
 -moz-padding-start: 4px;
 -moz-padding-end: 2px;
}
#personal-bookmarks #PlacesToolbar toolbarseparator
{ 
 -moz-appearance: none !important;
 visibility: visible !important;
 display: inline;
 text-shadow: none !important;
 border-left: 3px solid ThreeDShadow !important;
 border-right: 3px solid ThreeDHighlight !important;
 vertical-align: middle;
}
#personal-bookmarks toolbarbutton.bookmark-item[dragover][open]
{
 -moz-appearance: toolbarbutton;

Отсутствует

 

№352012-12-2017 21:37:43

Kamaxa25
Участник
 
Группа: Members
Зарегистрирован: 12-06-2017
Сообщений: 37
UA: Firefox 57.0

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

Приветствую. Как увеличить сам текст, в вкладках научили как менять размер шрифта, а вот в закладках и где подчеркнуто...

скрытый текст
1.jpg

И вот еще, наверняка есть решение. Как удалить это из закладок?
скрытый текст
1.jpg

Отредактировано Kamaxa25 (12-12-2017 21:41:39)

Отсутствует

 

№352112-12-2017 22:11:53

MrDenver
Участник
 
Группа: Members
Зарегистрирован: 28-11-2017
Сообщений: 67
UA: Firefox 57.0

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

villa7
Я нашел глюк, я брал чужой стиль userChrone изначально и как я понял, в нем какие-то прописанные элементы не дают перекрашивать по вашим кодам.
Взял для эксперимента удалил чужой код и поместил последний код в чистый лист userchrome. Цвет появился, я увидел красный цвет.
Но обнаружилась другая странность,ваш последний код перекрашивает как-то выборочно. Часть кнопок стали выделяться красным цветом, а часть кнопок так и осталась серым изначаьным цветом.
Что-то еще надо просписать в код,чтобы все кнопки перекрашивались?

Отсутствует

 

№352213-12-2017 00:07:24

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

MrDenver
Значит часть кнопок от каких то расширений, а не дефолтные фаерфоксовские. Так попробуйте, и цвет свой подберите.

Выделить код

Код:

#nav-bar toolbarbutton:hover > .toolbarbutton-icon {background: #f00 !important;}

А фон в закладках поменялся, то что раньше просили?

Добавлено 13-12-2017 00:22:57
Kamaxa25

Выделить код

Код:

#subscribeToPageMenuitem, #bookmarksToolbarFolderMenu, #bookmarksMenuItemsSeparator {display: none !important;}

menubar > menu, .menuitem-iconic.bookmark-item.menuitem-with-favicon, .menu-iconic.bookmark-item, 
#bookmarksMenuPopup > menuitem {font-size: 20px  !important;}

Отредактировано villa7 (13-12-2017 00:46:14)


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№352313-12-2017 00:43:07

Kamaxa25
Участник
 
Группа: Members
Зарегистрирован: 12-06-2017
Сообщений: 37
UA: Firefox 57.0

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

villa7
Не помогает. Вот все что написано в userChrome.css

скрытый текст
1.jpg

Кстати Подписаться на ленты новостей пропала. Спасибо
Хм. Удалил

Выделить код

Код:

.tabbrowser-tab .tab-text {
    font-size: 110% !important;

И все получилось, Я так понял 20 в {font-size: 20px  !important;} и есть значение величины. Будем пробовать. Кстати Подписаться на ленты новостей пропала опять появилась)

Отредактировано Kamaxa25 (13-12-2017 00:47:28)

Отсутствует

 

№352413-12-2017 00:53:07

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

Kamaxa25
.tabbrowser-tab .tab-text {
    font-size: 110% !important;   -- } Фигурную скобочку в конце поставьте и всё будет работать.


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№352513-12-2017 00:56:42

Kamaxa25
Участник
 
Группа: Members
Зарегистрирован: 12-06-2017
Сообщений: 37
UA: Firefox 57.0

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

villa7
Спасибо огромное. Может вы еще знаете как вкладки вниз переместить?
А как тут изменить масштаб шрифта? Да и много где еще маленький текст. Сделать бы везде одинаковый... и в закладках и в панели меню. и в контекстном....

скрытый текст
1.jpg

Фух, вроде приходит в божеский вид. Спасибо что помогаете нубам как я

Отредактировано Kamaxa25 (13-12-2017 01:15:57)

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]