Guide: Make MoM skins work with SoM
 

Guide: How to make MoM skins work with Som > Essential Changes

---------------------

To find a part of a code from your Skindefinition.xml open it up in a notepad or a similar application and use the search function.

In the list below I have marked the old tags with a yellow colour. The updated tags that you should replace the yellow tags with are marked with a green colour. It is important that you replace the following lines to the letter or it wont work.

ArtAssetID="LetterBoxBottom"
ArtAssetID="letterbox_bottom"

ID="ToolBarButton_MainMenu"
ID="ToolbarButton_Slot_1"
* look at the special notes how to fix the Main Menu button

ID="ToolbarButton_Crafting"
ID="ToolbarButton_Slot_2"

ID="ToolbarButton_Social"
ID="ToolbarButton_Slot_3"

ID="ToolbarButton_Accomplishment"
ID="ToolbarButton_Slot_4"

ID="ToolBarButton_Quest"
ID="ToolbarButton_Slot_5"

ID="ToolbarButton_Journal"
ID="ToolbarButton_Slot_6"

ID="ToolbarButton_Traits"
ID="ToolbarButton_Slot_7"

ID="ToolbarButton_Inventory"
ID="ToolbarButton_RightSlot_1"

ID="ToolbarButton_Inventory2"
ID="ToolbarButton_RightSlot_2"

ID="ToolbarButton_Inventory3"
ID="ToolbarButton_RightSlot_3"

ID="ToolbarButton_Inventory4"
ID="ToolbarButton_RightSlot_4"

ID="ToolbarButton_Inventory5"
ID="ToolbarButton_RightSlot_5"

ID="inventory_normal"
ID="bag5_normal"

ID="inventory_pressed"
ID="bag5_pressed"

ID="inventory_rollover"
ID="bag5_rollover"

---------------------

Special notes:

Replace the old "System Menu" button with the new launcher menu
This is the new pop-up menu thing. The blue icon on the left side of the UI bar to be more precise.

Step 1

Find the old MainMenu ArtAsset tags for the Main Menu button.

ArtAssetID="main_menu_normal"
ArtAssetID="main_menu_pressed"
ArtAssetID="main_menu_rollover"

Step 2

Copy the whole set of lines mentioned in Step 1 and after that use the following new tags to replace the old tags.

ArtAssetID="start_menu_normal"
ArtAssetID="start_menu_pressed"
ArtAssetID="start_menu_rollover"

See "Example" to see how it should look.

Step 3

Add the following line on the next row after the ID="ToolBarButton_MainMenu" line as it is

Code:

---

<Element ID="ToolbarButton_Slot_1" X="45" Y="163" Width="1" Height="1">

---

This hides the new Toolbar Left Slot 1 button from the UI.

Example

Your code should new include the following lines skindefinition.xml

Code:

---

<opt>
<PanelFile ID="ID_UISkin_Toolbar">
  <Element ID="ToolbarField" X="0" Y="508" Width="1024" Height="200">
    <Element ID="ToolBarButton_MainMenu" X="6" Y="143" Width="30" Height="45"> </Element>
    <Element ID="ToolbarButton_Slot_1" X="45" Y="163" Width="1" Height="1"> </Element>
  </Element>
</Panelfile>

<Mapping ArtAssetID="main_menu_normal" FileName="custom_file1.tga"></Mapping>
<Mapping ArtAssetID="main_menu_pressed" FileName="custom_file2.tga"></Mapping>
<Mapping ArtAssetID="main_menu_rollover" FileName="custom_file3.tga"></Mapping>

<Mapping ArtAssetID="start_menu_normal" FileName="custom_file1.tga"></Mapping>
<Mapping ArtAssetID="start_menu_pressed" FileName="custom_file2.tga"></Mapping>
<Mapping ArtAssetID="start_menu_rollover" FileName="custom_file3.tga"></Mapping>
</opt>

---

!Note that in ToolBarbutton_MainMenu tag the values I used in this example are default values. Basically every custom skin uses their own values for this tag so make sure you're using the same values as the skin you are using. Same goes with the custom_file.tga's

---------------------

Hide "Customize Toolbar Slots" button

This is the little buttons which opens the Options: Toolbar Slots panel. This code will disable that button.

---------------------

List of new ArtAssetID's in Book 9

(ie. MoriaBook9_Differences.txt from Siege of Mirkwood (Book 9) UI Skin Art pack)

Thanks Daimon! I've stuck a pin in this post. :)

also, the inventory bits have changed as well for art asset mapping

are now [1,2,3,4,5] as opposed to before where it was actually [inventory,1,2,3,4]

old was:
inventory_normal
inventory_pressed
inventory_rollover

new is:
bag1_normal
bag1_pressed
bag1_rollover

brand new is:
bag5_normal
bag5_pressed
bag5_rollover

I can't find the proper way to input the legendary items button.

I see

and

