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

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

№242612-10-2015 01:39:09

Kero
Участник
 
Группа: Members
Зарегистрирован: 09-11-2012
Сообщений: 221
UA: Firefox 31.0

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

Vitaliy V.

по поводу about:config


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

Отсутствует

 

№242712-10-2015 13:51:55

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 41.0

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

.

Отредактировано Vitaliy V. (09-08-2016 23:01:03)

Отсутствует

 

№242812-10-2015 19:53:01

Kero
Участник
 
Группа: Members
Зарегистрирован: 09-11-2012
Сообщений: 221
UA: Firefox 31.0

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

Vitaliy V.
спасибо.
Пытаюсь избавится от этого Windows 8 .

А вы это всё сами делаете ?
А есть ли какой визуальный редактор чтоб сразу изменения были видны или только каждый раз перезагружать браузер ?

Отсутствует

 

№242912-10-2015 21:06:31

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 41.0

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

Kero пишет

А вы это всё сами делаете ?

Если вы про скрины на разных ОС, то у меня Windows 10 c Ubuntu MATE установлены, а на виртуалке Windows XP и др.

Kero пишет

А есть ли какой визуальный редактор чтоб сразу изменения были видны или только каждый раз перезагружать браузер ?

В качестве визуального редактора у меня Stylish, он установлен на несколько тестовых профилей [firefox], но не на основных.
Обычно ещё открываю Notepad++ с файлами CSS из основных профилей и добавляю/правлю то что проверено в  Stylish.

Отредактировано Vitaliy V. (17-11-2015 16:05:08)

Отсутствует

 

№243013-10-2015 02:43:49

jars
Забанен
 
Группа: Members
Зарегистрирован: 28-07-2015
Сообщений: 235
UA: Palemoon 25.0

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

Kero пишет

каждый раз перезагружать браузер ?

Кнопка перегружает стили в userChrome(ЛКМ) / userContent.css(ПКМ)

Init

Выделить код

Код:

// script author: Griever       http://d.hatena.ne.jp/Griever/
// Кнопка перезагружает файлы (userChrome | userContent).css прям сразу. без перезагрузки бравзера
// Шобы работало в версиях 24+ в начало файлов нужно вставить строку:    root{}
 this.onclick = function(e) {
     if ( e.button == 0 ) reloadUserChromeCSS();
     if ( e.button == 1 ) gShowPopup(this);   // custombuttons.editButton(this); шобы сразу открывать на правку кнопку
     if ( e.button == 2 && !e.ctrlKey && !e.shiftKey && !e.altKey ) {
             e.preventDefault();
             reloadUserContentCSS();
             }
   };
 this.tooltipText = "ЛКМ - перезагрузить userChrome.css\nПКМ - перезагрузить userContent.css\n-------------------------------------------------------\nСКМ - редактировать кнопку";

(function(){
// "use strict";
var inIDOMUtils = Cc["@mozilla.org/inspector/dom-utils;1"].getService(Ci.inIDOMUtils);

window.reloadUserChromeCSS = function() {
  var aFile = Services.dirsvc.get("UChrm", Ci.nsILocalFile);
    aFile.appendRelativePath("userChrome.css");

    var fileURL = Services.io.getProtocolHandler("file")
        .QueryInterface(Ci.nsIFileProtocolHandler)
        .getURLSpecFromFile(aFile);

    var rule = getStyleSheet(document.documentElement, fileURL);
    if (!rule) return;

    inIDOMUtils.parseStyleSheet(rule, loadText(aFile));
    rule.insertRule(":root{}", rule.cssRules.length);// おまじない
    // ウインドウを一度背面にする必要がある
//    alert("Правила userChrome.css перезагружены");
};

window.reloadUserContentCSS = function() {
    var aFile = Services.dirsvc.get("UChrm", Ci.nsILocalFile);
    aFile.appendRelativePath("userContent.css");

    var fileURL = Services.io.getProtocolHandler("file")
        .QueryInterface(Ci.nsIFileProtocolHandler)
        .getURLSpecFromFile(aFile);

    var rule = getStyleSheet(content.document.documentElement, fileURL);
    if (!rule) return;

    inIDOMUtils.parseStyleSheet(rule, loadText(aFile));
    rule.insertRule(":root{}", rule.cssRules.length);// おまじない
    // 再描画処理
    var s = gBrowser.markupDocumentViewer;
    s.authorStyleDisabled = !s.authorStyleDisabled;
    s.authorStyleDisabled = !s.authorStyleDisabled;
//    alert("Правила userContent.css перезагружены");
};

function getStyleSheet(aElement, cssURL) {
    var rules = inIDOMUtils.getCSSStyleRules(aElement);
    var count = rules.Count();
    if (!count) return null;

    for (var i = 0; i < count; ++i) {
        var rule = rules.GetElementAt(i).parentStyleSheet;
        if (rule && rule.href === cssURL)
            return rule;
    };
    return null;
}

function loadText(aFile) {
    if (!aFile.exists() || !aFile.isFile()) return null;
    var fstream = Cc["@mozilla.org/network/file-input-stream;1"].createInstance(Ci.nsIFileInputStream);
    var sstream = Cc["@mozilla.org/scriptableinputstream;1"].createInstance(Ci.nsIScriptableInputStream);
    fstream.init(aFile, -1, 0, 0);
    sstream.init(fstream);
    var data = sstream.read(sstream.available());
    try { data = decodeURIComponent(escape(data)); } catch(e) {}
    sstream.close();
    fstream.close();
    return data;
}

})();

