[userChrome] Custom default favicon

hydrolizer · №1

Приведенный ниже стиль позволяет изменить default favicon на свою по вкусу. В коде, приведенном здесь, использовалась старая иконка по умолчанию:

однако вполне можно использовать любую, указав её data URI, либо путь к файлу иконки в правилах list-style-image.

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.tab-icon-image:not([src]) {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABvklEQVQ4jX2TPYtTQRSGnzP3ZpNNshq0srbxJ4ismMpS/AGKnbZWgoWNIFbK1hZisY0gCHb5CYtWgqW4a2MsFDa5+brz8VrcJJtds3lhmJnieZgzZ8YkAfDs+f79Vrt9M3POfAg2m0wpijHDQQHA4fejr865z73e6wPAJEUAJCGJl68+vtFKYpJ8TDrsF/p00NePX6PY7T560e0+vAtkQC4JxzyZc1YJISaIAh/Fdh36f2Zcvlh3+x/2nqak67u7D24DMrNsKfAhmARJkKhmYZUsiswZF5o1e/d+74lzW7eAHUD5QjCbTBEncHUKm6/F295PBFzpbCHpKtACRktBUYyXYFJVQkwgy7hxrcFwMiMKSh8sz/MaUAdsKRgOihNwcYIElm2x0+lQb0d8hDz5BWL/C4AwB8sEPkIpR8gbeMA7kcoJq1kKxqMpZYSRhzJWw6dqlBFmCXw06tFOCZZdCN4T4ia42iexXgAQtBkO8/extgTm9W+CQ6rafL5Am+EoiJsEjRq0ItQTNNNKS+cv1Aua4RzBeDz4cu/O42aM5bak01d9JsfHv79RVSNbfGczy4BLQJszl7smCSiAv/8AAVdOTyk/oN4AAAAASUVORK5CYII=) !important;
}
.bookmark-item:not([image]):not([container=true]) > .toolbarbutton-icon {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABvklEQVQ4jX2TPYtTQRSGnzP3ZpNNshq0srbxJ4ismMpS/AGKnbZWgoWNIFbK1hZisY0gCHb5CYtWgqW4a2MsFDa5+brz8VrcJJtds3lhmJnieZgzZ8YkAfDs+f79Vrt9M3POfAg2m0wpijHDQQHA4fejr865z73e6wPAJEUAJCGJl68+vtFKYpJ8TDrsF/p00NePX6PY7T560e0+vAtkQC4JxzyZc1YJISaIAh/Fdh36f2Zcvlh3+x/2nqak67u7D24DMrNsKfAhmARJkKhmYZUsiswZF5o1e/d+74lzW7eAHUD5QjCbTBEncHUKm6/F295PBFzpbCHpKtACRktBUYyXYFJVQkwgy7hxrcFwMiMKSh8sz/MaUAdsKRgOihNwcYIElm2x0+lQb0d8hDz5BWL/C4AwB8sEPkIpR8gbeMA7kcoJq1kKxqMpZYSRhzJWw6dqlBFmCXw06tFOCZZdCN4T4ia42iexXgAQtBkO8/extgTm9W+CQ6rafL5Am+EoiJsEjRq0ItQTNNNKS+cv1Aua4RzBeDz4cu/O42aM5bak01d9JsfHv79RVSNbfGczy4BLQJszl7smCSiAv/8AAVdOTyk/oN4AAAAASUVORK5CYII=) !important;
}
menuitem.bookmark-item:not([image]) > .menu-iconic-left {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABvklEQVQ4jX2TPYtTQRSGnzP3ZpNNshq0srbxJ4ismMpS/AGKnbZWgoWNIFbK1hZisY0gCHb5CYtWgqW4a2MsFDa5+brz8VrcJJtds3lhmJnieZgzZ8YkAfDs+f79Vrt9M3POfAg2m0wpijHDQQHA4fejr865z73e6wPAJEUAJCGJl68+vtFKYpJ8TDrsF/p00NePX6PY7T560e0+vAtkQC4JxzyZc1YJISaIAh/Fdh36f2Zcvlh3+x/2nqak67u7D24DMrNsKfAhmARJkKhmYZUsiswZF5o1e/d+74lzW7eAHUD5QjCbTBEncHUKm6/F295PBFzpbCHpKtACRktBUYyXYFJVQkwgy7hxrcFwMiMKSh8sz/MaUAdsKRgOihNwcYIElm2x0+lQb0d8hDz5BWL/C4AwB8sEPkIpR8gbeMA7kcoJq1kKxqMpZYSRhzJWw6dqlBFmCXw06tFOCZZdCN4T4ia42iexXgAQtBkO8/extgTm9W+CQ6rafL5Am+EoiJsEjRq0ItQTNNNKS+cv1Aua4RzBeDz4cu/O42aM5bak01d9JsfHv79RVSNbfGczy4BLQJszl7smCSiAv/8AAVdOTyk/oN4AAAAASUVORK5CYII=) !important;
}
#page-proxy-favicon:not([src]){
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABvklEQVQ4jX2TPYtTQRSGnzP3ZpNNshq0srbxJ4ismMpS/AGKnbZWgoWNIFbK1hZisY0gCHb5CYtWgqW4a2MsFDa5+brz8VrcJJtds3lhmJnieZgzZ8YkAfDs+f79Vrt9M3POfAg2m0wpijHDQQHA4fejr865z73e6wPAJEUAJCGJl68+vtFKYpJ8TDrsF/p00NePX6PY7T560e0+vAtkQC4JxzyZc1YJISaIAh/Fdh36f2Zcvlh3+x/2nqak67u7D24DMrNsKfAhmARJkKhmYZUsiswZF5o1e/d+74lzW7eAHUD5QjCbTBEncHUKm6/F295PBFzpbCHpKtACRktBUYyXYFJVQkwgy7hxrcFwMiMKSh8sz/MaUAdsKRgOihNwcYIElm2x0+lQb0d8hDz5BWL/C4AwB8sEPkIpR8gbeMA7kcoJq1kKxqMpZYSRhzJWw6dqlBFmCXw06tFOCZZdCN4T4ia42iexXgAQtBkO8/extgTm9W+CQ6rafL5Am+EoiJsEjRq0ItQTNNNKS+cv1Aua4RzBeDz4cu/O42aM5bak01d9JsfHv79RVSNbfGczy4BLQJszl7smCSiAv/8AAVdOTyk/oN4AAAAASUVORK5CYII=) !important;
}
#alltabs-popup menuitem[image=""] > .menu-iconic-left > .menu-iconic-icon {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABvklEQVQ4jX2TPYtTQRSGnzP3ZpNNshq0srbxJ4ismMpS/AGKnbZWgoWNIFbK1hZisY0gCHb5CYtWgqW4a2MsFDa5+brz8VrcJJtds3lhmJnieZgzZ8YkAfDs+f79Vrt9M3POfAg2m0wpijHDQQHA4fejr865z73e6wPAJEUAJCGJl68+vtFKYpJ8TDrsF/p00NePX6PY7T560e0+vAtkQC4JxzyZc1YJISaIAh/Fdh36f2Zcvlh3+x/2nqak67u7D24DMrNsKfAhmARJkKhmYZUsiswZF5o1e/d+74lzW7eAHUD5QjCbTBEncHUKm6/F295PBFzpbCHpKtACRktBUYyXYFJVQkwgy7hxrcFwMiMKSh8sz/MaUAdsKRgOihNwcYIElm2x0+lQb0d8hDz5BWL/C4AwB8sEPkIpR8gbeMA7kcoJq1kKxqMpZYSRhzJWw6dqlBFmCXw06tFOCZZdCN4T4ia42iexXgAQtBkO8/extgTm9W+CQ6rafL5Am+EoiJsEjRq0ItQTNNNKS+cv1Aua4RzBeDz4cu/O42aM5bak01d9JsfHv79RVSNbfGczy4BLQJszl7smCSiAv/8AAVdOTyk/oN4AAAAASUVORK5CYII=) !important;
}
treechildren.sidebar-placesTreechildren::-moz-tree-image(title, leaf) {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABvklEQVQ4jX2TPYtTQRSGnzP3ZpNNshq0srbxJ4ismMpS/AGKnbZWgoWNIFbK1hZisY0gCHb5CYtWgqW4a2MsFDa5+brz8VrcJJtds3lhmJnieZgzZ8YkAfDs+f79Vrt9M3POfAg2m0wpijHDQQHA4fejr865z73e6wPAJEUAJCGJl68+vtFKYpJ8TDrsF/p00NePX6PY7T560e0+vAtkQC4JxzyZc1YJISaIAh/Fdh36f2Zcvlh3+x/2nqak67u7D24DMrNsKfAhmARJkKhmYZUsiswZF5o1e/d+74lzW7eAHUD5QjCbTBEncHUKm6/F295PBFzpbCHpKtACRktBUYyXYFJVQkwgy7hxrcFwMiMKSh8sz/MaUAdsKRgOihNwcYIElm2x0+lQb0d8hDz5BWL/C4AwB8sEPkIpR8gbeMA7kcoJq1kKxqMpZYSRhzJWw6dqlBFmCXw06tFOCZZdCN4T4ia42iexXgAQtBkO8/extgTm9W+CQ6rafL5Am+EoiJsEjRq0ItQTNNNKS+cv1Aua4RzBeDz4cu/O42aM5bak01d9JsfHv79RVSNbfGczy4BLQJszl7smCSiAv/8AAVdOTyk/oN4AAAAASUVORK5CYII=) !important;
}
treechildren.sidebar-placesTreechildren::-moz-tree-image(title, leaf),
#placeContent > treechildren::-moz-tree-image(title, leaf) {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABvklEQVQ4jX2TPYtTQRSGnzP3ZpNNshq0srbxJ4ismMpS/AGKnbZWgoWNIFbK1hZisY0gCHb5CYtWgqW4a2MsFDa5+brz8VrcJJtds3lhmJnieZgzZ8YkAfDs+f79Vrt9M3POfAg2m0wpijHDQQHA4fejr865z73e6wPAJEUAJCGJl68+vtFKYpJ8TDrsF/p00NePX6PY7T560e0+vAtkQC4JxzyZc1YJISaIAh/Fdh36f2Zcvlh3+x/2nqak67u7D24DMrNsKfAhmARJkKhmYZUsiswZF5o1e/d+74lzW7eAHUD5QjCbTBEncHUKm6/F295PBFzpbCHpKtACRktBUYyXYFJVQkwgy7hxrcFwMiMKSh8sz/MaUAdsKRgOihNwcYIElm2x0+lQb0d8hDz5BWL/C4AwB8sEPkIpR8gbeMA7kcoJq1kKxqMpZYSRhzJWw6dqlBFmCXw06tFOCZZdCN4T4ia42iexXgAQtBkO8/extgTm9W+CQ6rafL5Am+EoiJsEjRq0ItQTNNNKS+cv1Aua4RzBeDz4cu/O42aM5bak01d9JsfHv79RVSNbfGczy4BLQJszl7smCSiAv/8AAVdOTyk/oN4AAAAASUVORK5CYII=) !important;
}

