SWF Styling

Status
Not open for further replies.
Hey ahain Mithex o/
Haven't been to this thread for a while. I've made great progress with my swf's. Nearly everything in the client has the new look :D. Although instead of using HxD, I've used the easier HabboUI editor. It lets you do heaps more, without having to worry about the hex codes. ^_^
This is what I've done :

Mithex - SWF Styling - RaGEZONE Forums


I just need to edit the room create thing, + I need to edit the room settings dialog. I've even managed to half/edit the Change Clothes box :D

Mithex - SWF Styling - RaGEZONE Forums

In the clothes editor, I need to edit the images to that they are darker ;3

Good tut ^_^
-Nicholas

What About the Stuff within the MOD tool
 
Hey ahain Mithex o/
Haven't been to this thread for a while. I've made great progress with my swf's. Nearly everything in the client has the new look :D. Although instead of using HxD, I've used the easier HabboUI editor. It lets you do heaps more, without having to worry about the hex codes. ^_^
This is what I've done :

Mithex - SWF Styling - RaGEZONE Forums


I just need to edit the room create thing, + I need to edit the room settings dialog. I've even managed to half/edit the Change Clothes box :D

Mithex - SWF Styling - RaGEZONE Forums

In the clothes editor, I need to edit the images to that they are darker ;3

Good tut ^_^
-Nicholas

Really awesome! Im glad to see this has gone so far :)
 
Not the best color but i only did this to show you what if done i moved the me icon to the top and switch some other icons to:


Mithex - SWF Styling - RaGEZONE Forums


to do this just open Habbo ui editor then search for toolbar then you will habbo-797.bin and insert this code
Code:
<?xml version="1.0" encoding="UTF-8"?>
<layout name="toolbar_view_squeezed" width="86" height="540" version="0.1" uid="DCDDEEF2-C4A0-824D-6E40-92192B4EE329">
  <window>
    <border x="0" y="0" width="86" height="540" params="1" style="6" name="main" color="0x0516DED">
      <filters>
        <DropShadowFilter distance="3" alpha="0.6"/>
      </filters>
      <children>
