>Форум Mozilla Россия http://forum.mozilla-russia.org/index.php >Firefox http://forum.mozilla-russia.org/viewforum.php?id=4 >Замена иконок на стандартных кнопках http://forum.mozilla-russia.org/viewtopic.php?id=49965 |
Shumway > 25-05-2011 20:44:31 |
Задача: создать свой собственный стиль без использования сторонних дополнений и тем, так как версии меняются очень быстро, и разработчики тем и дополнений не успевают, либо бросают поддержку своих продуктов. Как разукрасить браузер я нашел: userChrome.css Где-то же они должны хранится. Или может где-то в настройках можно указать, где брать иконки для кнопок. Кто знает, поделитесь, пожалуйста, знаниями. |
imyax > 25-05-2011 21:01:42 |
Уроки стилеписания на CSS | Форум Mozilla Россия |
hydrolizer > 26-05-2011 04:55:36 |
Shumway пишет
Они в общем случае хранятся много где. Вот здесь, например: chrome://global/skin/icons/. Кнопки тулбара - вот здесь: chrome://browser/skin/Toolbar.png (все кнопки - в одном файле, по отдельно взятым кнопкам изображения распределяются с помощью -moz-image-region). |
Shumway > 26-05-2011 13:44:26 |
Спасибо за ссылки и подсказки. Но там ни слова нет об иконках. Мне не нужен стиль, просто заменить стандартные иконки своими. В указанном hydrolizer месте я нашел файл с иконками, но вот где он находится на жестком диске или где в настройках поменять к нему путь? Вот, например, иконки на закладках можно поменять с помощью Выделить код Код:toolbarbutton.bookmark-item { list-style-image: url('the\path\to\yourimage.xxx') !important; А можно ли также вставить команду для иконок панели инструментов? |
Крошка Ру > 26-05-2011 17:31:45 |
Shumway , стиль может быть создан даже для замены одной иконки - таких сколько угодно . Иконки те же элементы интерфейса , которые можно изменять как и прочие с помощью стилей .... в Stylish и правке через userChrome.css используется практически один и тот же язык ( пусть меня поправят знающие ) |
hydrolizer > 26-05-2011 18:23:33 |
Крошка Ру пишет
Поправляю: не практически, а один и тот же Shumway пишет
Не в том направлении копаете. Заменить их путем замены файла, конечно, можно - нужно распаковать omni.jar, найти там файл с иконками, заменить по образу и подобию (см. выше про много иконок в одном файле), запаковать обратно. Но так никто не делает. Все правят UI через userChrome.css. |
Крошка Ру > 26-05-2011 19:05:20 |
hydrolizer то есть можно копировать туда-сюда один к одному ? в смысле - без изменений, не добавляя какие-то сопроводительные значки ? ... а , ну да - я ж, когда Stylish в очередной раз отвалился ,просто перенёс стили в userChrome.css , правда не все заработали , потому и возникло предположение что следует учитывать некоторые нюансы |
hydrolizer > 26-05-2011 20:46:59 |
Крошка Ру |
Крошка Ру > 26-05-2011 21:26:03 |
hydrolizer ага, теперь вроде бы понятно |
vladmir > 26-05-2011 23:26:09 |
hydrolizer
Врать не надо.)) |
hydrolizer > 27-05-2011 04:42:20 |
vladmir пишет
Я очень за вас рад. Вы патчите Seamonkey каждый раз при выходе обновления? |
Shumway > 27-05-2011 11:22:23 |
Еще раз спасибо всем. Кое-что стало получаться. С userChrome.css также есть успехи. Почитав материалы, ссылки на которые вы дали, нашел таки как обратиться к конкретной кнопке через CSS: Выделить код Код:toolbarbutton[id="print-button"] { background-color: red !important; } toolbarbutton[id="print-button"]:hover { background-color: yellow !important; } Для полной победы не хватает лишь маленького штриха. Есть ли параметр в CSS, который описывает, какую картинку использовать в качестве иконки? Пробовал background-image – не работает. Добавлено. Разобрался, не работает, так как цвет фона непрозрачен. Выделить код Код:toolbarbutton[id="print-button"]{ background-color: Transparent !important; background-image: url("colosseum_small.png") !important; background-repeat: no-repeat !important; background-position: top !important; } Но проблема в том, что родная иконка все равно отображается поверх картинки, положенной на фон. То есть осталось лишь отключить ее, но как? |
hydrolizer > 27-05-2011 11:26:17 |
Shumway пишет
|
Shumway > 27-05-2011 11:49:08 |
Ура! Теперь все заработало, вот код: Выделить код Код:toolbarbutton[id="print-button"]{ list-style-image: none !important; background-color: Transparent !important; background-image: url("colosseum_small.png") !important; background-repeat: no-repeat !important; background-position: top !important; } И маленький вопрос, чтобы закрыть эту тему. |
hydrolizer > 27-05-2011 12:08:57 |
Shumway пишет
вообще это делается вот так: Выделить код Код:#print-button { list-style-image: url("path_to_my_image\my_image.png") !important; -moz-image-region: auto !important; } Shumway пишет
http://htmlbook.ru/css/!important Shumway пишет
нет |
Shumway > 27-05-2011 12:12:28 |
Отлично. Еще раз спасибо, вопрос полностью решен, и тему можно закрывать. |
vladmir > 27-05-2011 13:29:39 |
hydrolizer
Само-собой я меняю всё как мне удобно в каждой версии, которую ставлю.
Во-первых, копипастом там любой может справиться, было бы желание. Во-вторых, это стимул изучить некоторые вещи. А если чел знаком с html то с xul он разберётся махом. Ну на уровне, достаточном для таких простых действий. Но у тебя заява была не про тех, кто "только-только", а абсолютно про всех, якобы "Но так никто не делает. Все правят UI через userChrome.cs", что не соответствует окружающей дейстительности. |