Обсуждение темы - здесь.

Отредактировано hydrolizer (08-11-2011 06:48:16)

Kamui · №2

hydrolizer
Надо было наверно селекторы через запятую перечислить, все равно у них правило одно и тоже, так стиль был бы полегче

Vladimir_S · №3

hydrolizer пишет

Приведенный ниже стиль позволяет изменить default favicon на свою по вкусу.

Великолепно! Позволил. Спасибо.

hydrolizer · №4

iDev.Pi пишет

Какой смысл в дублировании?

Никакого. Это просто копипаста из темы, на которую выше дана ссылка. Стиль писался кусками - сначала для одного элемента, потом для другого, потом для третьего - потому что на протяжении темы периодически вспоминали, что что-то упустили. Потом автор темы свел все правила в один стиль, а я его перепостил здесь.

Infocatcher · №5

Альтернативный вариант для темы по умолчанию:

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
.bookmark-item:not([container]),
.sidebar-placesTreechildren::-moz-tree-image(title, leaf),
.placesTree > treechildren::-moz-tree-image(title, leaf),
#page-proxy-favicon:not([src]),
.tab-icon-image {
    list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
    -moz-image-region: rect(0, 16px, 16px, 0) !important;
}

Впрочем, картинку можно указать любую.

Infocatcher · №6

