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

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.

№307621-04-2017 14:02:56

iglis
Участник
 
Группа: Members
Зарегистрирован: 29-02-2016
Сообщений: 23
UA: unknown 0.0

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

В firefox входит тема Developer Edition (светлая и тёмная). включает её Developer Edition theme enabler. цвет - в инструментах разработки.
Для панели дополнений есть The Addon Bar (Restored).

Отсутствует

 

№307721-04-2017 14:35:24

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

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

leshiy_odessa
Можно и без расширения, в Инициализацию любой кнопки бросить, перезагрузить браузер.

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

Выделить код

Код:

(function(){
  if (document.getElementById("ctraddon_addon-bar") || document.getElementById("ctr_addon-bar"))
    return;

  const kNSXUL = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
  Components.utils.import("resource:///modules/CustomizableUI.jsm");

  // spring and wrapper
  let toolbarspring = document.createElementNS(kNSXUL, "spacer");
  toolbarspring.setAttribute("flex", "1");
  toolbarspring.setAttribute("id", "spring_revertAddonBarStatusBar");
  toolbarspring.setAttribute("removable", "false");
  let palette = document.getElementById("navigator-toolbox").palette;
  palette.appendChild(toolbarspring);

  let dmy = document.createElementNS(kNSXUL, "toolbaritem");
  dmy.setAttribute("id", "ucjs-status-bar");
  dmy.appendChild(document.getElementById("status-bar"));
  palette.appendChild(dmy);

  //create toolbar
  let addonbar = document.createElementNS(kNSXUL, "toolbar");
  addonbar.setAttribute("id", "ucjs-addon-bar");
  addonbar.setAttribute("customizable", "true");
  addonbar.setAttribute("mode", "icons");
  addonbar.setAttribute("iconsize", "small");
  addonbar.setAttribute("context", "toolbar-context-menu");
  addonbar.setAttribute("class", "toolbar-primary chromeclass-toolbar customization-target");
  addonbar.setAttribute("toolbarname", "UCJS Add-on Bar");
  addonbar.setAttribute("toolboxid", "navigator-toolbox");


  //register toolbar.id
  try {
    CustomizableUI.registerArea("ucjs-addon-bar", {
      type: CustomizableUI.TYPE_TOOLBAR,
      defaultPlacements: ["spring_revertAddonBarStatusBar", "ucjs-status-bar"]
    });
  } catch(ee) {}

  var bottombox = document.getElementById("browser-bottombox");
  bottombox.appendChild(addonbar);

  let style = ' \
    @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); \
    #ucjs-addon-bar { \
      border-top: 1px solid threedshadow; \
      border-bottom: 0 solid transparent; \
    } \
\
    #main-window[customizing] #ucjs-addon-bar { \
      border: 1px dotted threedshadow; \
    } \
\
    #main-window[customizing] #ucjs-addon-bar #status-bar { \
      border: 1px solid black; \
      opacity: 0.5; \
    } \
\
    #main-window[customizing] #spring_revertAddonBarStatusBar { \
      margin-left: 10px; \
      margin-right:10px; \
      border: 1px dashed threedshadow; \
    } \
    '.replace(/\s+/g, " ");

  let sspi = document.createProcessingInstruction(
    'xml-stylesheet',
    'type="text/css" href="data:text/css,' + encodeURIComponent(style) + '"'
  );
  document.insertBefore(sspi, document.documentElement);
  sspi.getAttribute = function(name) {
    return document.documentElement.getAttribute(name);
  };

  BookmarkingUI._updateCustomizationState();
})();


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

Отсутствует

 

№307821-04-2017 15:11:04

leshiy_odessa
Участник
 
Группа: Members
Зарегистрирован: 13-02-2009
Сообщений: 59
UA: Firefox 53.0

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

iglis пишет:

Для панели дополнений есть The Addon Bar (Restored).

Ну же написал, что задача избавится от дополнений.

villa7 пишет:

в Инициализацию любой кнопки бросить, перезагрузить браузер.

Что-то я не совсем понял куда это сувать? Или вы тоже предлагаете ставить лишнее дополнение Custom Buttons?

Отредактировано leshiy_odessa (21-04-2017 15:14:40)

Отсутствует

 

№307921-04-2017 15:56:37

soldatovaua
Участник
 
Группа: Members
Зарегистрирован: 20-06-2015
Сообщений: 9
UA: Firefox 51.0

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

Подскажите, пожалуйста, строки чтобы увеличить высоту панели вкладок и панели закладок для [seamonkey]. При этом, чтобы вкладки и значок открытия новой вкладки были по нижнему краю панели (увеличено место сверху), а закладки были вертикально по середине панели.
Заранее спасибо!

Отсутствует

 

№308021-04-2017 16:05:57

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

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

leshiy_odessa
Custom Buttons как раз и заменить не одно расширение.


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

Отсутствует

 

№308121-04-2017 16:41:01

leshiy_odessa
Участник
 
Группа: Members
Зарегистрирован: 13-02-2009
Сообщений: 59
UA: Firefox 53.0

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

villa7 пишет:

Custom Buttons как раз и заменить не одно расширение.

А в Greasemonkey это можно переделать?

Отсутствует

 

№308222-04-2017 03:48:42

Rag
Участник
 
Группа: Members
Зарегистрирован: 06-03-2017
Сообщений: 47
UA: unknown 0.0

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

vurdalak:

Как сделать прямоугольные вкладки стилями или еще чем (не прибегая к левым темам и расширениями)

Я так понимаю у вас 53 версия.Вкладки можно изменить -  дополнения - внешний вид. И там на выбор три темы для вкладок.

Отсутствует

 