Отредактировано jars (13-10-2015 02:45:06)

Отсутствует

 

№243113-10-2015 05:17:43

austri
Участник
 
Группа: Members
Зарегистрирован: 20-01-2009
Сообщений: 162
UA: Firefox 40.0

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

осмелюсь напомнить о своих недавних четырёх вопросах и попросить помочь в их решении (пункт 1 уже полностью сделан)

на данный момент ещё кое-что самостоятельно выполнено по пункту 2 ("уменьшить вертикальное пустое место"):
- главное контекстное меню: приведено в порядок место "слева от надписей: opened, closed, new..." (использована строка margin-left: -12px !important)
- контекстное меню панели вкладок: приведено в порядок место "слева от надписей" (использована строка margin-left: -14px !important)

пункт 3 ("убрать 1-секундное мерцание") - самый важный, но не исключено, что он имеет простое решение
пункт 4 ("убрать эффект квадратной рамки при наведении курсора на графическую/текстовую кнопку") наверняка легко выполняется

Отсутствует

 

№243213-10-2015 12:03:34

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 41.0

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

austri пишет

- контекстное меню панели вкладок: приведено в порядок место "слева от надписей" (использована строка margin-left: -14px !important)

Ну зачем такие крайности

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

Выделить код

Код:

#toolbar-context-menu menuitem > .menu-text {
  -moz-appearance: none !important;
  padding: 0 !important;
}

#toolbar-context-menu menuseparator {
  -moz-appearance: none !important;
  padding: 0 !important;
}

austri пишет

пункт 4 ("убрать эффект квадратной рамки при наведении курсора на графическую/текстовую кнопку") наверняка легко выполняется

Ну да легко если в Stylish, или без CTR (или отключить режим маленькие кнопки). А с userChrome.css можно лишь убрать с некоторых например закладок если они у вас на панели навигации находятся.
Кнопки .toolbarbutton-1 в Stylish можно

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

Выделить код

Код:

/*AGENT_SHEET*/
@-moz-document url(chrome://browser/content/browser.xul) {
#navigator-toolbox #nav-bar .toolbarbutton-1, #nav-bar-customization-target toolbarbutton {
    -moz-appearance: none !important;
    box-shadow: none !important;
    border: none !important;
    background: none !important;
}
}

Отредактировано Vitaliy V. (13-10-2015 12:26:58)

Отсутствует

 

№243313-10-2015 14:23:39

austri
Участник
 
Группа: Members
Зарегистрирован: 20-01-2009
Сообщений: 162
UA: Firefox 40.0

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

Vitaliy V., благодарю за внимание к моим вопросам. жаль только, что за пол-недели больше никто ничего не подсказал

используя часть 2го кода в файле userChrome.css, удалось убрать эффект рамки над текстовыми кнопками, но взамен этого я установил Stylish и в нём данный код привёл в порядок и графические кнопки тоже
теперь остался разве что такой нежелательный нюанс: при нажатии на текстовую кнопку надпись на время нажатия слегка сдвигается вправо вниз. можно ли этот эффект убрать?
(к слову, в моём фф-3.0.5 подобного сдвигания нет)

Отсутствует

 

№243413-10-2015 16:35:12

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 41.0

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

austri пишет

используя часть 2го кода в файле userChrome.css, удалось убрать эффект рамки над текстовыми кнопками, но взамен этого я установил Stylish и в нём данный код привёл в порядок и графические кнопки тоже

Ой опечатка вышла со 2 кодом вместо #personal-bookmarks сделал #nav-bar-customization-target

austri пишет

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

Замените 2 код на этот

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

Выделить код

Код:

/*AGENT_SHEET*/
@-moz-document url(chrome://browser/content/browser.xul) {
#navigator-toolbox #nav-bar .toolbarbutton-1, 
#nav-bar-customization-target > toolbarbutton, 
#nav-bar-customization-target > toolbarpaletteitem > toolbarbutton,
#personal-bookmarks toolbarbutton {
    -moz-appearance: none !important;
    border: none !important;
    padding: 0 2px !important;
}

