K-Meleon

KMeleonWiki > Tutorials > TutorialSkinning


The K-Meleon Skinning Tutorial

Welcome to the skinning tutorial for K-Meleon. Here you will find instructions and guides on various aspects and techniques for theming K-Meleon, and also for customizing the appearance of K-Meleon itself.

Follow the links below for the tutorials.

How to change skins.

  • For details on how to change a skin/theme visit here

What's in a Skin?

  • For information on what components constitute a skin, visit here.

The K-Meleon default skin file

C:\Program Files\K-Meleon\skins\Klassic

back.bmp

This file is the background image used by K-Meleon. Any bitmap image may be used, but it must be named back.bmp. A seamless bitmap image is best used as K-Meleon will tile the image by default.

bookmarks.bmp*

Contains six 16 by 16 pixel images to be used by the bookmarks kplugin.

bookmarks-edit.ico*

This is the icon that will appear in the upper left hand corner of the edit window.

favorites.bmp*

Contains six 16 by 16 pixel images to be used by the favorites kplugin.

history.bmp*

Contains six 16 by 16 pixel images to be used by the history kplugin.

history-view.ico*

This is the icon that will appear in the upper left hand corner of the history window.

hotlist.bmp*

Contains six 16 by 16 pixel images to be used by the hotlist kplugin.

hotlist-edit.ico*

This is the icon that will appear in the upper left hand corner of the edit window.

layers.bmp*

This is a single 16 by 16 pixel bitmap image to be used on the layer toolbar.

main.ico*

This is a 16 by 16 pixel icon that will appear in the upper left hand corner of the main K-Meleon window.

menu.bmp

This file contains the images to be used in the text menu. The number of images to be included will vary according to what is included in the menuicons.cfg file.

menuicons.cfg

This file determines which images to use for each Command_ID in the menus. For more information, or to edit, open the file in a text editor.

throbber.avi*

This is the K-Meleon throbber image. Set this preference if the throbber is not wanted. user_pref("kmeleon.toolband.Throbber.visibility", false);

toolbars.cfg

This file determines which images to use for each button on the toolbar. For more information, or to edit (add in or remove buttons), open the file in a text editor.

toolhot.bmp

The toolbar button's hovered state images.

toolcold.bmp

The toolbar button's enabled state images.

tooldead.bmp

The toolbar button's disabled state images.

privhot.bmp

The Privacy Bar's hovered/enabled state images.

privcold.bmp

The Privacy Bar's disabled state images.

Notes:

  • Files marked with * ,if not present in the folder, will be replaced with the default image.
  • For icon background transparency to occur, the color Magenta is used (RGB Value: 255,0,255). Most icon editors support the altering of RGB color values for editing.
  • For more information on how to interpret and customize a toolbars.cfg file, please visit the ToolbarsConfig page.

Tools for Creating and Editing Theme Components

  • For a guide to some good freeware applications for use with skins and themes, visit the ThemeTools page.

Customizing K-Meleon Even Further

  • For some advanced techniques for customizing K-Meleon even more, including hacking the executable file, visit the HackKmeleon? page.
K-Meleon

(c) 2000-2010 kmeleonbrowser.org. All rights reserved.
design by splif.