****OFFICIAL TF2D Skinning Thread****

[sumo911]

Does anyone know how to get a transparent bottom bar/curtain? Please point me in the right direction. TIA.

[scheel78]

Originally Posted by sumo911

Does anyone know how to get a transparent bottom bar/curtain? Please point me in the right direction. TIA.

I would like this also.

[jdume]

Originally Posted by sumo911

Does anyone know how to get a transparent bottom bar/curtain? Please point me in the right direction. TIA.

There is no way to make it transparent, but you can remove it. You'll need to look in the XML file. Its under Widget Property, Tab Widget you will need to find all associated lines of code for it to work properly can't remember off the top of my head but if you have some patience you will be able to figuire it out.

[sumo911]

Thanks, JDume. =D>

I will give it a shot. If something else relating to this should come to mind, please keep us updated.

Originally Posted by jdume

There is no way to make it transparent, but you can remove it. You'll need to look in the XML file. Its under Widget Property, Tab Widget you will need to find all associated lines of code for it to work properly can't remember off the top of my head but if you have some patience you will be able to figuire it out.

[sumo911]

Hey, jdume...following your advice, would it be sufficient enough to just search the home.xml for "hh_fw_tab_bg_fill", and then delete all references to it?

[Hallucination]

I found this on the net, and emailed BeyondInvisible for his weather images. With his permission, I'll post it here so everyone can enjoy.
Happy Holiday.

Posted with permission:

