Hello to all! I just want to contribute my work on WM Standard SMS Messaging client. The TMAIL.exe
There are two dedicated thread about skinning the standard messaging client:
1. [SKIN SMS][06 Feb 10 UPDATE!]Beautify your standard WM SMS Thread! [All Res][WM6.1+]
2. [1.10 update][Andynear style]DIY your own SMS chat UI
I participated in both threads but this one is different because you can try or preview your theme via your desktop browser: Chrome and Firefox (IE does not render the direct adjacent combinators correctly. CSS)
So what ever you see in Chrome and FF, is the same thing in WM device, but this is tested only on WM6.5.5 mobile and WM6.5 (emulator)
before testing your theme on your device, make sure to:
1. Install SdkCert.cab
2. Enable Threaded Messages
3. Disable HTC Messaging (if your ROM has it)
links credit to Astronout
4. Make sure to back these files before overwriting it: thread_sms.htm and iframe_style.css these are both located in \Windows directory
5. Terminate TMAIL.EXE first before deployment. You can use Dotfred's Task Manager or Quick Menu (my favorite)
Here are the previews
Copying the files for actual testing in your device
You can use my DropToWindows application. This application makes it easier for you to copy files in \Windows directory.
Important files to be copied
mainly iframe_style.css and the Images (if there is)
If you made a theme and made some modifications in thread_sms.htm and thread_style.css make sure to tell us about it too so we know what to copy
Download my workspace now
This file: Default.htm
has debug.css in it, which contains some overrides to have borders in the elements.
Notes when creating your own theme
If you're designing for QVGA, VGA, WVGA, make sure that your images are for 240x320!! TMAIL.EXE is responsible for resizing the images for different resolutions!
some important formulas: p = pixel
(VGA, WVGA)192dpi to (QVGA, SVGA)96dpi
(p * 96dpi) / 192dpi
(QVGA, SVGA)96dpi to (VGA, WVGA)192dpi
(p * 192dpi) / 96dpi
some important notes here
File paths in your CSS
make sure the image path before deploying to your device is file://\windows\ or else you won't see any images
e.g.
background-image: url(file://\windows\image_name.gif);
background: color url(file://\windows\image_name.gif) top left repeat;
There are two dedicated thread about skinning the standard messaging client:
1. [SKIN SMS][06 Feb 10 UPDATE!]Beautify your standard WM SMS Thread! [All Res][WM6.1+]
2. [1.10 update][Andynear style]DIY your own SMS chat UI
I participated in both threads but this one is different because you can try or preview your theme via your desktop browser: Chrome and Firefox (IE does not render the direct adjacent combinators correctly. CSS)
So what ever you see in Chrome and FF, is the same thing in WM device, but this is tested only on WM6.5.5 mobile and WM6.5 (emulator)
before testing your theme on your device, make sure to:
1. Install SdkCert.cab
2. Enable Threaded Messages
3. Disable HTC Messaging (if your ROM has it)
links credit to Astronout
4. Make sure to back these files before overwriting it: thread_sms.htm and iframe_style.css these are both located in \Windows directory
5. Terminate TMAIL.EXE first before deployment. You can use Dotfred's Task Manager or Quick Menu (my favorite)
Here are the previews
Copying the files for actual testing in your device
You can use my DropToWindows application. This application makes it easier for you to copy files in \Windows directory.
Important files to be copied
mainly iframe_style.css and the Images (if there is)
If you made a theme and made some modifications in thread_sms.htm and thread_style.css make sure to tell us about it too so we know what to copy
Download my workspace now
This file: Default.htm
has debug.css in it, which contains some overrides to have borders in the elements.
Notes when creating your own theme
If you're designing for QVGA, VGA, WVGA, make sure that your images are for 240x320!! TMAIL.EXE is responsible for resizing the images for different resolutions!
some important formulas: p = pixel
(VGA, WVGA)192dpi to (QVGA, SVGA)96dpi
(p * 96dpi) / 192dpi
(QVGA, SVGA)96dpi to (VGA, WVGA)192dpi
(p * 192dpi) / 96dpi
some important notes here
File paths in your CSS
make sure the image path before deploying to your device is file://\windows\ or else you won't see any images
e.g.
background-image: url(file://\windows\image_name.gif);
background: color url(file://\windows\image_name.gif) top left repeat;
thanks for this past downloads
SMS.7z - [Click for QR Code] (116.1 KB, 71 views)
Attachments
Last edited: