Меняем картинку у папок в панели избранного Mozilla Firefox

  • 167
  • 0
  • 100,00%
  • 1

Браузер Mozilla Firefox заслуженно пользуется славой одного из самых продвинутых по "кастомизации" браузеров - большой выбор тем и гибкие настройки позволяют пользователю максимально подстроить под себя данный интернет обозреватель. Но есть некоторые мелочи, которые все же не были предусмотрены разработчиками - например, желание изменить внешний вид иконки папки в панели избранного.


Смена значка у папки избранного в Mozilla Firefox

Возьмем в качестве примера данную панель закладок:

На ней мы видим несколько закладок без имени (Google, ВКонтакте, YouTube и Яндекс). Кроме этого тут присутствуют четыре папки с абсолютно одинаковым изображением. Исправить это дело можно, но потребует немного возни с CSS файлами.

Сперва нужно перейти в директорию профиля пользователя, которую можно найти по следующему адресу:

Windows - %appdata%\Mozilla\Firefox\Profiles
Linux - ~/.mozilla/firefox/
Mac - ~/Library/Application Support/Firefox/Profiles или ~/Library/Mozilla/Firefox/Profiles

В данной директории будет находится папка профиля - обычно имеющая вид из случайным образом сгенерированных букв. Нужно перейти в неё и создать там папку chrome, а в папке chrome - файл userchrome.css. В данном файле пишем:

#personal-bookmarks .bookmark-item[container][label="Музыка"] {
	-moz-image-region:auto !important;
	list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjEuNv1OCegAAAFGSURBVDhPlZI9S8RAEIZzaCVCzp2P3dj4CeIfsLES7OxOi0PwDwgWioJeoyBaCXKCvVjY2AhaWFna3A+wtJNrrBTESt89p86uD4QkMzsz7ztJkUtVVSOO5cwxdyz0LxpO5J5YXnF/sFg+KFolkS4RjRPrqYXzIdGuiMxCwTOazFk4TfRNpOsD6SxfzLptqSRDkLyHwndM/3Gib3jfsFwaeL5xrB/EfAHPt2VZNi2VxqkuY+KLc2EeU/fx3Iv+LZ0Gkw+J/BImP0JJDxa+o4W4DztSzxjrTjOEiSid2a+gSQsL/HTOL9iRekrvp1C0BfmbuE4gfxQN+iEEsSNp0GANxce430HJFZ53LVWPqk7j8LmHCkyewT4uoWjS0mmi78F3Z+1E72iyaKk8UHSA6yn+rvic1wgN/2XyaWDzbdg4isu0WA1F8Qs6cTj0ZdoHZAAAAABJRU5ErkJggg==') !important;
}

Как должно быть видно в данном css коде, применяется иконка по имени папки "Музыка", и после перезапуска браузера выглядеть папка будет уже совсем по другому:

Требования для иконки следующее - она должна быть в размере 16х16, и либо закодирована в base64 (для помещения в css файл), либо находится в папке chrome. Если использовать вариант с файлом в папке chrome (который, допустим, будет называться music_note.png), то css код примет следующий вид:

#personal-bookmarks .bookmark-item[container][label="Музыка"] {
	-moz-image-region:auto !important;
	list-style-image: url('music_note.png') !important;
}

Если хочется оставить только картинку (иконку, значок), то удаление наименования папки избранного даст совсем противоположенный эффект - значок сменится на по умолчанию, так как по названию применяется пользовательская картинка. Но можно воспользоваться все тем же css файлом, чтобы скрыть отображение названия папки, при этом не удаляя его. Для этого достаточно добавить несколько строк в css, и содержимое файла приобретет следующий вид:

#personal-bookmarks .bookmark-item[container][label="Музыка"] {
	-moz-image-region:auto !important;
	list-style-image: url('music_note.png') !important;
}
#personal-bookmarks .bookmark-item[container][label="Музыка"] > .toolbarbutton-text {
	display: none !important;
}

И после этого от названия папки не останется и следа, а картинка никуда не денется:



Добавить комментарий

Ваш e-mail не будет опубликован.

Напоминаем Вам, что Ваше сообщение будет опубликовано только после проверки администратором сайта. Обычно это занимает 1-2 рабочих дня.