Кнопка на панели инструментов, аналогичная кнопкам Назад / Вперед в Firefox - XUL - PullRequest
Новая
       12

Кнопка на панели инструментов, аналогичная кнопкам Назад / Вперед в Firefox - XUL

1 голос
/ 22 сентября 2011

Я разрабатываю аддон Firefox.Мне нужно создать две кнопки, которые точно выглядят и работают как кнопки «назад» и «вперед».Но разница в том, что мне нужно поместить свою иконку внутри них.Я совершенно пустойЛюбые указания будут действительно полезны.

[Редактировать] Я прошу создать две кнопки с внешним видом кнопки назад / вперед (хотя есть две кнопки, кажется, что одна) в последнем Firefox наОкружающая среда Windows.

Спасибо.

1 Ответ

1 голос
/ 23 сентября 2011

Очень просто добавить собственное изображение на кнопки панели инструментов. Прочитайте эти ссылки, и у вас будет ответ, и не забудьте связать свои изображения для кнопок в файле CSS.

https://developer.mozilla.org/en/XUL_School/Adding_Toolbars_and_Toolbar_Buttons

https://developer.mozilla.org/en/XUL_Tutorial/Toolbars

https://developer.mozilla.org/en/CSS/-moz-border-image

https://developer.mozilla.org/en/custom_toolbar_button

https://developer.mozilla.org/en/XUL/Toolbars/Creating_toolbar_buttons

Например: 

<window id="main-window">
  <toolbox id="navigator-toolbox">
    <toolbar id="xulschoolhello-toolbar" toolbarname="&xulschoolhello.toolbarName.label;"
      accesskey="&xulschoolhello.toolbar.accesskey;"
      customizable="true" mode="icons" context="toolbar-context-menu" 
      defaultset="xulschoolhello-hello-world-button"
      insertbefore="PersonalToolbar" />
  </toolbox>
</window>

Файл CSS: 

 //LInk you image here//
    toolbarbutton.xulschoolhello-toolbarbutton,
    window:not([active="true"]) toolbarbutton.xulschoolhello-toolbarbutton,
    toolbar[iconsize="small"] toolbarbutton.xulschoolhello-toolbarbutton {
      list-style-image: url("chrome://xulschoolhello-os/skin/toolbar.png");
    }
...