I know that is for Legendary item panel... only I can't find the proper way to input it..

I'm looking through skin dictionary... still can't find it... and the main menu fix you gave isn't working. setting the width and height to 1 does nothing to it...

they removed those tags alltogether Liftedplane. I assume you now have to choose LI button from the Toolbar Slots panel in-game

Yes, that worked for me.

BAH! now I have to adjust the damn buttons so there isn't a random empty spot.... wtf. maybe there is a way to get it.

Edit.

so for some reason I can't get the main menu button to disappear... wtf? I've done it exactly how the guide says... and still nothing. I am going through the book nine assets and trying to find it myself, as well as the little option menu for the slots. I guess we will see.

I can't seem to get the new main menu button to move. I want to move it to a different location on my screen. I'm using the code you gave:

I have tried using this and increasing the x+ number but the button doesn't seem to move. Any idea what I'm doing wrong?

same issue here... I'm attempting to go through the entire new skin dictionary... it is taking forever though.

edit: apparently it is Main_Menu that fixed it.... only now other things are missing... still working on it... now I get off work on time so I'll have a few hours to put into it tomorrow and all weekend.

By Main_Menu, are you referring to the code I posted above? I've tried that and it didn't seem to do anything no matter what I set the X and Y values to.

I haven't tried to mess with the config stuff yet but wanted to let you know that it's preferable to use note pad or any type of note pad editor instead of word pad.

If your are using word pad I believe you need to save the file as unicode instead of word text and don't use word wrap,also when you add code to your note pad it's best to leave one blank space on each code line.

Sometimes but not always not leaving one blank space will break the code or the game client can't detect the code or something.

My prefer editor is using note++.

Link:
http://notepad-plus.sourceforge.net/uk/site.htm

Yea notepad++ is great and it has color coding too so the mistakes are easier to spot.

Erythor if you'd like I just upped a beta version of my UI and you can see how it's done from there. I would like to help you straight away but there's just so many things that can go wrong with the code. The line you posted looks ok though so the error must be somewhere else - possibly in the code structure.

Mind you, people, that now the player can change the layout of the toolbars, so the bags could be put left and the system buttons on the right. So make sure you now make your buttons uniform, otherwise things can look messy :)

Yeah that's why I'm glad there are set value of 25x25 pixel squares on all the icons instead of mixed 25x25 with 29x29 like before.

Excellent guide. Thanks very much.

I use Azure Glass (lite) and was able to remove the bottom ui art (which was my biggest problem - thank you!). The toolbar buttons are still there but invisible, which is fine. The new main menu button remains though and I would like it to be hidden or removed.

I found that when using your notes all of the ID="ToolbarButton.... lines weren't in my definitions file, so I wasn't able to make the edits. I tried just pasting in
<Element ID="ToolBarButton_MainMenu" X="6" Y="143" Width="1" Height="1"> </Element>
to remove the button, but no luck.

Any idea what the problem is?
note: I know near nothing about coding, so sorry if I did something completely wrong :p

It's ok :) I am not the best guy explaining stuff in english :p

Those two ID's are separate tags and you can have them both in your code

ID="ToolBarButton_MainMenu"
is a tag for the new menu thing. it used to be a regular button. You can hide it by replacing width and height values to "1".

ID="ToolbarButton_Slot_1"
is complitely a new tag. this is basically the old ToolBarButton_MainMenu. I'll try to rewrite the notes how to replace these buttons.

OK, I figured out the problem. You can't just enter the following code to move the new main menu button:

For some reason, this seems to do nothing unless you also have the ToolBarfield code also in the XML file:

If I input the extra lines, as above, then the MainMenu line seems to work.

Yea <PanelFile ID="ID_UISkin_Toolbar"></PanelFile> is the mother of the skindefinition.xml. <PanelFile> is always <Element>'s parent.

first, thanks a lot for the tips, i got it working...

is there a way to tell the skindefinition.xml to auto-adjust the mainbar ?

since i added those lines to get rid of the start-button, i had to put in X/Y-values which aren´t constant (i.e. if i press alt+enter the mainbar gets over the other skillbars...), otherwise my mainbar is right in the middle of the screen.

as far as I know - no. I havent tried with the new client though if you can leave parent elements out but at least before it wasn't possible.

Since I was updating my own UI for SoM, I see you've got a nice list in the beginning of this topic. Some things are still missing, for example which <Mapping ArtAssetID ..> is used for Skirmish Join etc.

I've found a nice UI with all links for SoM elsewhere on this forum. Probably you have found it also, if not:
http://www.lotrointerface.com/downlo...UISkinArt.html
(Thanks Frosty!)

You can also find some of those mappings implemented in my UI, so you can use that Skindefinition.xml as well.

Thanks for making/updating this topic Daimon :)

Cheers,
Ray

Good point adding the newest art asset link to the guide. Original plan was to keep this guide simple as with adding new buttons that would require image editing.