<region x="5" y="0" width="76" height="80" params="17" style="0" name="MEMENU" treshold="0" tags="ICON_REG%2CVIEW_STATE_TOGGLE">
          <children>
            <border x="3" y="5" width="70" height="75" params="2064" style="2" name="bg_memenu" color="0x0516DED" tags="ICON_BORDER">
              <children>
                <bitmap x="5" y="0" width="60" height="60" params="208" style="0" name="icon_me_menu" tags="ICON_BMP"/>
              </children>
            </border>
            <text x="1" y="63" width="76" height="17" params="263184" style="0" name="text_shadow" caption="%24%7Btoolbar.icon.label.memenu%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
            <text x="0" y="62" width="76" height="17" params="263184" style="0" name="text" caption="%24%7Btoolbar.icon.label.memenu%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="text_color" value="0xffffff" type="hex"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
          </children>
        </region>
        <region x="5" y="90" width="76" height="80" params="17" style="0" name="NAVIGATOR" treshold="0" tags="ICON_REG">
          <children>
            <border x="3" y="5" width="70" height="75" params="2064" style="2" name="bg_navigator" color="0x0516DED" tags="ICON_BORDER">
              <children>
                <bitmap x="5" y="-2" width="60" height="60" params="208" style="0" name="icon_navigator" tags="ICON_BMP"/>
              </children>
            </border>
            <text x="1" y="63" width="76" height="17" params="263184" style="0" name="text_shadow" caption="%24%7Btoolbar.icon.label.navigator%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
            <text x="0" y="62" width="76" height="17" params="263184" style="0" name="text" caption="%24%7Btoolbar.icon.label.navigator%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="text_color" value="0xffffff" type="hex"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
          </children>
        </region>
        <region x="5" y="180" width="76" height="80" params="17" style="0" name="QUESTS" treshold="0" tags="ICON_REG%2CVIEW_STATE_TOGGLE">
          <children>
            <border x="3" y="5" width="70" height="75" params="2064" style="2" name="bg_quests" color="0x0516DED" tags="ICON_BORDER">
              <children>
                <bitmap x="5" y="0" width="60" height="60" params="208" style="0" name="icon_quests" tags="ICON_BMP"/>
              </children>
            </border>
            <text x="1" y="63" width="76" height="17" params="263184" style="0" name="text_shadow" caption="%24%7Btoolbar.icon.label.quests%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
            <text x="0" y="62" width="76" height="17" params="263184" style="0" name="text" caption="%24%7Btoolbar.icon.label.quests%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="text_color" value="0xffffff" type="hex"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
          </children>
        </region>
        <region x="5" y="270" width="76" height="80" params="17" style="0" name="ACHIEVEMENTS" treshold="0" tags="ICON_REG">
          <children>
            <border x="3" y="5" width="70" height="75" params="2064" style="2" name="bg_achievements" color="0x0516DED" tags="ICON_BORDER">
              <children>
                <bitmap x="5" y="0" width="60" height="60" params="208" style="0" name="icon_achievements" tags="ICON_BMP"/>
              </children>
            </border>
            <text x="1" y="63" width="76" height="17" params="263184" style="0" name="text_shadow" caption="%24%7Btoolbar.icon.label.achievements%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
            <text x="0" y="62" width="76" height="17" params="263184" style="0" name="text" caption="%24%7Btoolbar.icon.label.achievements%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="text_color" value="0xffffff" type="hex"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
          </children>
        </region>
        <region x="5" y="360" width="76" height="80" params="17" style="0" name="CATALOGUE" treshold="0" tags="ICON_REG">
          <children>
            <border x="3" y="5" width="70" height="75" params="2064" style="2" name="bg_catalogue" color="0x0516DED" tags="ICON_BORDER">
              <children>
                <bitmap x="5" y="0" width="60" height="60" params="208" style="0" name="icon_catalogue" tags="ICON_BMP"/>
              </children>
            </border>
            <text x="1" y="63" width="76" height="17" params="263184" style="0" name="text_shadow" caption="%24%7Btoolbar.icon.label.catalogue%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
            <text x="0" y="62" width="76" height="17" params="263184" style="0" name="text" caption="%24%7Btoolbar.icon.label.catalogue%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="text_color" value="0xffffff" type="hex"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
          </children>
        </region>
        <region x="5" y="450" width="76" height="80" params="17" style="0" name="INVENTORY" treshold="0" tags="ICON_REG%2CVIEW_STATE_TOGGLE">
          <children>
            <border x="3" y="5" width="70" height="75" params="2064" style="2" name="bg_inventory" color="0x0516DED" tags="ICON_BORDER">
              <children>
                <bitmap x="5" y="0" width="60" height="60" params="208" style="0" name="icon_inventory" tags="ICON_BMP"/>
              </children>
            </border>
            <text x="1" y="63" width="76" height="17" params="263184" style="0" name="text_shadow" caption="%24%7Btoolbar.icon.label.inventory%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
            <text x="0" y="62" width="76" height="17" params="263184" style="0" name="text" caption="%24%7Btoolbar.icon.label.inventory%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="text_color" value="0xffffff" type="hex"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
          </children>
        </region>
      </children>
    </border>
  </window>
</layout>
 
Not the best color but i only did this to show you what if done i moved the me icon to the top and switch some other icons to:


Mithex - SWF Styling - RaGEZONE Forums


to do this just open Habbo ui editor then search for toolbar then you will habbo-797.bin and insert this code
Code:
<?xml version="1.0" encoding="UTF-8"?>
<layout name="toolbar_view_squeezed" width="86" height="540" version="0.1" uid="DCDDEEF2-C4A0-824D-6E40-92192B4EE329">
  <window>
    <border x="0" y="0" width="86" height="540" params="1" style="6" name="main" color="0x0516DED">
      <filters>
        <DropShadowFilter distance="3" alpha="0.6"/>
      </filters>
      <children>