#navigator-toolbox #nav-bar .toolbarbutton-1:not(:-moz-any([open="true"],[checked="true"])),
#nav-bar-customization-target > toolbarbutton:not(:-moz-any([open="true"],[checked="true"])) {
    box-shadow: none !important;
    background: none !important;
}
}


:not(:-moz-any([open="true"],[checked="true"])) можно удалить если вам не важно состояние кнопок, даже checked="true"

Отредактировано Vitaliy V. (13-10-2015 16:41:38)

Отсутствует

 

№243514-10-2015 14:56:50

austri
Участник
 
Группа: Members
Зарегистрирован: 20-01-2009
Сообщений: 162
UA: Firefox 40.0

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

Vitaliy V., для достижения приемлемого результата пришлось немного отредактировать 2й код:

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

Выделить код

Код:

/*AGENT_SHEET*/
@-moz-document url(chrome://browser/content/browser.xul) {
#navigator-toolbox #nav-bar .toolbarbutton-1, 
#nav-bar-customization-target > toolbarbutton, 
#nav-bar-customization-target > toolbarpaletteitem > toolbarbutton,
#personal-bookmarks toolbarbutton
{ border: none !important; padding: 0 0px !important; }

#navigator-toolbox #nav-bar .toolbarbutton-1, 
#nav-bar-customization-target > toolbarbutton
{ box-shadow: none !important; background: none !important; } }


довелось также повозиться с восстановлением нужных расстояний (между текстовыми кнопками), поскольку код их неслабо изменил

таким образом, из озвученных 4х вопросов остались 2й и 3й
на них, а также на несколько новых вопросов прошу ответить уже в теме про расширение Stylish

Отсутствует

 

№243615-10-2015 02:03:42

electric
Участник
 
Группа: Members
Зарегистрирован: 04-09-2013
Сообщений: 57
UA: Firefox 41.0

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

Vitaliy V. пишет

Кому нужно прозрачное и тёмное меню, у меня есть такое https://sites.google.com/site/serials10 … tyles/menu

Как его установить? Поместил файл в папку C:\Users\7 ...\AppData\Roaming\Mozilla\Firefox\Profiles\... и ничего не изменилось.

Отредактировано electric (15-10-2015 02:13:44)

Отсутствует

 

№243715-10-2015 10:09:18

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 41.0

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

electric пишет

Как его установить?

Как обычно, если без расширений, то в папке профиля (about:support -> Папка профиля - Показать папку) создать папку chrome и в созданную папку поместить userChrome.css, перезапустить браузер.

Или Stylish

Отредактировано Vitaliy V. (15-10-2015 10:11:53)

Отсутствует

 

№243815-10-2015 14:39:09

electric
Участник
 
Группа: Members
Зарегистрирован: 04-09-2013
Сообщений: 57
UA: Firefox 41.0

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

Vitaliy V. пишет

создать папку chrome и в созданную папку поместить userChrome.css, перезапустить браузер.

Или Stylish

Спасибо получилось. Подскажите пожалуйста, как можно изменить размер текста закладок? В отличие от других браузеров в Firefox он в два раза меньше. Спасибо.

Отредактировано electric (15-10-2015 15:25:11)

Отсутствует

 

№243915-10-2015 15:50:29

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 41.0

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

electric пишет

как можно изменить размер текста закладок?

Если только для закладок, то так можно

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

Выделить код

Код:

#PanelUI-bookmarks *, #personal-bookmarks menupopup *, #bookmarksMenuPopup *, #PlacesChevronPopup *, #BMB_bookmarksPopup *, #bookmarks-view *, #ctraddon_BMB_bookmarksPopup *, #appmenu_bookmarksPopup * {
    font-size: 12pt !important;
}


, #ctraddon_BMB_bookmarksPopup *, #appmenu_bookmarksPopup * Это можно удалить если CTR не установлен.
Изменятся везде кроме окна библиотеки, если и там нужно
скрытый текст

Выделить код

Код:

@-moz-document url(chrome://browser/content/places/places.xul) {
#places * {
    font-size: 12pt !important;
}
}

Отредактировано Vitaliy V. (15-10-2015 16:01:08)

Отсутствует

 

№244015-10-2015 16:27:01

electric
Участник
 
Группа: Members
Зарегистрирован: 04-09-2013
Сообщений: 57
UA: Firefox 41.0

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

Vitaliy V. пишет

Если только для закладок,

В закладках в окне справа получилось изменить размер текста (добавил указанный Вами текст в первом варианте в Ваш файл userChrome.css), а сверху и везде - не получилось. Как правильно добавить текст во втором варианте в файл userChrome.css ?

Отредактировано electric (15-10-2015 16:28:28)

Отсутствует

 

№244115-10-2015 17:11:53

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 41.0

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

electric пишет

Как правильно добавить текст во втором варианте в файл userChrome.css ?

