[Windows Mobile Themes] thepolishguy:
In depth tutorials are a lot of work. If you want to develop a gtx theme for 6.5, the easiest way is to start by installing the Windows7 for 6.5 theme and then modify it by creating your own images.

Here's what you can do. Use MSCEInf. It is a .cab analyzer program for your desktop pc. You take the Windows7 for 6.5 .cab and drop it in there and you can then see all the files that you need so that you can modify them.

Link for the freeware program:

http://www.freewareppc.com/utilities/msceinf.shtml

When you start working on editing the SMS skin make sure you kill the tmail.exe on your phone with the task manager so that you can properly edit and overwrite files.

Create your own (or obtain some you like) images and give them the correct corresponding names to the image files in the .cab. Then take your new image files and copy them to the Windows directory on your phone to overwrite the images installed by the Win7 .cab

Now you may have all the new images and your GTX skin - but your text may be outside of your image boxes. So the main file you have to edit to adjust those things is the "iframe_style.css". I usually edited the file with Total Commander right from the device. You can use a .txt editor such as "Notepad" (not MSWORD) but then you have to constantly move the file back and forth between you phone and your computer and if there is a lot of editing to do that is real pain.

Here is what the "iframe_style.css" file looks like along with what I have figured out. The stuff in red are my notes as to what that section of code does.

body
{
margin: 0 0 0 0 !important;
font-family: Tahoma !important;
font-size: 9pt !important; [COLOR="Red"](!!!! I changed this and it changed the size of the text font [7])[/COLOR]
font-weight: normal !important;
wrap-option: emergency;
}

blockquote
{
margin-left: 10px !important;
}

ol, ul, dir, menu, dd
{
margin-left: 20px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}

p, div, span
{
wrap-option: emergency;
}

td, td *
{
wrap-option: wrap;
}

hr
{
color: [COLOR="red"]gray[/COLOR] !important; [COLOR="red"] (!!!! I tried changing this. Didn't notice any changes.)[/COLOR]
margin: 0px !important;
padding: 0px !important;
}
[COLOR="red"](This section adjusts the web links in your sms)[/COLOR]
a:link{
text-decoration:none;
color:#333; [COLOR="red"](!!!! I changed this to CC0000. It changed the color of the links to red.)[/COLOR]
font-weight:700; [COLOR="red"](!!!! I changed this to 400. It decreases the size of the link font)[/COLOR]
}

font[size="1"] { font-size: 8pt !important;}
font[size="2"] { font-size: 10pt !important;}
font[size="3"] { font-size: 12pt !important;}
font[size="4"] { font-size: 14pt !important;}
font[size="5"] { font-size: 18pt !important;}
font[size="6"] { font-size: 22pt !important;}

body.thread
{
[COLOR="red"](This adjusts the color of the background)[/COLOR]
background: #CCFFFF; [COLOR="red"](!!!! I changed this. Not using .gif background)[/COLOR]
margin: 0px !important;
font-family: Tahoma !important;
font-size: 9pt;
font-weight: normal;
wrap-option: emergency;
}
[COLOR="red"](This section adjusts the size and placement of the inbound name)[/COLOR]
a.in:link, a.in:visited, [U][I]a.out:link, a.out:visited[/I][/U]{ [COLOR="red"] (!!!! Deleted this and added as a separate section)[/COLOR]
font-size:12px; [COLOR="red"](!!!! I changed this to 8. It affects the size of inbound and outbound name)[/COLOR]
font-weight: bold !important;
display:block;
width:215px;
padding:3px 0 1px 70px;
margin-top: 7px; [COLOR="red"] (!!!! Changed. This adjust the space between the text boxes [have to adjust both in and out])[/COLOR]
}

[COLOR="red"](This section adjusts the size and placement of the outbound name)[/COLOR]
a.out:link, a.out:visited{ [COLOR="red"](!!!! Added this section so I could move the inbound names and outbound names separately)[/COLOR]
font-size:12px; [COLOR="red"] (!!!! I changed this to 8. It affects the size of inbound and outbound name)[/COLOR]
font-weight: bold !important;
display:block;
width:215px;
padding:3px 0 1px 27px; [COLOR="red"](!!!! Changed)[/COLOR]
margin-top: 7px; [COLOR="red"] (!!!! Changed. This adjust the space between the text boxes)
[/COLOR]
}
[COLOR="red"](This adjust the color of the inbound name)[/COLOR]
a.in:link, a.in:visited {
color:#456d0c; [COLOR="red"] (!!!! I changed and it changed inbound name color [cc6600])[/COLOR]
background: URL(file://\windows\sms_inbg.png) top left no-repeat;
clear:both;
margin-left: 10px [COLOR="red"](!!!! Added margin to move the text box over)[/COLOR]
}
[COLOR="red"](This adjust the color of the outbound name)[/COLOR]
a.out:link, a.out:visited {
color:#464646; [COLOR="red"](!!!! I changed this and it changed the color of my name [000099])[/COLOR]
background: URL(file://\windows\sms_outbg.png) top right no-repeat;
float:right;
margin-right: 10px [COLOR="red"](!!!! Added margin to move the text box over)[/COLOR]

}

div.read, div.unread{
font-weight: normal !important;
width:205px;
}
[COLOR="red"](This adjust the placement of your inbound text [the actual text- not the text box])[/COLOR]
.in+div.read, .in+div.unread{
padding:1px 13px 10px 20px; (!!!! Changed to 5px 15px 10px 5px)
background: URL(file://\windows\smsbg_in.png) bottom left no-repeat;
clear: both;
margin-left: 10px (!!!! Added margin to move the text box over)

}
[COLOR="red"](This adjust the placement of your outbound text [the actual text- not the text box])[/COLOR]
.out+div.read, .out+div.unread{
padding:1px 16px 10px 14px;
background:url(file://\windows\smsbg_out.png) bottom right no-repeat;
float:right;
margin-right: 10px (!!!! Added margin to move the text box over)

}

div.unread a, div.read a{
width:auto;
height:auto;
}

img.state {
display:none;
}

.read img, .unread img{
display:block;
height: 16px;
width: 16px;
padding-left: 2px;
padding-right: 2px;
}

a.retry:link, a.retry:visited
{
color: red !important;
text-decoration:none;
}
div.title {
display:none;
}

a.title:link, a.title:visited {
display:none;
}

You will notice "padding w, x, y, z" referred to a lot in the .css file. "Padding" is a reference to the amount of space from the text to either the top, right, bottom, or left. so...

padding:1px 16px 10px 14px;

...here you have 1 pixel of padding (or margin) from the top, 16 pixels of padding from the right, 10 pixels of padding from the bottom, and 14px of padding from the left. I believe that it is top, right, bottom, left. Otherwise you can specify it...

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;

that's all i got right now. Good luck. it just takes a lot of trial and error. If you have to be "precise" - it is going to be hard to learn how to do it.