Создание тем оформления для K-Meleon

Тема оформления содержит следующие компоненты:

  • графические файлы;
  • конфигурационные файлы;
  • индикатор активности (видеофайл).

Графические файлы

back.bmp

Этот файл — фоновое изображение панели инструментов. Может быть использован любой рисунок в формате bmp, но он обязательно должен называться back. Размеры этого изображения могут быть самыми разными, причём ширина не обязательно должна быть равна длине (т.е. изображение может и не быть квадратным).
Нужно учесть, что фоновое изображение на панели инструментов получается не путём растягивания рисунка, а путём замощения панели (т.е. заполнения ровными рядами). Поэтому при создании данного рисунка не увлекайтесь надписями, не перегружайте рисунок множеством деталей, — в глазах зарябит. По этой же причине не стоит создавать рисунки слишком маленького размера. Большой же рисунок может просто не отобразиться полностью.
Лучше всего при создании рисунка использовать асимметричные геометрические узоры. Впрочем, это дело только Вашего вкуса и фантазии. Кстати, не увлекайтесь яркими рисунками, — они будут мешать нормальному восприятию кнопок на панели инструментов. Не забывайте, что вы создаёте всего лишь фон, а не шедевр психоделической живописи.
Есть одна хитрость. Если Вы хотите, чтобы фоновый рисунок отображался полностью, не обрываясь в самом неожиданном месте, то заранее рассчитывайте высоту рисунка. Всё зависит от размеров (точнее от высоты) кнопок на панелях инструментов. Допустим, кнопки 24х24. Тогда высота рисунка должна быть кратна 24. Впрочем, размер back.bmp всегда можно изменить исходя из того, сколько панелей Вы используете и как они расположены; просто посчитайте высоту всех используемых панелей и сделайте высоту рисунка такой же.

bookmarks.bmp*

Содержит шесть изображений размером 16х16 пикселей, которые используются при отображения закладок Netscape. (Можно, конечно, делать изображения и большего размера, но тогда они будут излишне перекрывать окно.)

bookmarks-edit.ico*

Иконка, отображаемая в верхнем левом углу окна редактирования закладок Netscape.

default.ico

Иконка, отображаемая на пустой вкладке.

favorites.bmp*

Содержит шесть изображений размером 16х16 пикселей, которые используются при отображения избранного Internet Explorer.

history.bmp*

Содержит шесть изображений размером 16х16 пикселей, которые используются при отображения истории посещений.

history-view.ico*

Иконка, отображаемая в верхнем левом углу окна истории посещений.

hotlist.bmp*

Содержит шесть изображений размером 16х16 пикселей, которые используются при отображения горячего списка Opera.

hotlist-edit.ico*

Иконка, отображаемая в верхнем левом углу окна горячего списка Opera.

layers.bmp*

Изображение размером 16х16 пикселей, отображаемое на панели вкладок.

loading.ico

Иконка, отображающая процесс загрузки веб-страницы.

main.ico*

Иконка размером 16х16 пикселей, отображаемая в верхнем левом углу основного окна K-Meleon. Это логотип браузера.

menu.bmp

Этот файл содержит значки, используемые в меню. Количество значков, которые Вы хотите отображать, изменяется согласно изменениям, вносимым в файл menuicons.cfg. Ширина рисунка зависит от количества значков, а вот высоту лучше не делать больше 16 (т.е. значки должны быть 16х16).
Название данного файла может быть любым, главное, чтобы в файле menuicons.cfg было указано именно оно, т.е. если Вы нарисовали значки для меню и назвали файл, например, icons, то и в файле menuicons.cfg нужно указывать icons.bmp.

toolhot.bmp

Изображения активных кнопок на панели инструментов.

toolcold.bmp

Изображения неактивных кнопок на панели инструментов.

tooldead.bmp

Изображения отключенных кнопок на панели инструментов.

privhot.bmp

Изображения активных кнопок на панели приватности.

privcold.bmp

Изображения неактивных кнопок на панели приватности.

Следует отметить, что при создании графических файлов обязательно нужно использовать фон цвета фуксии. Настройки цвета такие: Оттенок 200 Контраст 240 Яркость 120 Красный ( R ) 255 Зелёный (G) 0 Синий (B) 255.

Проще всего сразу при создании файла залить всё изображение этим цветом, и рисовать поверх него.

Если рисовать на белом фоне или создавать панель из готовых иконок, то потом менять цвет фона на фуксию придётся очень долго, буквально попиксельно.

Здесь есть ссылка на бесплатную программу ToolBarPaint, создавать панели инструментов с помощью которой гораздо проще, чем в простом графическом редакторе: нужно просто выбрать нужный размер панели управления (от 16х16 до 48х48) и вставить готовые графические файлы с изображениями кнопок в соответствующие ячейки. К недостаткам программы следует отнести английский интерфейс и поддержку только трёх графических форматов импортируемых файлов: ICO, GIF, JPG.

Как делать кнопки в состоянии COLD, HOT, DEAD.

Сначала нужно создать панель в состоянии COLD. Далее нужно просто изменить насыщенность изображения; для состояния HOT цвет кнопки должен быть на 50-75% насыщеннее, а для DEAD насыщенность можно установить на 50-75% меньше или вообще установить минимально возможное значение или использовать серую шкалу изображения. Потом нужно проверить, как отображается панель в работе. Если фон пропал, то залейте его фуксией заново. Для тех, кто не умеет/не хочет разбираться с Adobe Photoshop, можно посоветовать использовать для таких операций с цветом программку Articons Pro. Скачать её можно с официального сайта разработчиков.