2008/11/30 Beyond Invisible <*****@ymail.com>
Hi Hallucination,
Thanks for your donation again.
Sure, you can post it on the forums. There's no "money" or "donation" involved this time, so I guess there will not be any drama, if you know what I mean.
By the way, if you post it, please include these for installation instructions:
1. Download from Megaupload this new NOEL N2D Weather Graphics:
http://www.megaupload.com/?d=TFNBWITK
2. Edit HTCHomeSettings.xml with the values below:
a) Find:
</ImageList>
Replace with:
<Image index="229" name="hh_fw_bigicon_weather2.png" />
<Image index="230" name="hh_weather_down_arrow_press2.png" />
<Image index="231" name="hh_weather_down_arrow_release2.png" />
<Image index="232" name="hh_weather_up_arrow_press2.png" />
<Image index="233" name="hh_weather_up_arrow_release2.png" />
<Image index="234" name="hh_weather_seperateline2.png" />
<Image index="235" name="hh_weather_seperateline3.png" />
<Image index="236" name="hh_fw_tabbg_weather2.png" />
<Image index="237" name="hh_fw_tabicon_weather2.png" />
</ImageList>
b) Find:
<WeatherWidget enable="1" tab_bg_icon="27,28" tab_icon="176,177" big_icon="67,68" />
Replace with:
<WeatherWidget enable="1" tab_bg_icon="27,28" tab_icon="176,177" big_icon="67,68" />
<WeatherWidget2 enable="1" tab_bg_icon="236,28" tab_icon="237,177" big_icon="229,68" />
c) Replace the WHOLE WeatherWidget with the one below:
<WeatherWidget>
<Property name="IDWEWG_LASTUPDATEBTN_RECT" id="0" value="160,32,70,15,147,40,151,15"/>
<Property name="IDWEWG_WEATHERBTN_RECT" id="1" value="4,47,232,60,4,47,312,60" />
<Property name="IDWEWG_LOCATIONBTN_RECT" id="2" value="4,51,232,200,4,136,312,23" />
<Property name="IDWEWG_STATUSTXT_RECT" id="3" value="15,91,210,60,15,51,290,60" />
<Property name="IDWEWG_LOCATIONTXT_RECT" id="4" value="15,205,210,22,15,136,290,22" />
<Property name="IDWEWG_LASTUPDATETXT_RECT" id="5" value="156,42,82,15,147,0,100,15" />
<Property name="IDWEWG_ADDCITYTXT_RECT" id="6" value="15,51,210,60,15,51,290,60" />
<Property name="IDWEWG_ARROWTXT_RECT" id="7" value="0,28,10,13,0,28,10,13" />
<Property name="IDWEWG_TEMPERATURETXT_RECT" id="8" value="8,33,80,40,15,33,80,40" />
<Property name="IDWEWG_DOWNARROWRELEASE_IMGID" id="9" value="83" />
<Property name="IDWEWG_DOWNARROWPRESS_IMGID" id="10" value="82" />
<Property name="IDWEWG_REFRESH_IMGID" id="11" value="84" />
<Property name="IDWEWG_SEPERATELINE_IMGID" id="12" value="86" />
<Property name="IDWEWG_DOWNARROW_POS" id="14" value="216,120,307,74" />
<Property name="IDWEWG_UPARROW_POS" id="15" value="216,51,300,74" />
<Property name="IDWEWG_REFRESH_POS" id="16" value="220,116,300,10" />
<Property name="IDWEWG_WEATHER_POS" id="17" value="0,25,240,205" />
<Property name="IDWEWG_SEPERATELINE_POS" id="18" value="0,210,0,210" />
<Property name="IDWEWG_HIGHTEMPTEXT_TODAY_RECT" id="19" value="8,161,60,15,8,78,60,15" />
<Property name="IDWEWG_LOWTEMPTEXT_TODAY_RECT" id="20" value="8,176,60,15,8,93,60,15" />
<!-- Property name="IDWEWG_DAYTEXT_WEEK_RECT" id="27" value="0,4,100,12,0,5,100,25" />
<Property name="IDWEWG_HIGHTEMPTEXT_WEEK_RECT" id="28" value="0,0,26,15,175,5,30,15" />
<Property name="IDWEWG_LOWTEMPTEXT_WEEK_RECT" id="29" value="0,0,26,15,210,5,25,15" /-->
<Property name="IDWEWG_SEPERATELINE_IMGID_P" id="30" value="116" />
<Property name="IDWEWG_SEPERATELINE_POS1" id="31" value="666,201,37,145" />
<Property name="IDWEWG_SEPERATELINE_POS2" id="32" value="0,666,0,168" />
<Property name="IDWEWG_LOCATIONINDEXTXT_RECT" id="33" value="205,100,34,20,0,0,0,0" />
<Property name="IDWEWG_FORECASTCONTROL_RECT" id="34" value="0,0,0,62,0,0,0,62" />
<Property name="IDWEWG_LASTUPDATETITLE_RECT" id="35" value="135,30,105,15,147,40,151,15" />
<Property name="IDWEWG_SEPERATELINE1_IMGID" id="36" value="197" />
<Property name="IDWEWG_SEPERATELINE2_IMGID" id="37" value="198" />
<Property name="IDWEWG_WEATHERTEXT_RECT" id="38" value="666,200,240,22,15,136,290,22" />
<Property name="IDWEWG_UPARROWRELEASE_IMGID" id="39" value="85" />
<Property name="IDWEWG_UPARROWPRESS_IMGID" id="40" value="84" />
</WeatherWidget>
<WeatherWidget2>
<!-- Property name="IDWEWG_LASTUPDATEBTN_RECT" id="0" value="160,40,70,15,147,40,151,15"/>
<Property name="IDWEWG_WEATHERBTN_RECT" id="1" value="4,47,232,60,4,47,312,60" />
<Property name="IDWEWG_LOCATIONBTN_RECT" id="2" value="4,51,232,200,4,136,312,23" />
<Property name="IDWEWG_STATUSTXT_RECT" id="3" value="15,81,210,60,15,51,290,60" /-->
<Property name="IDWEWG_LOCATIONTXT_RECT" id="4" value="15,24,210,22,15,136,290,22" />
<Property name="IDWEWG_LASTUPDATETXT_RECT" id="5" value="156,60,82,15,147,0,100,15" />
<Property name="IDWEWG_ADDCITYTXT_RECT" id="6" value="15,51,210,60,15,51,290,60" />
<Property name="IDWEWG_ARROWTXT_RECT" id="7" value="0,28,10,13,0,28,10,13" />
<!-- Property name="IDWEWG_TEMPERATURETXT_RECT" id="8" value="8,33,80,40,15,33,80,40" /-->
<Property name="IDWEWG_DOWNARROWRELEASE_IMGID" id="9" value="231" />
<Property name="IDWEWG_DOWNARROWPRESS_IMGID" id="10" value="230" />
<Property name="IDWEWG_REFRESH_IMGID" id="11" value="84" />
<Property name="IDWEWG_SEPERATELINE_IMGID" id="12" value="234" />
<Property name="IDWEWG_DOWNARROW_POS" id="14" value="11,55,307,74" />
<Property name="IDWEWG_UPARROW_POS" id="15" value="56,55,300,74" />
<Property name="IDWEWG_REFRESH_POS" id="16" value="220,51,300,10" />
<!-- Property name="IDWEWG_WEATHER_POS" id="17" value="0,25,240,205" /-->
<Property name="IDWEWG_SEPERATELINE_POS" id="18" value="0,210,0,210" />
<!-- Property name="IDWEWG_HIGHTEMPTEXT_TODAY_RECT" id="19" value="8,78,60,15,8,78,60,15" />
<Property name="IDWEWG_LOWTEMPTEXT_TODAY_RECT" id="20" value="8,93,60,15,8,93,60,15" /-->
<Property name="IDWEWG_DAYTEXT_WEEK_RECT" id="27" value="0,-1,60,20,0,5,100,25" />
<Property name="IDWEWG_HIGHTEMPTEXT_WEEK_RECT" id="28" value="0,0,26,20" />
<Property name="IDWEWG_LOWTEMPTEXT_WEEK_RECT" id="29" value="0,0,26,20" />
<!-- Property name="IDWEWG_SEPERATELINE_IMGID_P" id="30" value="116" /-->
<Property name="IDWEWG_SEPERATELINE_POS1" id="31" value="0,25,37,145" />
<Property name="IDWEWG_SEPERATELINE_POS2" id="32" value="0,77,0,168" />
<Property name="IDWEWG_LOCATIONINDEXTXT_RECT" id="33" value="23,53,34,20,0,0,0,0" />
<Property name="IDWEWG_FORECASTCONTROL_RECT" id="34" value="0,0,0,276,0,0,0,62" />
<Property name="IDWEWG_LASTUPDATETITLE_RECT" id="35" value="135,45,105,15,147,40,151,15" />
<Property name="IDWEWG_SEPERATELINE1_IMGID" id="36" value="235" />
<Property name="IDWEWG_SEPERATELINE2_IMGID" id="37" value="234" />
<!-- Property name="IDWEWG_WEATHERTEXT_RECT" id="38" value="0,141,240,22,15,136,290,22" /-->
<Property name="IDWEWG_UPARROWRELEASE_IMGID" id="39" value="233" />
<Property name="IDWEWG_UPARROWPRESS_IMGID" id="40" value="232" />
</WeatherWidget2>
3. Save your new HTCHomeSettings.xml file, and replace it with the one in your phone's Windows directory.
_________
That should be it. They probably know how to do it. If not, I hope they can get some help. My email is still open.
Merry Christmas to everyone.
Take care,
Beyond Invisible

