Quick how-to for you. (Will have some pieces of the Default UI, as you will need the original skin designer to make the required images)
Open SkinDefinition.xml
Find:
Code:
<Mapping ArtAssetID="LetterBoxBottom" FileName="toolbar_new/toolbar.tga"></Mapping>
Replace With:
Code:
<Mapping ArtAssetID="letterbox_bottom" FileName="toolbar_new/toolbar.tga"></Mapping>
----------------
Copy and paste the following code, over the top of:
<PanelFile ID="toolbar">
to
</PanelFile>
Code:
<PanelFile ID="toolbar">
<Element ID="ToolbarField" X="328" Y="915" Width="1024" Height="144">
<Element ID="ToolbarFieldMain" X="0" Y="25" Width="1024" Height="129"></Element>
<Element ID="GamePlay_FervorPipDisplay" X="452" Y="30" Width="120" Height="27"></Element>
<Element ID="GamePlay_AimPipDisplay" X="452" Y="30" Width="120" Height="27"></Element>
<Element ID="GamePlay_RampagePipDisplay" X="452" Y="30" Width="120" Height="27"></Element>
<Element ID="LevelMeter" X="1" Y="126" Width="1024" Height="30">
<Element ID="LevelMeterFill" X="5" Y="12" Width="1015" Height="6">
<Element ID="LevelMeter_BonusMeter" X="0" Y="0" Width="1015" Height="6"></Element>
</Element>
<Element ID="ToolbarButton_LevelUpXP_TutorialHighlight" X="0" Y="10" Width="1024" Height="10"></Element>
<Element ID="ToolbarButton_Experience_TutorialHighlight" X="0" Y="10" Width="1021" Height="10"></Element>
<Element ID="LevelMeterText" X="3" Y="10" Width="1020" Height="10"></Element>
</Element>
<Element ID="AutoAttackIndicatorButton" X="110" Y="12" Width="100" Height="45"></Element>
<Element ID="ViolentModeIndicator" X="1000" Y="45" Width="1" Height="1"></Element>
<Element ID="ToolbarButton_AutoAttack_TutorialHighlight" X="1000" Y="45" Width="1" Height="1"></Element>
<Element ID="Gameplay_AtunementUI" X="452" Y="30" Width="120" Height="27"></Element>
<Element ID="ToolbarButton_Slot_2" X="278" Y="30" Width="24" Height="27"></Element>
<Element ID="ToolbarButton_Slot_6" X="374" Y="30" Width="24" Height="27">
<Element ID="ToolbarButton_Traits_TutorialHighlight" X="0" Y="0" Width="24" Height="18"></Element>
<Element ID="ToolbarButton_Journal_TutorialHighlight" X="0" Y="0" Width="24" Height="18"></Element>
<Element ID="ToolbarButton_GainedFirstTitle_TutorialHighlight" X="0" Y="0" Width="24" Height="18"></Element>
<Element ID="ToolbarButton_LevelUp_TutorialHighlight" X="0" Y="0" Width="24" Height="18"></Element>
</Element>
<Element ID="ToolbarButton_Slot_3" X="302" Y="30" Width="24" Height="27">
<Element ID="ToolbarButton_Social_TutorialHighlight" X="0" Y="0" Width="24" Height="18"></Element>
</Element>
<Element ID="ToolBarButton_MainMenu" X="230" Y="30" Width="18" Height="14"></Element>
<Element ID="ToolbarButton_Slot_1" X="254" Y="30" Width="24" Height="27"></Element>
<Element ID="ToolbarButton_Slot_4" X="326" Y="30" Width="24" Height="27"></Element>
<Element ID="ToolbarButton_Slot_5" X="350" Y="30" Width="24" Height="27">
<Element ID="ToolbarButton_Quests_TutorialHighlight" X="0" Y="0" Width="18" Height="18"></Element>
<Element ID="ToolbarButton_Quest_TutorialHighlight" X="0" Y="0" Width="18" Height="18"></Element>
</Element>
<Element ID="ToolbarButton_RightSlot_1" X="572" Y="30" Width="24" Height="27"></Element>
<Element ID="ToolbarButton_RightSlot_2" X="610" Y="30" Width="24" Height="27"></Element>
<Element ID="ToolbarButton_RightSlot_3" X="648" Y="30" Width="24" Height="27"></Element>
<Element ID="ToolbarButton_RightSlot_4" X="686" Y="30" Width="24" Height="27"></Element>
<Element ID="ToolbarButton_RightSlot_5" X="724" Y="30" Width="24" Height="27"></Element>
<Element ID="Toolbar_Quickslot" X="87" Y="90" Width="420" Height="35"></Element>
<Element ID="ToolbarButton_Slot_7" X="398" Y="30" Width="24" Height="27"></Element>
<Element ID="ToolbarButton_ItemAdvancement_buttonFrame" X="422" Y="30" Width="24" Height="27"></Element>
<Element ID="ToolbarButton_ItemAdvancement" X="422" Y="30" Width="24" Height="27"></Element>
</Element>
</PanelFile>
This will create the new menu, with the System image, due to what i said at the top of the post
Hope this helps you.