Вопрос Firefox 51.0.1 Иконки папки закладок

DllPok

Постоянный участник
Сообщения
166
Реакции
59
здравствуйте,
хочу В ручную заменить иконки папки закладок, в просторах интернета и в том числе на сайтах_форумах,
те что посвященные браузеру Firefox, увы не нашел ответ. Есть такое дополнение Bookmarks Folder Images
вот он заменяет с легкостью эти иконки папки закладок и никак не пойму как это Дополнение (расширения) реализует все это. Смотрел systracer-ом какие изменение вносит в папках и в реестре данное
Дополнение, но и никак не пойму, ""что он творит и почему у него так легко получается, а у меня не получается В ручную никак. Создал папку chrome и так ж userChrome.css

C++:
#PlacesToolbarItems > toolbarbutton.bookmark-item[container][label="Lin"] {
  list-style-image: url("file://C:\Users\mo\AppData\Roaming\Mozilla\Firefox\Profiles\d72jrvsk.default\chrome\R.ico") !important;
  -moz-image-region: auto !important;
}
C++:
/* 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);

       }
@namespace x url(laaBookmarksFolderImages);

C++:
/***********************************************************************************************/

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; }
 
Последнее редактирование модератором:
C++:
/*******************************************************************************************/

/* 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("[URL='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul']Mozilla XML Namespace[/URL]");

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

/* 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; }

и как определяется название папок, ведь в css в коде Дополнение нет название моей папки [label="Lin"] и там только папка My Favorites и такой папки я не нахожу

вот, что у меня получается

Aks 1.jpg
а вот, что у BookmarksFolderImages

1lin.jpg
 
Последнее редактирование модератором:
Вопрос решен,
данное решение относится к версии Firefox 50 и выше (проверено на Firefox 88).
в Firefox -> Настройки -> Справка ->Информация для решения проблем и в строке Папка профиля нажимаем на кнопку Открыть папку
и закроем Firefox далее находим файл prefs.js и откроем Блокнотом и в первую строку после закомментированных строк (символы //), например:
// To change a preference value, you can either:
// - modify it via the UI (e.g. via about:config in the browser); or
// - set it within a user.js file in your profile.
добавим строку
user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);
и этим указываем, чтобы Firefox не игнорировал пользовательские папки chrome и в том числе файл
userChrome.css и закрываем файл prefs.js
вот некоторые Параметры и Значение файла userChrome.css ::

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

.bookmark-item[container] { list-style-image: url('file.png') !important; */ }
=================
где означает:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); → начало скрипта

.bookmark-item[container] { list-style-image: url('file.png') !important; */ } → иконки папки закладок пользовательского интерфейса (UI bookmark folder )

url('file.png') → путь к иконке .png размер 16×16 или .ico создадим как обычно создаем для иконки папок в windows


 
для изменение,назначение отдельной картинки в качестве иконки в конкретную папку Закладки в файл userChrome.css добавим скрипт
———
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.bookmark-item[container="true"][label="Имя_папки"]
{
list-style-image: url('kartinka.ico') !important;
-moz-image-region: rect(0px 48px 48px 0px) !important;
font-size: 0pt !important;
}
————
что означает:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); → начало скрипта, если у нас в файле userChrome.css имеется ранее написанный скрипт, в этом случае не добавляем строку @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); , так как данная строка уже имеется в начале скрипта
...
.bookmark-item[container="true"] → фавикон (иконка) сайта или папки Закладки
[label="Имя_папки"] → название папки Закладки
....
list-style-image: url('kartinka.ico') !important; → путь и название изображение .ico или .png, в этом примере не указан путь, так как файл kartinka.ico находится в папке chrome
-moz-image-region: rect(0px 48px 48px 0px) → размеры иконки .ico 48×48, в данном примере ico создан по типу иконки для windows и размер холста и изображение не 256×256, а слои 48×48 && 32×32 && 24×24 && 16×16
....
font-size: 0pt !important; → глобальный шрифт пользовательского интерфейса (Global UI font ), данный параметр отвечает за размер Шрифта название папки в Закладках или название сайта, то что отображается в Закладках, в этом примере указано размер шрифта 0pt (0) для того, чтобы в Закладках небыло название папок, а только фавикон (иконки) папок Закладки
 

Вложения

  • Aks 1.jpg
    Aks 1.jpg
    35.6 KB · Просмотры: 53
для изменение размера иконок Закладки добавим скрипт
————
.bookmark-item > .toolbarbutton-icon
{
height: 20px !important; → высота 20-пикселей
width: 20px !important; → ширина 20-пикселей
}
————
где
height: 20px !important;
width: 20px !important;

P.S таким образом можно заменить фавикон любого сайта на своем браузере Firefox
 
можем даже использовать для значка (иконки) не картинку, а символы unicode, например символ Футбольный мяч U+26BD
для этого сперва переименуем название нужной папки Закладки и вместо буквы вставим символ Футбольный мяч и
в файле userChrome.css добавим строки:
#personal-bookmarks .bookmark-item[label="⚽"] .toolbarbutton-icon {display:none!important;}"
где display:none!important скрывает отображение иконки по умолчанию и остается только имя папки, а имя папки мы указали символ unicode
 

Вложения

  • Aks 2.jpg
    Aks 2.jpg
    9.8 KB · Просмотры: 44
Назад
Сверху Снизу