User:Tometheus/Getting started with STIXE - Revision history

WikiSysop: Getting started with STIXE moved to User:Tometheus/Getting started with STIXE: putting it in private subspace

2006-12-16T14:13:52Z

Getting started with STIXE moved to User:Tometheus/Getting started with STIXE: putting it in private subspace

WikiSysop: 6 revision(s)

2006-12-16T14:12:29Z

6 revision(s)

Tometheus: /* Main Window */

2006-03-23T22:11:58Z

Main Window

Tometheus: /* Main Window */

2006-03-23T19:00:56Z

Main Window

Tometheus: /* Main Window */

2006-03-23T18:53:34Z

Main Window

Tometheus: /* Main Window */

2006-03-23T18:41:48Z

Main Window

Tometheus: /* Main Window */

2006-03-23T18:38:19Z

Main Window

Tometheus at 17:26, 23 March 2006

2006-03-23T17:26:14Z

New page

==Introduction==

I've never made a STIXE skin before, but I have read the skin with every
release, so I know how it works from the raw language side. So I decided to
take notes from a first time skinner's point of view. Now, I already have the
graphics designed for how I eventually want the skin to look (BT was released in
.70) but I don't have the graphics in the form that STIXE wants them. This is
probably where most people will start.

==First Steps==
===Setup the Directory===
The easiest place to start is by copying the Whistler folder and renaming it to
our skin's name. (I've named mine "BlueTurtle for STIXE".) That way we have
everything the skin needs to start off with and we can replace things element by
element. (But remember to replace everything before releasing, because the
Whistler skin is © [http://www.ceruleanstudios.com Cerulean Studios].)

===Edit Desc.txt===
Once we've done that, the first thing we do is to edit the [[desc.txt]] file.
You can see what all the desc.txt file does by clicking that link. Mainly, this
tells Trillian the name and description of the skin and where to find the
preview. The main things we want to do right now is just change the first two
lines. The first line is the name of the skin, and often includes the version
so users know what version they're using. In my case, I'm using "BlueTurtle for
STIXE, v3.1.0". (I usually make my BT versions equal to the Trillian version
they're intended for, just so I can remember myself if I've updated yet LOL.)
The second line is the description of our skin. Just remember that this
description must be under 256 characters or the /skinchooser will choke.

Now we can look at Trillian's skin chooser and see our skin listed. Don't worry
about the preview right now, we'll make that when the skin's all done.

==The Settings.ini File==

This is the heart of a STIXE theme. STIXE is still based on SkinXML, so it
still follows all of the rules in the [[:Category:Skinning Trillian|reference]],
however, all of the core code is in %Trillian%\stixe instead of in our folder.
However, we still have to tell it what colors we want, what sizes our controls
are, etc. That's what the [[:Category:STIXE settings.ini|settings.ini]] file
does. For a STIXE skinner, this is the only place you have to do anything with
XML. You can edit this file in any text editor, such as notepad. This file,
while named an .ini file to make it easier to edit, is really a [[DTD File]]
containing [[entity|entities]] that we modify for our skin. All you have to do
is change what's in the 'quotes' on each of the entities, and that's all the XML
you need to know.

==The "Images" Folder==

This folder contains all of the images for the skin. We will have to change all
of these by the time we're done. (The only exceptions being Brand-Basic.png and
Brand-Pro.png. I believe these can remain as they are to brand Trillian. Kid
will correct me here if I'm wrong.)

There are a lot of images here, but Kid has written an excellent reference on
what they all mean [[here]].

==Main Window==

===Slices===

==Buttons==

==The Preview==

Last thing we do is take a screenshot and create a preview.bmp

@@ Line 59: / Line 59: @@
 If you use Magenta {{RGB|255,0,255|255,255,255}} it will make that area transparent.
-===Slices===
+===Regions, Slices, and SliceWidths===
 ==Buttons==

@@ Line 57: / Line 57: @@
 ==Main Window==
-If you use Magenta {{RGB|#FF00FF|#FFFFFF|255,0,255}} it will make that area transparent.
+If you use Magenta {{RGB|255,0,255|255,255,255}} it will make that area transparent.
 ===Slices===

@@ Line 57: / Line 57: @@
 ==Main Window==
-If you use Magenta {{RGB|255,0,255|0,0,0}} it will make that area transparent.
+If you use Magenta {{RGB|#FF00FF|#FFFFFF|255,0,255}} it will make that area transparent.
 ===Slices===

@@ Line 57: / Line 57: @@
 ==Main Window==
-If you use Magenta {{RGB|255|0|255|0|0|0}} it will make that area transparent.
+If you use Magenta {{RGB|255,0,255|0,0,0}} it will make that area transparent.
 ===Slices===

←Older revision		Revision as of 18:38, 23 March 2006
Line 56:		Line 56:

	==Main Window==		==Main Window==
		+
		+	If you use Magenta {{RGB\|255\|0\|255\|0\|0\|0}} it will make that area transparent.

	===Slices===		===Slices===

←Older revision	Revision as of 14:13, 16 December 2006
(No difference)

←Older revision	Revision as of 14:12, 16 December 2006
(No difference)