****** Summary ****** deKorator is a kwin engine that takes several user-defined images and presents them as a window decoration. deKorator expects to find those in a theme. Here is a guide for building such a theme. ****** In the package ****** deKorator comes with: * default-theme - Used by default, illustrates some of deKorator's features. * ugly-theme - Its purpose is to understand the way deKorator paints the decorations. * template-theme - this theme is meant to be a template theme for other themes, this theme features all possible buttons. * Bushido-Yellow-theme - shows how masking can be done. ****** Names ****** deKorator expects the same directory structure and file names as the ones in default-theme. Every theme file should end with "-theme" (as in "default- theme"), and should contain all the folders that are in default-theme (deco, buttons, masks). ****** Sizes ****** deKorator determines the 4 borders' sizes from: _BAR_Property \t\t\t_BAR_Source\t\t\t\t_BAR_ ------------------------------------------------------------------------------------------------ _BAR_the left border width \t\t_BAR_midLeftFrameBg's width\t\t_BAR_ _BAR_the right border width \t\t_BAR_midRightFrameBg's width\t_BAR_ _BAR_the top bar height \t\t_BAR_midTitleBg's height \t\t_BAR_ _BAR_the bottom border height\t_BAR_midBottomFrameBg's height\t_BAR_ All parts that build up a specific border should have the same width or height, as appropriate. An example follows for a window decoration with a 10px high top bar, a 20px wide left border, a 30px wide right border and a 40px high bottom border. All tiles in the top bar should be 10 pixels high: * topLeftCornerBg * leftButtonsBg * leftTitleBg * midTitleBg * rightTitleBg * rightButtonsBg * topRightCornerBg All tiles in the left border should be 20 pixels wide: * topLeftFrameBg * midLeftFrameBg * bottomLeftFrameBg All tiles in the right border should be 30 pixels wide: * topRightFrameBg * midRightFrameBg * bottomRightFrameBg All tiles in the bottom border should be 40 pixels high: * leftBottomFrameBg * midBottomFrameBg * rightBottomFrameBg The corner tiles should fit into the tile grid: Tile Height Width topLeftCornerBg 10 20 topRightCornerBg 10 30 leftBottomFrameBg 40 20 rightBottomFrameBg 40 30 ****** Buttons ****** The button images are separated into background and foreground ones. ***** Background ***** The button background uses the leftButtonsBg and the rightButtonsBg tiles. Their height should be the same as the top bar's. The background is repeated horizontally to fit the buttons in. ***** Foreground ***** The width is determined by the button width. This way theme makers can put the buttons as close as they wish. To make space between buttons you can add transparent pixels to the right and left. A button with a smaller height than the top bar's gets centered vertically. To place the button in a custom height use transparent pixels, too. ****** Masks ****** Masks contain only black and white. Black pixels are subtracted from the decoration. ****** Image format ****** All images should be in PNG format. ****** Tips and Tricks ****** Always start up building your theme from the template-theme.
****** สรุป ****** deKorator เป็นส่วนหนึ่งของ kwinis ที่สามารถใช้ภาพที่ผู้ใช้กำหนดและแสดงผล ในรูปแบบของการตกแต่งหน้าต่าง ซึ่ง deKorator คาดหวังที่จะค้นหาสิ่งนั้นในชุดตกแต่ง ต่อไปนี้จะเป็นการแนะนำในการสร้างชุดตกแต่ง ****** ชุดโปรแกรม ****** ในชุดโปรแกรม ประกอบด้วย: * default- theme - Used by default, illustrates some of deKorator' s features. * ugly- theme - It' s purpose is to understand the way deKorator paints the decorations. * template- theme - this theme is meant to be a template theme for other themes, this theme features all possible buttons. * Bushido- Yellow- theme - shows how masking can be done. ****** ชื่อ ****** deKorator expects the same directory structure and file names as the ones in default- theme. Every theme file should end with "- theme" (as in "default - theme"), and should contain all the folders that are in default- theme (deco, buttons, masks). ****** ขนาด ****** deKorator determines the 4 borders 'sizes from: _BAR_Property\ t\ t\ t_BAR_Source\ t\ t\ t\ t_BAR_ ------------------------------------------------------------------------------------------------ _BAR_the left border width\ t\ t_BAR_midLeftFrameBg' s width\ t\ t_BAR_ _BAR_the right border width\ t\ t_BAR_midRightFrameBg' s width\ t_BAR_ _BAR_the top bar height\ t\ t_BAR_midTitleBg' s height\ t\ t_BAR_ _BAR_the bottom border height\ t_BAR_midBottomFrameBg' s height\ t_BAR_ All parts that build up a specific border should be in the same width or height correspondingly. An example follows for a window decoration with a 10px high top bar, a 20px wide left border, a 30px wide right border and a 40px high bottom border. All tiles in the top bar should be 10 pixel high: * topLeftCornerBg * leftButtonsBg * leftTitleBg * midTitleBg * rightTitleBg * rightButtonsBg * topRightCornerBg All tiles in the left border should be 20 pixel wide: * topLeftFrameBg * midLeftFrameBg * bottomLeftFrameBg All tiles in the right border should be 30 pixel wide: * topRightFrameBg * midRightFrameBg * bottomRightFrameBg All tiles in the bottom border should be 40 pixel high: * leftBottomFrameBg * midBottomFrameBg * rightBottomFrameBg The corner tiles should fit into the tile grid: Tile Height Width topLeftCornerBg 10 20 topRightCornerBg 10 30 leftBottomFrameBg 40 20 rightBottomFrameBg 40 30 ****** ปุ่ม ****** The button images are separated into background and foreground ones. ***** พื้นหลัง ***** The button background uses the leftButtonsBg and the rightButtonsBg tiles. Their height should be the same as the top bar' s. The background' s repeated horizontally to fit the buttons in. ***** ส่วนหน้า ***** The width is determined by the button width. This way theme makers can put the buttons as close as they wish. To make space between buttons you can add transparent pixels to the right and left. A button with a smaller height than the top bar' s gets centered vertically. To place the button in a custom height use transparent pixels, too. ****** การพราง (มาส์ก) ****** การพรางจะมีขาวและสีดำเท่านั้น จุดสีดำจะถูกลบจากรูปแบบ ****** รูปแบบแฟ้มภาพ ****** รูปภาพต้องอยู่ในรูปแบบแฟ้ม PNG ****** เทคนิคการใช้งาน ****** สร้างชุดตกแต่งของคุณ จากชุดตกแต่งต้นฉบับ