можно ли подправить тему (набор иконок)

Leopoldus · №1

Перебрал кучу тем, пока не нашел более или менее подходящую - LittleBird. Но в этой отобранной теме имеется один (всего один!!), но большой недостаток: стрелки на иконках статуса писем (отвечено, переслано дальше) совсем незаметные, маленькие и по цвету похожи с цветом иконки. Можно ли с этим что-то сделать? Может быть, немного подредактировать тему, приделав свои собственные файлы изображений для стрелок, или где-то в файлах настроек задать другой размер или цвет стрелок?

Infocatcher · №2

1. Распаковываете .jar (это ZIP-архив)
2. Правите картинки / .css
3. Запаковываете обратно (обязательно в ZIP)

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

Добавлено Thu Apr 10 03:27:28 2008 :
Еще можно посмотреть, как «навешиваются» эти картинки (CSS), и, не редактируя тему, добавить соответствующий стиль в файл userChrome.css в папке chrome профиля.

Добавлено Thu Apr 10 03:29:24 2008 :
Последний вариант более предпочтителен, потому как может выйти новая версия темы.

Отредактировано Infocatcher (10-04-2008 03:28:03)

Leopoldus · №3

Еще можно посмотреть, как «навешиваются» эти картинки (CSS)

А как посмотреть, как они навешиваются? Там внутри архива туча всяких файлов .CSS и графических, но совершенно непоятно, какие из них могут иметь отношение к этим стрелкам. Например, есть файл arrow.css, но, судя по всему, он к этим стрелкам статуса сообщений отношения не имеет.

Sid · №4

Leopoldus
Иконки статуса письма находятся в файле \messenger\icons\message.png (если не ошибаюсь, вторая иконка - "Отвечено", а третья - "Переслано"). Перерисуй как тебе нравится и запакуй обратно.

Leopoldus · №5

Sid

Иконки статуса письма находятся в файле \messenger\icons\message.png (если не ошибаюсь, вторая иконка - "Отвечено", а третья - "Переслано").

Там такого нет Единственный файл в этом директории - new-mail-alert.png, это просто иконка сообщения, безо всяких стрелок. Вообще, файла с именем message.png нет во всем архиве.

Sid · №6

Leopoldus
Во всяком случае стандартная тема и та, которой я пользуюсь, - обе хранят значки статуса в этом файле. А можно ссылочку на LittleBird?

Infocatcher · №7

Sid
Видимо, речь идет об этом: Littlebird for Thunderbird 1.5 and 2.0

Leopoldus · №8

Sid

можно ссылочку на LittleBird?

Страница загрузки - https://addons.update.mozilla.org/en-US … addon/1493
Прямая ссылка на файл - https://addons.update.mozilla.org/en-US … .18-tb.jar

З.Ы.
А этот Azerty 'mail тоже выглядит вполне симпатично, как-то я его раньше проглядел. Надо будет попробовать, если с LittleBird ничего не получится. Но лучше бы получилось.

Sid · №9

Leopoldus
\messenger\threadPane2.png (пятая и шестая иконка) - они?
Похоже, что не все темы используют расположение файлов, как в стандартной. Я не знал. :dumb:

Отредактировано Sid (10-04-2008 20:10:38)

Leopoldus · №10

Sid

\messenger\threadPane2.png (пятая и шестая иконка) - они?

Да, похоже на то. То есть, просто перерисовать эту область одного-единственного рисунка и сунуть его обратно? Всё так просто? Даже не верится

Но интересо было бы всё-таки узнать, что за способ имел в виду Infocatcher

(Еще можно посмотреть, как «навешиваются» эти картинки (CSS), и, не редактируя тему, добавить соответствующий стиль в файл userChrome.css в папке chrome профиля. Последний вариант более предпочтителен, потому как может выйти новая версия темы.

Отредактировано Leopoldus (10-04-2008 22:27:57)

Infocatcher · №11

Leopoldus

Но интересо было бы всё-таки узнать, что за способ

Примерно так (пробовал сделать, но не получилось, впрочем, не очень долго пытался):
1) ищем упоминание threadPane2.png в CSS:
messenger\mailWindow1.css
2) смотрим на threadPane2.png получаем, что нужным нам картинкам соответствует (все расстояния измеряются от самого верха или левой стороны до граней иконки: верхней, правой, нижней, левой):

Выделить код

Код:

-moz-image-region:rect(0 80px 16px 64px);
-moz-image-region:rect(0 96px 16px 80px);

3) ищем «0 80px 16px 64px» и «0 96px 16px 80px», находим:

Выделить код

Код:

treechildren::-moz-tree-image(folderNameCol,specialFolder-Templates){-moz-image-region:rect(0 80px 16px 64px)}
treechildren::-moz-tree-image(subjectCol,replied,read){-moz-image-region:rect(0 80px 16px 64px)}

treechildren::-moz-tree-image(folderNameCol,specialFolder-Unsent Messages){-moz-image-region:rect(0 96px 16px 80px)}
treechildren::-moz-tree-image(subjectCol,replied,read){-moz-image-region:rect(0 80px 16px 64px)}

(увы, толку от найденного мне получить, повторюсь, не удалось)

4) добавляем в userChrome.css:

Выделить код

Код:

treechildren::-moz-tree-image(folderNameCol,specialFolder-Templates) { list-style-image: url("img1.png") !important; }
treechildren::-moz-tree-image(subjectCol,replied,read) { list-style-image: url("img1.png") !important; }

treechildren::-moz-tree-image(folderNameCol,specialFolder-Unsent Messages) { list-style-image: url("img2.png") !important; }
treechildren::-moz-tree-image(subjectCol,replied,read) { list-style-image: url("img2.png") !important; }

Т.е. надо найти стили, описывающие нужные нам иконки, и изменить их через userChrome.css.
Так что предлагаю остановиться на правке картинки

Отредактировано Infocatcher (10-04-2008 21:49:10)

Leopoldus · №12

Получилось!! Нарисованные мной здоровенные стрелки выглядят безобразно до отвратности (руки поотрывал бы!), особенно на фоне красивых и аккуратных остальных картинок темы - но зато они стали заметны простым глазом без микроскопа
Спасибо!!

Так что предлагаю остановиться на правке картинки

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

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

№110-04-2008 02:50:59