Step 3 - The Titlebar
- Open the titlebar preferences. Set the height of the titlebar for both v and h (vertical menu and horizontal menu) - in our case 19 for both. (They may differ if, for example, your buttons are not as tall as the titlebar. When a horizontal menu is displayed, you may not want the menu buttons to be stretched, so you can create a specific horizontal menu titlebar which matches the height of the buttons.) If the heights do not match the physical height in pixels, the image will be stretched.
- Set the font for the titles, along with the alignment and style (e.g. mixed, lower or upper case) and set an offset for how far above or below the center of the titlebar the text should appear. It is also possible to change the titlebar position to either the bottom or the side of the menu (in which case the titlebar image is stretched to the height of the menu. I've used the Tahoma 8pt font, with a vertical offset of 1 (to move it down just a bit) - the text is centred and all lower case.
- We are using two images for the title bar (i.e. active and inactive), so we need to tick the 'use inactive' box and set the 'Text Colour' for both states (I've used a dark grey - 48/48/48 for active and a slightly lighter grey - 78/78/78 for inactive).
- For the backgrounds for both active and inactive states, we need to set the value to Trans.Bitmap. Any pixels which have a colour of 255,0,255 ('the big pink') will be rendered transparent. Make sure that the 'tile bitmap' button is unchecked and set the L.tile and R.tile values to 22 - this will preserve 22 pixels at each end of the titlebar (where we have a 'grille' design) from being stretched on wider menus (I've indicated this on the snapshot). We needn't bother with the colour pickers for the backgrounds as we are using bitmaps.
- Finally, as we already have a frame for the menu as part of our images, we should make sure that none of the Title Frame boxes are checked.
|
|
|