<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>lukeroberts &#187; Launchy</title>
	<atom:link href="http://lukeroberts.us/tag/launchy/feed/" rel="self" type="application/rss+xml" />
	<link>http://lukeroberts.us</link>
	<description></description>
	<lastBuildDate>Mon, 02 Jan 2012 05:03:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>How to: make a skin for Launchy</title>
		<link>http://lukeroberts.us/2008/08/how-to-make-a-skin-for-launchy/</link>
		<comments>http://lukeroberts.us/2008/08/how-to-make-a-skin-for-launchy/#comments</comments>
		<pubDate>Fri, 08 Aug 2008 08:09:23 +0000</pubDate>
		<dc:creator>Luke</dc:creator>
				<category><![CDATA[General Stuff]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[error]]></category>
		<category><![CDATA[fix]]></category>
		<category><![CDATA[glitch]]></category>
		<category><![CDATA[howto]]></category>
		<category><![CDATA[Launchy]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[recource]]></category>
		<category><![CDATA[skin]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[ubuntu]]></category>
		<category><![CDATA[windows]]></category>

		<guid isPermaLink="false">http://lukeroberts.us/?p=147</guid>
		<description><![CDATA[<a href="http://lukeroberts.us/2008/08/how-to-make-a-skin-for-launchy/"><img align="left" hspace="5" width="150" height="150" src="http://lukeroberts.us/wp-content/uploads/2008/08/firefoxscreen-150x150.png" class="alignleft wp-post-image tfe" alt="" title="Launchy 2.0 skin Elegant Brit" /></a>Launchy, an application launcher for originally for Windows, is now available on Linux. Both are identical until you start downloading third-party skins. Many skins work on Windows but have strange graphical glitches and errors on Linux. It seems the Linux version is a bit more strict in the way it reads the layout of files. [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Launchy" href="http://launchy.net/">Launchy</a>, an application launcher for originally for Windows, is now available on Linux. Both are identical until you start downloading third-party skins. Many skins work on Windows but have strange graphical glitches and errors on Linux. It seems the Linux version is a bit more strict in the way it reads the layout of files.</p>
<p><a href="http://lukeroberts.us/wp-content/uploads/2008/08/firefoxscreen.png"><img class="alignnone size-full wp-image-153" title="Launchy 2.0 skin Elegant Brit" src="http://lukeroberts.us/wp-content/uploads/2008/08/firefoxscreen.png" alt="" width="400" height="166" /></a></p>
<p>This guide will be a (hopefully) simple guide to creating skins correctly for Launchy 2.0 based mostly on my own trial-and-error in making this <a title="Elegant Brit skin for Launchy 2.0" href="http://lukeroberts.deviantart.com/art/Elegant-Brit-skin-for-Launchy-94098342" target="_blank">Elegant Brit skin</a>.<br />
<span id="more-147"></span></p>
<h2>The 5 main skin files</h2>
<p>Launchy skins are made up of 5 files.</p>
<p><a href="http://lukeroberts.us/wp-content/uploads/2008/08/alpha-example.png"><img class="alignnone size-full wp-image-148" title="alpha.png example" src="http://lukeroberts.us/wp-content/uploads/2008/08/alpha-example.png" alt="" width="311" height="83" /></a></p>
<p>1. <strong>alpha.png</strong> &#8211; is the main part of your skin and should contain all the colours, patterns, etc and have a transparent background. It should also have the areas for the input, output and icon removed (transparent).</p>
<p><a href="http://lukeroberts.us/wp-content/uploads/2008/08/background.png"><img class="alignnone size-full wp-image-151" title="background.png example for Launchy 2.0" src="http://lukeroberts.us/wp-content/uploads/2008/08/background.png" alt="" width="311" height="83" /></a></p>
<p>2. <strong>background.png</strong> &#8211; will be the background for the input, output and icon areas and should contain nothing else. The rest of this image should be filled in red (255, 0, 0).</p>
<p><a href="http://lukeroberts.us/wp-content/uploads/2008/08/maskexample.png"><img class="alignnone size-full wp-image-152" title="mask.png example" src="http://lukeroberts.us/wp-content/uploads/2008/08/maskexample.png" alt="" width="311" height="83" /></a></p>
<p>3. <strong>mask.png</strong> &#8211; should be based on your background.png, but with the red areas filled in white (making them transparent) and the input, output and icon areas being in black.</p>
<p>4. <strong>misc.txt</strong> &#8211; defines the areas for the input and output text, location of the icon, alternative suggestions area and the size of the above images (all the same size).</p>
<p>For example:</p>
<ul>
<li><strong>input = 14,49,276,19</strong> (input text where you will type the program you want. This box will start at 14 pixels from the left edge of the image and 49 pixels from the top. It will be 276 pixels wide and 19 tall)</li>
<li><strong>output = 14,14,276,20</strong> (will be the title of the program selected. The box will start at 14 from the left and top and will be 276px wide and 20px tall)</li>
<li><strong>boundary = 0,0,311,83</strong> (the overall image size of alpha.png and the others which are the same size. 311 being the width and 83 the height)</li>
<li><strong>icon = 264,9,32,32</strong> (position of the icon for the selected program. 264px from the left, 9 from the top, in a 32x32px box)</li>
<li><strong>alternatives = 7,74,296,100</strong> (location of the alternative suggestions box. 7 from the left, 74 from the top, 296px wide and 100px tall)</li>
</ul>
<p>Some skins also define a few font related variables in this file because it is not possible in the qss file. These related to the path details in the drop down list:</p>
<p>dropPathColor = colour in RGB<br />
dropPathFamily = font name<br />
dropPathSize = font size<br />
dropPathWeight = bold<br />
dropPathItalics = italics</p>
<p>5. <strong>style.qss</strong> &#8211; is basically a CSS file and controls the fonts and borders for the skin.</p>
<p>&lt;QLineEdit#input or output or alternatives&gt;<br />
font = font size and name<br />
background-color = text background colour, including alpha value %<br />
alternate-background-color = background colour for the alternative suggestions box<br />
color: font colour<br />
border-style = whether border is a solid line, dotted, dashes, etc. Borders are usually off<br />
border-width = border size in pixels &#8211; usually 0, meaning off</p>
<h2>Other files</h2>
<p><strong>author.txt</strong> &#8211; information about the skin such as title, author, date, version, etc.</p>
<p>Sometimes other skin features such as option button, close button and skinned scroll bar are included.</p>
<p>&#8211;</p>
<p>Thanks to sierra13 and <a title="How to create a Launchy 2.0 skin?" href="http://sourceforge.net/forum/forum.php?thread_id=1896228&amp;forum_id=766268" target="_blank">this thread in particular</a> on the Launchy SourceForge page.</p>
]]></content:encoded>
			<wfw:commentRss>http://lukeroberts.us/2008/08/how-to-make-a-skin-for-launchy/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
<!-- Quick Cache: failed to write cache. The cache/ directory is either non-existent ( and could not be created ) or it is not writable. -->