Хм, нет, еще есть

Выделить код

Код:

<xul:image xbl:inherits="src=image" xmlns:xbl="http://www.mozilla.org/xbl" class="ac-site-icon" src="chrome://mozapps/skin/places/defaultFavicon.png"/>

в выпадающем списке адресной строки.

Добавлено 09-11-2011 03:47:44
Видимо, так:

Выделить код

Код:

.ac-site-icon[src="chrome://mozapps/skin/places/defaultFavicon.png"] {
    -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton") !important;
    list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
    -moz-image-region: rect(0, 16px, 16px, 0) !important;
}

Хотя это весьма криво.

Отредактировано Infocatcher (09-11-2011 03:47:44)

ser8nik · №7

Якое что пофиксил и дополнил в варианте Infocatcher, на позапрошлом сообщение.

Выделить код

Код:

#PlacesToolbarItems > .bookmark-item:not([container]),
.sidebar-placesTreechildren::-moz-tree-image(title, leaf),
.placesTree > treechildren::-moz-tree-image(title, leaf),
#page-proxy-favicon:not([src]),
menuitem.bookmark-item:not([image]) > .menu-iconic-left,
#alltabs-popup menuitem[image=""] > .menu-iconic-left > .menu-iconic-icon,
.tab-icon-image {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABvklEQVQ4jX2TPYtTQRSGnzP3ZpNNshq0srbxJ4ismMpS/AGKnbZWgoWNIFbK1hZisY0gCHb5CYtWgqW4a2MsFDa5+brz8VrcJJtds3lhmJnieZgzZ8YkAfDs+f79Vrt9M3POfAg2m0wpijHDQQHA4fejr865z73e6wPAJEUAJCGJl68+vtFKYpJ8TDrsF/p00NePX6PY7T560e0+vAtkQC4JxzyZc1YJISaIAh/Fdh36f2Zcvlh3+x/2nqak67u7D24DMrNsKfAhmARJkKhmYZUsiswZF5o1e/d+74lzW7eAHUD5QjCbTBEncHUKm6/F295PBFzpbCHpKtACRktBUYyXYFJVQkwgy7hxrcFwMiMKSh8sz/MaUAdsKRgOihNwcYIElm2x0+lQb0d8hDz5BWL/C4AwB8sEPkIpR8gbeMA7kcoJq1kKxqMpZYSRhzJWw6dqlBFmCXw06tFOCZZdCN4T4ia42iexXgAQtBkO8/extgTm9W+CQ6rafL5Am+EoiJsEjRq0ItQTNNNKS+cv1Aua4RzBeDz4cu/O42aM5bak01d9JsfHv79RVSNbfGczy4BLQJszl7smCSiAv/8AAVdOTyk/oN4AAAAASUVORK5CYII=) !important;
}

1. Картинка в виде кода удобнее, так как не зависит от ресурсов самого firefox.
2. Решил проблему при которой исчезала иконка "закладки" на панели закладок

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

№108-11-2011 06:47:34