Firefox 51.0.1 Изменение иконки папки закладок

mo_user · №1

здравствуйте, в просторах интернета не нашел ответ, как заменить иконки папки закладок,
ни оператором site:forum.mozilla-russia.org Изменение иконки папки закладок и ни в иных поисковиках (qwant,yahoo так ж).
По тем рекомендациям которые я прочитал, не получается заменить (пробовал 16×16px/32×32px/.png/.iso), есть ли
возможность заменить эти иконки?

Coroner · №2

mo_user
Примерно так :

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

Выделить код

Код:

#PlacesToolbarItems > toolbarbutton.bookmark-item[container][label="Имяпапки"] {
  list-style-image: url("file://d:\\blablabla\\blablabla\\Chrome\\Folder.ico") !important;
  -moz-image-region: auto !important;
}

А так цвет папки поменять можно с помощью hue-rotate()

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

Выделить код

Код:

#PlacesToolbarItems > toolbarbutton.bookmark-item[container][label="Имяпапки"] .toolbarbutton-icon {
    filter: hue-rotate(120deg) !important;
   -moz-appearance: none !important; 
}

Для кучи : цвет надписи и фон закладки :

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

Выделить код

Код:

#PlacesToolbarItems > toolbarbutton.bookmark-item[label="Имяпапки"] {
   background-color: #4C81A3 !important;
   color: #CCCC00 !important;
   -moz-appearance: none !important;
}

Отредактировано Coroner (18-02-2017 18:20:05)

mo_user · №3

Coroner спасибо за отзыв
уточните пожалуйста, это мне надо заменить userChrome.css , то что создал этим кодом или код ставить в Stylish?

Добавлено 18-02-2017 19:31:03
к сожалению не никак или я, что то не так делаю?
#PlacesToolbarItems > toolbarbutton.bookmark-item[container][label="Lin"] {
list-style-image: url("file://C:\Users\mo_user\AppData\Roaming\Mozilla\Firefox\Profiles\d75ozqck.default\chrome\16x16_lin.ico") !important;
-moz-image-region: auto !important;
}

Отредактировано mo_user (18-02-2017 19:31:03)

mo_user · №4

и так не получается

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