<region x="5" y="0" width="76" height="80" params="17" style="0" name="MEMENU" treshold="0" tags="ICON_REG%2CVIEW_STATE_TOGGLE">
          <children>
            <border x="3" y="5" width="70" height="75" params="2064" style="2" name="bg_memenu" color="0x0516DED" tags="ICON_BORDER">
              <children>
                <bitmap x="5" y="0" width="60" height="60" params="208" style="0" name="icon_me_menu" tags="ICON_BMP"/>
              </children>
            </border>
            <text x="1" y="63" width="76" height="17" params="263184" style="0" name="text_shadow" caption="%24%7Btoolbar.icon.label.memenu%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
            <text x="0" y="62" width="76" height="17" params="263184" style="0" name="text" caption="%24%7Btoolbar.icon.label.memenu%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="text_color" value="0xffffff" type="hex"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
          </children>
        </region>
        <region x="5" y="90" width="76" height="80" params="17" style="0" name="NAVIGATOR" treshold="0" tags="ICON_REG">
          <children>
            <border x="3" y="5" width="70" height="75" params="2064" style="2" name="bg_navigator" color="0x0516DED" tags="ICON_BORDER">
              <children>
                <bitmap x="5" y="-2" width="60" height="60" params="208" style="0" name="icon_navigator" tags="ICON_BMP"/>
              </children>
            </border>
            <text x="1" y="63" width="76" height="17" params="263184" style="0" name="text_shadow" caption="%24%7Btoolbar.icon.label.navigator%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
            <text x="0" y="62" width="76" height="17" params="263184" style="0" name="text" caption="%24%7Btoolbar.icon.label.navigator%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="text_color" value="0xffffff" type="hex"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
          </children>
        </region>
        <region x="5" y="180" width="76" height="80" params="17" style="0" name="QUESTS" treshold="0" tags="ICON_REG%2CVIEW_STATE_TOGGLE">
          <children>
            <border x="3" y="5" width="70" height="75" params="2064" style="2" name="bg_quests" color="0x0516DED" tags="ICON_BORDER">
              <children>
                <bitmap x="5" y="0" width="60" height="60" params="208" style="0" name="icon_quests" tags="ICON_BMP"/>
              </children>
            </border>
            <text x="1" y="63" width="76" height="17" params="263184" style="0" name="text_shadow" caption="%24%7Btoolbar.icon.label.quests%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
            <text x="0" y="62" width="76" height="17" params="263184" style="0" name="text" caption="%24%7Btoolbar.icon.label.quests%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="text_color" value="0xffffff" type="hex"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
          </children>
        </region>
        <region x="5" y="270" width="76" height="80" params="17" style="0" name="ACHIEVEMENTS" treshold="0" tags="ICON_REG">
          <children>
            <border x="3" y="5" width="70" height="75" params="2064" style="2" name="bg_achievements" color="0x0516DED" tags="ICON_BORDER">
              <children>
                <bitmap x="5" y="0" width="60" height="60" params="208" style="0" name="icon_achievements" tags="ICON_BMP"/>
              </children>
            </border>
            <text x="1" y="63" width="76" height="17" params="263184" style="0" name="text_shadow" caption="%24%7Btoolbar.icon.label.achievements%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
            <text x="0" y="62" width="76" height="17" params="263184" style="0" name="text" caption="%24%7Btoolbar.icon.label.achievements%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="text_color" value="0xffffff" type="hex"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
          </children>
        </region>
        <region x="5" y="360" width="76" height="80" params="17" style="0" name="CATALOGUE" treshold="0" tags="ICON_REG">
          <children>
            <border x="3" y="5" width="70" height="75" params="2064" style="2" name="bg_catalogue" color="0x0516DED" tags="ICON_BORDER">
              <children>
                <bitmap x="5" y="0" width="60" height="60" params="208" style="0" name="icon_catalogue" tags="ICON_BMP"/>
              </children>
            </border>
            <text x="1" y="63" width="76" height="17" params="263184" style="0" name="text_shadow" caption="%24%7Btoolbar.icon.label.catalogue%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
            <text x="0" y="62" width="76" height="17" params="263184" style="0" name="text" caption="%24%7Btoolbar.icon.label.catalogue%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="text_color" value="0xffffff" type="hex"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
          </children>
        </region>
        <region x="5" y="450" width="76" height="80" params="17" style="0" name="INVENTORY" treshold="0" tags="ICON_REG%2CVIEW_STATE_TOGGLE">
          <children>
            <border x="3" y="5" width="70" height="75" params="2064" style="2" name="bg_inventory" color="0x0516DED" tags="ICON_BORDER">
              <children>
                <bitmap x="5" y="0" width="60" height="60" params="208" style="0" name="icon_inventory" tags="ICON_BMP"/>
              </children>
            </border>
            <text x="1" y="63" width="76" height="17" params="263184" style="0" name="text_shadow" caption="%24%7Btoolbar.icon.label.inventory%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
            <text x="0" y="62" width="76" height="17" params="263184" style="0" name="text" caption="%24%7Btoolbar.icon.label.inventory%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="text_color" value="0xffffff" type="hex"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
          </children>
        </region>
      </children>
    </border>
  </window>
</layout>

Please be careful, the bin files change almost every version of the SWF.