Для изменения насыщенности в Articons в меню “Эффекты” нужно выбрать пункт “Оттенок/насыщенность”. (Вообще данная программа нетребовательна к системным ресурсам, имеет русский интерфейс и поддерживает работу с форматами ICO, BMP, JPG, CUR, RC, GIF, PNG, PSD. Таким образом, эту программу можно использовать как при создании файлов ICO, так и для рисования кнопок).

Конфигурационные файлы

menuicons.cfg

Этот файл определяет, какие изображения используются для каждой команды в меню. Для более подробной информации или редактирования откройте этот файл в текстовом редакторе (в папке skins содержится файл commands.txt, в котором приведены все поддерживаемые команды. Для каждой из них можно создать в меню свой значок).
Нужно учитывать, что содержание menuicons.cfg зависит от того, какие значки и в каком порядке содержатся в файле menu.bmp, а не наоборот. Иными словами, если у Вас в файле menu.bmp первый значок изображает пункт меню «Новое окно», то в файле menuicons.cfg первая команда должна быть ID_NEW_BROWSER, иначе все значки в меню перепутаются.
Кстати, возможно Вы нарисуете значки для всех пунктов меню, но захотите, чтобы отображались не все, а только некоторые. В таком случае в файле menuicons.cfg вместо команды, соответствующей значку, который Вы хотите скрыть, поставьте 0 (т.е. ноль).

toolbars.cfg

Этот файл определяет, изображения каких кнопок будут отображаться на панели инструментов. Для добавления или удаления кнопок откройте этот файл в текстовом редакторе.
Следует отметить, что вовсе необязательно самостоятельно писать данный файл от начала до конца. Можно взять за основу готовый файл из какой-либо темы оформления.
В самом конце данного файла обязательно присутствуют пояснения по настройке кнопок. Следует добавить только, что запись типа: toolhot.bmp[0] означает, что для изображения активной кнопки будет использовано изображение из файла toolhot.bmp, находящееся самым первым. Причём отсчёт ведётся именно с нуля, а не с единицы.

Индикатор активности

throbber.avi*

Это - индикатор активности K-Meleon. Если Вы не хотите использовать его, установите в файле user_pref следующее значение:

("kmeleon.toolband.Throbber.visibility", False);

На официальном сайте K-Meleon есть некоторые рекомендации по созданию индикатора активности и ссылки на софт, который для этого используется, однако рекомендации и пояснения скудны, поэтому опишем процесс создания данного файла от начала до конца.
Во-первых, размер кадра может быть любым, но т.к. размер кадра влияет на высоту строки меню, не рекомендуется делать его больше 32х32. Кстати, кадр может быть и неквадратным, т.е. допускаются размеры 40х32, 30х24 и другие.
Во-вторых, качество видеоизображения необязательно должно быть 8 бит; K-Meleon корректно отображает видео качеством 16, 24 и 32 бит. Таким образом, для создания индикатора активности можно смело использовать высококачественную графику.
Файл формата AVI создаётся из нескольких графических файлов, которые будут являться кадрами. Для этого лучше всего использовать программы с русским интерфейсом, например Atani. Скачать её можно тут: http://www.screenthiefsoft.com/ . Интерфейс этой программы нагляден, а усилия пользователя для создания готового видеофайла минимальны.
Итак, в Atani алгоритм действий таков:

  • Создаём новый проект. В открывшемся диалоговом окне указываем ширину и высоту кадра, которые необходимы. Если размеры исходных графических файлов отличаются от требуемых, то ставим галочку в поле «Масштабировать кадры». Период кадра нужно выбирать индивидуально, при этом учитывая, что чем больше период, тем плавнее будет движение в кадре. Кстати, настройки проекта в дальнейшем можно в любой момент изменить.
  • Жмём «Добавить файл» и добавляем в проект исходные графические файлы в нужном порядке. Следует отметить, что Atani позволяет использовать в качестве исходных графические файлы форматов PNG, GIF, JPG, JPEG, BMP, ICO. Для каждого кадра можно указать определённое время показа и расположение изображения по центру (это необходимо только при использовании квадратных изображений для создания неквадратного кадра). Для этого нужно щёлкнуть по значку в левом нижнем углу кадра и выбрать «Настройки кадра». Можно добавить всяческие эффекты и фильтры изображения. Можно добавить текст и сделать его бегущей строкой и т.д. Но это уже по желанию…
  • Жмём «Создать AVI». Указываем имя файла, который создаём. Далее выбираем качество изображения: от 1 до 32 бит (смело указываем 32 бит) и цвет фона (при использовании квадратных изображений для создания неквадратного кадра). Жмём «Создать» и выбираем сжатие видео. Лучше всего создавать полные кадры без сжатия, т.к. K-Meleon гарантированно будет отображать их корректно.

Примечание

1. Файлы, отмеченные звёздочкой (*) создавать необязательно, поскольку в случае их отсутствия автоматически будут использоваться соответствующие файлы из темы оформления, используемой браузером по умолчанию.
2. Во время создания темы оформления приходится неоднократно менять в настройках используемую тему. Это может привести к странному глюку: могут пропасть все панели инструментов и придётся создавать новый профиль.

kmeleon/themes.txt · Последние изменения: 2009/08/04 18:59 — Quicksilver tears
CC Attribution-Share Alike 3.0 Unported
www.chimeric.de Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0