Можно после последней закрывающей скобкой @-moz-document url-prefix("chrome://"), url-prefix("about:") {стиль меню и первый вариант}
Хотя здесь необязательно ещё @-moz-document
Добавьте просто перед последней скобкой

Выделить код

Код:

#places * {
    font-size: 12pt !important;
}

А сверху это где закладки на панели меню? Должно изменится с первым кодом

Отредактировано Vitaliy V. (15-10-2015 17:37:20)

Отсутствует

 

№244215-10-2015 19:02:07

electric
Участник
 
Группа: Members
Зарегистрирован: 04-09-2013
Сообщений: 57
UA: Firefox 41.0

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

Vitaliy V. пишет

К сожалению, не получается, я наверно неправильно скобки проставляю.
Сможете прямо фрагмент текста со вставленным сюда скопировать?
Спасибо.

Отредактировано electric (15-10-2015 19:26:09)

Отсутствует

 

№244315-10-2015 20:39:00

electric
Участник
 
Группа: Members
Зарегистрирован: 04-09-2013
Сообщений: 57
UA: Firefox 41.0

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

Vitaliy V. пишет

electric
Вот файл со стилем меню и изменёнными шрифтами (если я правильно понял про какие закладки речь, а то некоторые вкладки закладками называют)
https://yadi.sk/d/_Yk-IbKpjm2YH

Спасибо.
На боковых вкладках стало в самый раз, а на верхних и везде?
См скриншот https://yadi.sk/i/NnrBytC-jm7wP

Отредактировано electric (15-10-2015 20:39:29)

Отсутствует

 

№244415-10-2015 23:01:49

electric
Участник
 
Группа: Members
Зарегистрирован: 04-09-2013
Сообщений: 57
UA: Firefox 41.0

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

Vitaliy V. пишет
electric пишет

и везде?

Так и нужно было сразу говорить что увеличить шрифт везде а не закладки.
Так устроит https://yadi.sk/d/_Yk-IbKpjm2YH
.

Спасибо большое. Просто супер! Два варианта в хозяйстве пригодится.

Отсутствует

 

№244522-10-2015 02:20:11

Kero
Участник
 
Группа: Members
Зарегистрирован: 09-11-2012
Сообщений: 221
UA: Firefox 38.0

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

А вот в принципе можно ли изменить стиль панели инструменты разработки на стиль виндовс (кнопки  бары и тп ) ?

Отсутствует

 

№244622-10-2015 13:19:07

oleg953
Участник
 
Группа: Members
Откуда: Ростов где Дон
Зарегистрирован: 07-05-2014
Сообщений: 557
UA: Opera 12.1

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

kiss_402kb.1445509235.png Vitaliy V. а где в  https://yadi.sk/d/_Yk-IbKpjm2YH
. прописать (изменить) шоб цвет текст меню стал желтым (золото) ?

Отредактировано oleg953 (22-10-2015 13:21:32)

Отсутствует

 

№244722-10-2015 13:30:58

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

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

oleg953

Выделить код

Код:

panel[type="autocomplete-richlistbox"] #urlbar-search-settings:not(:hover) {
    color: #ff0 !important;
    text-shadow: none !important;
}

и здесь

Выделить код

Код:

#alertNotification .alertBox, #identity-popup-securityView-body > description {
    color: #ff0 !important;
    text-shadow: none !important;
}

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

Отсутствует

 

№244822-10-2015 14:00:15

oleg953
Участник
 
Группа: Members
Откуда: Ростов где Дон
Зарегистрирован: 07-05-2014
Сообщений: 557
UA: unknown 0.0

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

villa7 попробую,не найду строку #alertNotification .alertBox, #identity-popup-securityView-body > description {
    color: #ff0 !important;
    text-shadow: none !important;

Отсутствует

 

№244922-10-2015 14:24:05

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

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

oleg953
color: #ff0 !important; это уже изменена на желтый ищите
#alertNotification .alertBox, #identity-popup-securityView-body > description
и
panel[type="autocomplete-richlistbox"] #urlbar-search-settings:not(:hover)


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

Отсутствует

 

№245022-10-2015 17:29:36

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 41.0

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

oleg953
villa7

скрытый текст
Эту сделать

#alertNotification .alertBox, #identity-popup-securityView-body > description {
    color: whitesmoke !important;
    text-shadow: none !important;
}

color: Gold !important;

А эту

panel[type="autocomplete-richlistbox"] #urlbar-search-settings:not(:hover) {
    color: silver !important;
    text-shadow: none !important;
}

color: DarkGoldenrod !important; Темнее потому что в основном это отключенные элементы disabled
Ещё тогда можно (чтобы были под цвет текста бордюры и сепараторы) заменить lightgrey на Gold везде где поиск найдёт

Отредактировано Vitaliy V. (08-02-2017 20:28:19)

Отсутствует

 

Board footer

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