№308322-04-2017 12:00:13

LittleMontana
Участник
 
Группа: Members
Зарегистрирован: 16-11-2013
Сообщений: 175
UA: Firefox 53.0

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

сломался стиль, помогите плиз :)

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

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url("chrome://browser/content/browser.xul") {
/*AGENT_SHEET*/  
#navigator-toolbox #nav-bar #PanelUI-menu-button > stack {
    display: -moz-box !important;
    padding: 0 2px !important;
}
    
#PanelUI-menu-button > *:not(stack), #PanelUI-menu-button > stack > * {
    visibility: collapse !important;
    padding: 0 !important;
    border: none !important;
}

#PanelUI-menu-button > stack::before,
#PanelUI-menu-button > stack::after { 
    display: -moz-box;
    min-height: 22px;
    line-height: 1em;
    -moz-box-align: center;
    padding-right: 2px;
    padding-left: 2px;
}

:root[stylish-month="1"] #PanelUI-menu-button > stack::after {
    content: "Jan";
}

:root[stylish-month="2"] #PanelUI-menu-button > stack::after {
    content: "Feb";
}

:root[stylish-month="3"] #PanelUI-menu-button > stack::after {
    content: "Mar";
}

:root[stylish-month="4"] #PanelUI-menu-button > stack::after {
    content: "Apr";
}

:root[stylish-month="5"] #PanelUI-menu-button > stack::after {
    content: "May";
}

:root[stylish-month="6"] #PanelUI-menu-button > stack::after {
    content: "Jun";
}

:root[stylish-month="7"] #PanelUI-menu-button > stack::after {
    content: "Jul";
}

:root[stylish-month="8"] #PanelUI-menu-button > stack::after {
    content: "Aug";
}

:root[stylish-month="9"] #PanelUI-menu-button > stack::after {
    content: "Sep";
}

:root[stylish-month="10"] #PanelUI-menu-button > stack::after {
    content: "Oct";
}

:root[stylish-month="11"] #PanelUI-menu-button > stack::after {
    content: "Nov";
}

:root[stylish-month="12"] #PanelUI-menu-button > stack::after {
    content: "Dec";
}
:root[stylish-date="1"] #PanelUI-menu-button > stack::before {
    content: "1";
}

:root[stylish-date="2"] #PanelUI-menu-button > stack::before {
    content: "2";
}

:root[stylish-date="3"] #PanelUI-menu-button > stack::before {
    content: "3";
}

:root[stylish-date="4"] #PanelUI-menu-button > stack::before {
    content: "4";
}

:root[stylish-date="5"] #PanelUI-menu-button > stack::before {
    content: "5";
}

:root[stylish-date="6"] #PanelUI-menu-button > stack::before {
    content: "6";
}

:root[stylish-date="7"] #PanelUI-menu-button > stack::before {
    content: "7";
}

:root[stylish-date="8"] #PanelUI-menu-button > stack::before {
    content: "8";
}

:root[stylish-date="9"] #PanelUI-menu-button > stack::before {
    content: "9";
}

:root[stylish-date="10"] #PanelUI-menu-button > stack::before {
    content: "10";
}

:root[stylish-date="11"] #PanelUI-menu-button > stack::before {
    content: "11";
}

:root[stylish-date="12"] #PanelUI-menu-button > stack::before {
    content: "12";
}

:root[stylish-date="13"] #PanelUI-menu-button > stack::before {
    content: "13";
}

:root[stylish-date="14"] #PanelUI-menu-button > stack::before {
    content: "14";
}

:root[stylish-date="15"] #PanelUI-menu-button > stack::before {
    content: "15";
}

:root[stylish-date="16"] #PanelUI-menu-button > stack::before {
    content: "16";
}

:root[stylish-date="17"] #PanelUI-menu-button > stack::before {
    content: "17";
}

:root[stylish-date="18"] #PanelUI-menu-button > stack::before {
    content: "18";
}

:root[stylish-date="19"] #PanelUI-menu-button > stack::before {
    content: "19";
}

:root[stylish-date="20"] #PanelUI-menu-button > stack::before {
    content: "20";
}

:root[stylish-date="21"] #PanelUI-menu-button > stack::before {
    content: "21";
}

:root[stylish-date="22"] #PanelUI-menu-button > stack::before {
    content: "22";
}

:root[stylish-date="23"] #PanelUI-menu-button > stack::before {
    content: "23";
}

:root[stylish-date="24"] #PanelUI-menu-button > stack::before {
    content: "24";
}

:root[stylish-date="25"] #PanelUI-menu-button > stack::before {
    content: "25";
}

:root[stylish-date="26"] #PanelUI-menu-button > stack::before {
    content: "26";
}

:root[stylish-date="27"] #PanelUI-menu-button > stack::before {
    content: "27";
}

:root[stylish-date="28"] #PanelUI-menu-button > stack::before {
    content: "28";
}

:root[stylish-date="29"] #PanelUI-menu-button > stack::before {
    content: "29";
}

:root[stylish-date="30"] #PanelUI-menu-button > stack::before {
    content: "30";
}
:root[stylish-date="31"] #PanelUI-menu-button > stack::before {
    content: "31";
}
}


самое мне не понятное - в попытках скопировать весь код, или большую его часть мне вместо кода вставляло символ "-". пытался сохранить вручную, через save+, результат один и тот же

upd: можно ли добавить в данное меню плеера YT "открыть видео на ютубе в новой вкладке" с данным функционалом? http://puu.sh/vsnk3/0f1cb68ee6.png

Отредактировано LittleMontana (22-04-2017 12:27:24)

Отсутствует

 

Board footer

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