/* First line of userChrome.css must be this: */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Custom favicon for this bookmark */
.bookmark-item[label="Lin"] image {
width:0!important;
height:0!important;
padding: 0 0 16px 16px !important;
background:url(AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAABMLAAATCwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQscBgQLGwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACEioJBjhVPQmAoZMQkritBTFQXQAAFj8ACCFDABIuOBKApp0SweDXC05vWAAAAAAAAAAAAAAAAAYbLgsXnsiyEOP//xXg//8j9P//Of///yt5k/8zISP4PENG8QsHGfwd0fX/Ff///xT+//8Tjbu0BDVVJgAAAAA0kugKLL/7xTvb//9fwv//fNH//zKAxf+Upbr///////3////a4Of/TKPs/y69//8u1v//Ff///yXU9+82kOA0AAAAADiZ/ZSIzv//2v///225+f8AAAD/o6Si/+z////R5PP/9v37/4vG/v9Rouz/abLp/0Lb//89vP90AAAAAAAAAAAAAAAAHWafQmik2f9UdJT/sa+p/+j4///H093/zNjh/9vf3/+r1///LUNa/zYoI/84Y5jnAAAAAAAAAAAAAAAAAAAAAAAAAAEBAgTxjomD//n////P1Nf/09jb/9PY2//R19z/4uPj/62rq/9GQDv/AAAA2QAAAAAAAAAAAAAAAAAAAAAAAAAAKiknoi8uLf/U1NT/+Pb3/+Tj4//l5OP/7Ovq//r59/9hYWH/GxoZ/w4ODqkAAAAAAAAAAAAAAAAAAAAAAAAAAAkJCREVFRX2bm5u///////s7Or/7ezs//X19f+pqKj/AAAA/zMzM/8MDAwjAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEBAQOBAVFv/Tycf//+fm//jd2f/08vP/Njs+/wEAAP8dHR1NAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwdaS2/077//+A+///scfT/wAAAP8CAQFrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAJw6Avv9H9f//G9L//xZuoP8AAAD3AAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACx/eX3/Z3OQ/4yPo/9rZGT/AAAA7wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmXltZ/yoeE/9rYVn/S0lJ/wAAANYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEJBQbOtra3/oqKi/1dXV/8AAABlAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGBgYWX19fjHd3d68VFRVxAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/88AAMAHAAAAAQAAAAAAAIABcADAA4AAwAMAAOADAADgAwAA8AcAAPgPAAD4DwAA+B8AAPgfAAD8HwAA/D8AAA=!important;

Добавлено 18-02-2017 20:05:31
а вот background-color меняется без проблем

Отредактировано mo_user (18-02-2017 20:05:31)

mo_user · №5

с помощью Дополнение Bookmarks Folder Images получается, да вот только название папок не на хожу,
как это он так делает и все папки искал и systracer-ом сверил до и после Изменение папки закладок,
название папки нигде нет, вот код

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

@namespace x url(laaBookmarksFolderImages);

/***********************************************************************************************/

menupopup#BMB_bookmarksPopup menu.bookmark-item[container][x|laabfimage="u-Linux-2_16-ico"],
menupopup#bookmarksMenuPopup menu.bookmark-item[container][x|laabfimage="u-Linux-2_16-ico"],

toolbaritem#personal-bookmarks toolbarbutton.bookmark-item[container][x|laabfimage="u-Linux-2_16-ico"],
toolbaritem#personal-bookmarks menu.bookmark-item[container][x|laabfimage="u-Linux-2_16-ico"],

tree#bookmarks-view treechildren::-moz-tree-image(primary,container,laabfimage-u-Linux-2_16-ico),
#placesView tree treechildren::-moz-tree-image(primary,container,laabfimage-u-Linux-2_16-ico),

tree#laaBookmarksFolderImages-places-tree
treechildren::-moz-tree-image(primary,container,laabfimage-u-Linux-2_16-ico),

tree#laaBookmarksFolderImages-images-tree
treechildren::-moz-tree-image(container,laabfimage-u-Linux-2_16-ico),

image#laaBookmarksFolderImages-images-folder-image[x|laabfimage="u-Linux-2_16-ico"],
image#laaBookmarksFolderImages-images-new-image[x|laabfimage="u-Linux-2_16-ico"]

{ list-style-image:url("file:///C:/Users/mo_user/AppData/Roaming/Mozilla/Firefox/Profiles/d75ozqck.default/chrome/BookmarksFolderImages/Linux-2_16.ico")!important;
-moz-image-region:auto!important; }

/***********************************************************************************************/

menupopup#BMB_bookmarksPopup menu.bookmark-item[container][x|laabfimage="u-Linux-2_32-ico"],
menupopup#bookmarksMenuPopup menu.bookmark-item[container][x|laabfimage="u-Linux-2_32-ico"],

toolbaritem#personal-bookmarks toolbarbutton.bookmark-item[container][x|laabfimage="u-Linux-2_32-ico"],
toolbaritem#personal-bookmarks menu.bookmark-item[container][x|laabfimage="u-Linux-2_32-ico"],

tree#bookmarks-view treechildren::-moz-tree-image(primary,container,laabfimage-u-Linux-2_32-ico),
#placesView tree treechildren::-moz-tree-image(primary,container,laabfimage-u-Linux-2_32-ico),

tree#laaBookmarksFolderImages-places-tree
treechildren::-moz-tree-image(primary,container,laabfimage-u-Linux-2_32-ico),

tree#laaBookmarksFolderImages-images-tree
treechildren::-moz-tree-image(container,laabfimage-u-Linux-2_32-ico),

image#laaBookmarksFolderImages-images-folder-image[x|laabfimage="u-Linux-2_32-ico"],
image#laaBookmarksFolderImages-images-new-image[x|laabfimage="u-Linux-2_32-ico"]

{ list-style-image:url("file:///C:/Users/mo_user/AppData/Roaming/Mozilla/Firefox/Profiles/d75ozqck.default/chrome/BookmarksFolderImages/Linux-2_32.ico")!important;
-moz-image-region:auto!important; }

Добавлено 20-02-2017 16:06:11

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

/*******************************************************************************************/

/* The code below is a sample userChrome.css file that can be used to change the image for
specific Bookmarks folders. The userChrome.css file should be placed in the "chrome"
subfolder of the user's profile folder. The browser must be restarted after any update.

Note that if the user is using an extension or another mechanism to open the Library view
in a tab, rather than in a separate dialog window, then it may be needful to place code
such as this in userContent.css rather than in userChrome.css to style the Library icons.

This sample is exported from the Bookmarks Folder Images extension. It is provided for
information only. It may fail or require adjustment on some systems. */

/*******************************************************************************************/

/* Translators: Please translate comments, not the code. However, you may translate
"MyImage", "My Favorites", and "My-Favorites".
For My-Favorites", keep the hyphen ("-"), with no spaces. Don't translate "label-". */

/*******************************************************************************************/
/*******************************************************************************************/

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/*******************************************************************************************/

/* These CSS selectors set the images for the specific Bookmarks folders in the browser's
various popups and tree views. The tree views are only stylable in this way if the
Bookmarks Folder Images extension (or an equivalent extension) is installed.

For the tree views, note that the selectors consist of "label-" followed by a copy
of the folder name in which any embedded spaces are replaced with hyphens ("-"). */

/* #personal-bookmarks (Bookmarks Toolbar) */
/* #BMB_bookmarksPopup (Bookmarks Popup in nav-bar) */
/* #bookmarksMenuPopup (Bookmarks Menu in menu-bar) */

/* #bookmarks-view (Bookmarks Sidebar) - treeView panel */
/* #placesView (Library View) - treeView dialog */

/*******************************************************************************************/

/* The example below picks up an image file from the "chrome" folder. If you have set up a
BookmarksFolderImages subfolder in the chrome folder for use with this extension, you can
pick up an image from it by changing the last line to:

{ list-style-image:url("BookmarksFolderImages/MyImage.png")!important; -moz-image-region:auto!important; }

The same technique will work with any subfolder of the chrome folder.

The "laaBookmarksFolderImages" selectors are optional. They will make your special folder images
show up in this extension's style dialogs, so you can keep better track of what's happening.
*/

/* Set icon for "My Favorites" Bookmarks folder */
#personal-bookmarks .bookmark-item[container][label="My Favorites"],
#BMB_bookmarksPopup .bookmark-item[container][label="My Favorites"],
#bookmarksMenuPopup .bookmark-item[container][label="My Favorites"],
#bookmarks-view treechildren::-moz-tree-image(primary,container,label-My-Favorites),
#placesView treechildren::-moz-tree-image(primary,container,label-My-Favorites),
#laaBookmarksFolderImages-places-tree
treechildren::-moz-tree-image(primary,container,label-My-Favorites),
#laaBookmarksFolderImages-images-folder-image[folderlabel="My Favorites"]
{ list-style-image:url("MyImage.png")!important; -moz-image-region:auto!important; }

Отредактировано mo_user (20-02-2017 16:06:11)

mokujin · №6

mo_user

#PlacesToolbarItems > toolbarbutton.bookmark-item[container][label="Lin"] {
-moz-appearance:none !important;
list-style-image: url("file://C:\Users\mo_user\AppData\Roaming\Mozilla\Firefox\Profiles\d75ozqck.default\chrome\16x16_lin.ico") !important;
-moz-image-region: auto !important;
}

или три слэша после файл, не помню точно:
list-style-image: url("file:///C:\Users\mo_user\AppData\Roaming\Mozilla\Firefox\Profiles\d75ozqck.default\chrome\16x16_lin.ico") !important;

др. картинка в base64 должно быть указано что это, те. указание протокола : data:image/png;base64,---дальit пошел собсна код картинки ---------

Выделить код

Код:

/* Custom favicon for this bookmark */
.bookmark-item[label="Lin"] {
    -moz-appearance:none !important;
    list-style-image:url("data:image/png;base64,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") !important;
    -moz-image-region:rect(0px, 32px, 16px, 16px);

       }

Отредактировано mokujin (20-02-2017 18:44:19)

mo_user · №7

mokujin
спасибо за код,
но увы не получился,нет картинки и только прозрачный фон

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

№118-02-2017 17:01:48