So instead of just opening habbo-797.bin and copying you should make sure you have the right file.
 
Not the best color but i only did this to show you what if done i moved the me icon to the top and switch some other icons to:


Mithex - SWF Styling - RaGEZONE Forums


to do this just open Habbo ui editor then search for toolbar then you will habbo-797.bin and insert this code
Code:
<?xml version="1.0" encoding="UTF-8"?>
<layout name="toolbar_view_squeezed" width="86" height="540" version="0.1" uid="DCDDEEF2-C4A0-824D-6E40-92192B4EE329">
  <window>
    <border x="0" y="0" width="86" height="540" params="1" style="6" name="main" color="0x0516DED">
      <filters>
        <DropShadowFilter distance="3" alpha="0.6"/>
      </filters>
      <children>
<region x="5" y="0" width="76" height="80" params="17" style="0" name="MEMENU" treshold="0" tags="ICON_REG%2CVIEW_STATE_TOGGLE">
          <children>
            <border x="3" y="5" width="70" height="75" params="2064" style="2" name="bg_memenu" color="0x0516DED" tags="ICON_BORDER">
              <children>
                <bitmap x="5" y="0" width="60" height="60" params="208" style="0" name="icon_me_menu" tags="ICON_BMP"/>
              </children>
            </border>
            <text x="1" y="63" width="76" height="17" params="263184" style="0" name="text_shadow" caption="%24%7Btoolbar.icon.label.memenu%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
            <text x="0" y="62" width="76" height="17" params="263184" style="0" name="text" caption="%24%7Btoolbar.icon.label.memenu%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="text_color" value="0xffffff" type="hex"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
          </children>
        </region>
        <region x="5" y="90" width="76" height="80" params="17" style="0" name="NAVIGATOR" treshold="0" tags="ICON_REG">
          <children>
            <border x="3" y="5" width="70" height="75" params="2064" style="2" name="bg_navigator" color="0x0516DED" tags="ICON_BORDER">
              <children>
                <bitmap x="5" y="-2" width="60" height="60" params="208" style="0" name="icon_navigator" tags="ICON_BMP"/>
              </children>
            </border>
            <text x="1" y="63" width="76" height="17" params="263184" style="0" name="text_shadow" caption="%24%7Btoolbar.icon.label.navigator%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
            <text x="0" y="62" width="76" height="17" params="263184" style="0" name="text" caption="%24%7Btoolbar.icon.label.navigator%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="text_color" value="0xffffff" type="hex"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
          </children>
        </region>
        <region x="5" y="180" width="76" height="80" params="17" style="0" name="QUESTS" treshold="0" tags="ICON_REG%2CVIEW_STATE_TOGGLE">
          <children>
            <border x="3" y="5" width="70" height="75" params="2064" style="2" name="bg_quests" color="0x0516DED" tags="ICON_BORDER">
              <children>
                <bitmap x="5" y="0" width="60" height="60" params="208" style="0" name="icon_quests" tags="ICON_BMP"/>
              </children>
            </border>
            <text x="1" y="63" width="76" height="17" params="263184" style="0" name="text_shadow" caption="%24%7Btoolbar.icon.label.quests%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
            <text x="0" y="62" width="76" height="17" params="263184" style="0" name="text" caption="%24%7Btoolbar.icon.label.quests%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="text_color" value="0xffffff" type="hex"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
          </children>
        </region>
        <region x="5" y="270" width="76" height="80" params="17" style="0" name="ACHIEVEMENTS" treshold="0" tags="ICON_REG">
          <children>
            <border x="3" y="5" width="70" height="75" params="2064" style="2" name="bg_achievements" color="0x0516DED" tags="ICON_BORDER">
              <children>
                <bitmap x="5" y="0" width="60" height="60" params="208" style="0" name="icon_achievements" tags="ICON_BMP"/>
              </children>
            </border>
            <text x="1" y="63" width="76" height="17" params="263184" style="0" name="text_shadow" caption="%24%7Btoolbar.icon.label.achievements%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
            <text x="0" y="62" width="76" height="17" params="263184" style="0" name="text" caption="%24%7Btoolbar.icon.label.achievements%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="text_color" value="0xffffff" type="hex"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
          </children>
        </region>
        <region x="5" y="360" width="76" height="80" params="17" style="0" name="CATALOGUE" treshold="0" tags="ICON_REG">
          <children>
            <border x="3" y="5" width="70" height="75" params="2064" style="2" name="bg_catalogue" color="0x0516DED" tags="ICON_BORDER">
              <children>
                <bitmap x="5" y="0" width="60" height="60" params="208" style="0" name="icon_catalogue" tags="ICON_BMP"/>
              </children>
            </border>
            <text x="1" y="63" width="76" height="17" params="263184" style="0" name="text_shadow" caption="%24%7Btoolbar.icon.label.catalogue%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
            <text x="0" y="62" width="76" height="17" params="263184" style="0" name="text" caption="%24%7Btoolbar.icon.label.catalogue%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="text_color" value="0xffffff" type="hex"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
          </children>
        </region>
        <region x="5" y="450" width="76" height="80" params="17" style="0" name="INVENTORY" treshold="0" tags="ICON_REG%2CVIEW_STATE_TOGGLE">
          <children>
            <border x="3" y="5" width="70" height="75" params="2064" style="2" name="bg_inventory" color="0x0516DED" tags="ICON_BORDER">
              <children>
                <bitmap x="5" y="0" width="60" height="60" params="208" style="0" name="icon_inventory" tags="ICON_BMP"/>
              </children>
            </border>
            <text x="1" y="63" width="76" height="17" params="263184" style="0" name="text_shadow" caption="%24%7Btoolbar.icon.label.inventory%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
            <text x="0" y="62" width="76" height="17" params="263184" style="0" name="text" caption="%24%7Btoolbar.icon.label.inventory%7D">
              <variables>
                <var key="antialias_type" value="advanced" type="String"/>
                <var key="auto_size" value="center" type="String"/>
                <var key="font_face" value="Ubuntu" type="String"/>
                <var key="font_size" value="12" type="uint"/>
                <var key="grid_fit_type" value="subpixel" type="String"/>
                <var key="text_color" value="0xffffff" type="hex"/>
                <var key="mouse_wheel_enabled" value="false" type="Boolean"/>
                <var key="bold" value="true" type="Boolean"/>
                <var key="kerning" value="true" type="Boolean"/>
              </variables>
            </text>
          </children>
        </region>
      </children>
    </border>
  </window>