[jdume]

Originally Posted by sumo911

Hey, jdume...following your advice, would it be sufficient enough to just search the home.xml for "hh_fw_tab_bg_fill", and then delete all references to it?

I'm not sure? You would have to try it. I have done this the way I suggested thats why I know it does in fact work, let me see if I can go through the XML tonight and see what I change then I will post it.

[webparrot]

Originally Posted by sumo911

Does anyone know how to get a transparent bottom bar/curtain? Please point me in the right direction. TIA.

Hi Everyone,
I played around with this a little and here's what I got.



The problem I see is that without the tab bg the icons don't show. This is what I've tried.

** bg image in discussion is "hh_fw_tab_bg_fill.png"

I tried making the tab bg image transparent (didn't work, came out black but icons did show) I also tried making the bg image white and black thinking it might be working as a mask for the icons. (No go) I also tried commenting out reference to the image in the xml file but TF didn't reload. I didn't try removing lines altogether.

I ended up changing the tap bg image size to 100px Wide x 1px Height. This got rid of the bg bar but left a gap because the "hh_fw_background.png" wasn't high enough. 240 x 286. I changed the image size to 240 x 305. I added 37 to the height to make up for the missing 37 from the tab bg image.

After doing this I still had a gap and had to change the image size in the home settings xml file.

Property name="IDTABWG_WIDGET_RECT" id="0" value="0,0,240,280, 0,0,320,230

I changed the 280 value. It was 230. In case you don't know about the values this is how it works. There are two sets of values for the bg image. The first set of 4 numbers refers to Portrait mode. The second set of numbers is for Landscape mode. I didn't mess with the landscape because I only use it for videos.

I did see a theme posted somewhere that didn't use the bg bar.

There is one other thing I tried that did work. I changed the size of the bg bar to 240 wide. I then took a the home background and extended it to 306 in height. I copied the bottom 38px and used it as a fill for the tab bar. You couldn't see the bar except when scrolling (because the screen darkens)

I'll try a couple other things tomorrow.

WP

[JCKOTZE]

Koenigsegg Theme

Unzip,Copy to M2D Theme folder, apply with M2DC


By jckotze

[jdume]

Originally Posted by webparrot

Hi Everyone,
I played around with this a little and here's what I got.



The problem I see is that without the tab bg the icons don't show. This is what I've tried.

** bg image in discussion is "hh_fw_tab_bg_fill.png"

I tried making the tab bg image transparent (didn't work, came out black but icons did show) I also tried making the bg image white and black thinking it might be working as a mask for the icons. (No go) I also tried commenting out reference to the image in the xml file but TF didn't reload. I didn't try removing lines altogether.

I ended up changing the tap bg image size to 100px Wide x 1px Height. This got rid of the bg bar but left a gap because the "hh_fw_background.png" wasn't high enough. 240 x 286. I changed the image size to 240 x 305. I added 37 to the height to make up for the missing 37 from the tab bg image.

After doing this I still had a gap and had to change the image size in the home settings xml file.

Property name="IDTABWG_WIDGET_RECT" id="0" value="0,0,240,280, 0,0,320,230

I changed the 280 value. It was 230. In case you don't know about the values this is how it works. There are two sets of values for the bg image. The first set of 4 numbers refers to Portrait mode. The second set of numbers is for Landscape mode. I didn't mess with the landscape because I only use it for videos.

I did see a theme posted somewhere that didn't use the bg bar.

There is one other thing I tried that did work. I changed the size of the bg bar to 240 wide. I then took a the home background and extended it to 306 in height. I copied the bottom 38px and used it as a fill for the tab bar. You couldn't see the bar except when scrolling (because the screen darkens)

I'll try a couple other things tomorrow.

WP

Yup thats how you do it but I think you need to change the frame rate aswell to make it look smooth when sliding your finger, I am also useing this method in my upcoming transformer theme and yes I have seen a couple of themes done this way aswell the original idea came from Showaco over at XDA.