</layout>
Fabulous job! Adding as another quick trick to the bottom of the tutorial!!!
 
Hey ahain Mithex o/
Haven't been to this thread for a while. I've made great progress with my swf's. Nearly everything in the client has the new look :D. Although instead of using HxD, I've used the easier HabboUI editor. It lets you do heaps more, without having to worry about the hex codes. ^_^
This is what I've done :

Mithex - SWF Styling - RaGEZONE Forums


I just need to edit the room create thing, + I need to edit the room settings dialog. I've even managed to half/edit the Change Clothes box :D

Mithex - SWF Styling - RaGEZONE Forums

In the clothes editor, I need to edit the images to that they are darker ;3

Good tut ^_^
-Nicholas

Can you Pleasee give me your habbo.swf? :*:
Don't worry, i'm from Latvia, and I have retro for Latvians
 
Where about is the 'Change your looks' box/ i cant find it in the swf.
 
We should create a list of all common names so they are easy to find.

Share guys...
 
Where about is the 'Change your looks' box/ i cant find it in the swf.

PHP:
<?xml version="1.0" encoding="UTF-8"?>
<layout name="memenu_clothes" width="210" height="155" version="0.1" uid="BED35363-966B-188A-8D13-641B97325660">
  <window>
    <frame x="0" y="0" width="210" height="155" params="163841" style="0" name="clothes_frame" caption="%24%7Bavatareditor.title%7D" color="0x04c4c4c">
      <filters>
        <DropShadowFilter distance="4" alpha="0.34901960784313724" blurX="4" blurY="4"/>
      </filters>
      <children>
        <container x="0" y="33" width="210" height="120" params="12716176" style="0" name="maincontent"/>
      </children>
      <variables>
        <var key="margin_left" value="0" type="int"/>
        <var key="margin_top" value="0" type="int"/>
        <var key="margin_right" value="0" type="int"/>
        <var key="margin_bottom" value="0" type="int"/>
      </variables>
    </frame>
  </window>
</layout>

For Me it's in Bin number 610
 
Y'all bordering on breaking other laws now. For those of you in the UK, you're going too be breaking the Computer Misuse Act....

Your breaking the law if you replace the Habbo logo with your own. Your breaking the law if you upload Habbos files to our website without permission. No one cares honestly.
 
Status
Not open for further replies.
Back