Using Skins

You can download new skins for your user interface from

NOTE: Some skins on the site have not been updated for the new toolbar that came with Mirkwood, or the tweaks from the November (Free to Play) update. For best results, stick to the ones that have been updated recently.

Each skin is an XML file (which you can edit in a plain old text editor) and a collection of images. For each element of the UI (for example, the crafting panel), the XML file tells the game client which images to use, where to put them, and how big to make them.

To use an off-the-rack skin:

  1. Go to and download the skin (it’ll be a zip).
  2. Unzip the file to My Documents/The Lord of the Rings Online/ui/skin (the zip should create a new folder in the skin directory)
  3. Open LoTRO.
  4. On the Options panel, under User Interface, select the skin from the field.

Tip: You may need to log out and back in for all elements of the skin to look right.

Repeat this for every character you want to use this skin.

Mix and Match

You can also mix-and-match elements from different skins to get something you like.

The basic structure of the XML file looks like this:

<?xml version="1.0" encoding="UTF-8"?>
<SkinName Name="Neo Glass"></SkinName>

<!-- Toolbar TGA, edit of Brygard's -->
<Mapping ArtAssetID="letterbox_bottom" FileName="letterbox_bottom.tga"></Mapping>

<PanelFile ID="ID_UISkin_BackpackView1_Template">
- <Element ID="BackpackView1_Template" X="805" Y="509" Width="188" Height="105">
  <Element ID="BackpackDragbar" X="0" Y="0" Width="10" Height="105" />
  <Element ID="Backpack_ItemList" X="10" Y="0" Width="178" Height="105" />
  <Element ID="BackpackView1_TitleBar" X="0" Y="0" Width="1" Height="1" />
  <Element ID="Bag1Graphic" X="0" Y="0" Width="1" Height="1" />
  <Element ID="BackpackBackground" X="0" Y="0" Width="1" Height="1" />
  <Element ID="Backpack_Base_Close_Button" X="0" Y="0" Width="1" Height="1" />

  • All the changes go between the <opt> and </opt> tags.
  • Each element that is being changed – in this example, the toolbar and the first inventory bag – has its own block of tags to define how it looks.
  • The order of UI elements in the XML file doesn’t matter, as long as you don’t stick one in the middle of another.
  • Anything not explicitly defined in the XML file uses the default skin for the game.

If you start with a basic skin you like, you can add things like the over-sized dressing room and the invisible bags by adding or replacing information in the skin’s XML file.

For example, to add the invisible bags to a skin:

  1. Create a backup of your skin, just in case 
  2. Go here.
  3. Download the skin file (it’s a zip).
  4. Open the SkinDefinition.xml file with the text editor of your choice (Notepad works fine)
  5. Copy everything between <SkinName Name=”Ultra Mini-packs” /> and </opt>.
  6. Open the SkinDefinition.xml file for your skin.
  7. Paste in the code for the packs right before the </opt> tag at the end.
  8. If your skin already had custom packs, go back up through the XML file and get rid of them. They’ll use the same panel names: <PanelFile ID=”ID_UISkin_BackpackView1_Template”>
  9. Save the skin file (Ctrl+S or just close the text editor).
  10. Log into LoTRO and make sure the right skin is selected for the character.

You may need to log out and back in to make everything look right.

Copying Layout and Options to Other Characters

Press Ctrl+\ to drag around different elements on the screen.

Once you have one character set up the way you want it, you can save that layout and use it for your other characters, too.

To save the layout, type in the chat window:

/ui layout save Custom

(where “Custom” is whatever you want to call this layout. You can call it anything, and save multiples if you want to be able to quickly switch between different layouts)

This used to only save the layout of elements on the screen, but they expanded it to save additional options. I’m having trouble finding that list, but at a minimum it’s saving most of the stuff in the User Interface options.

To use this layout for your other characters, log into each character and type in the chat window:

/ui layout load Custom

(where “Custom” is whatever you called your saved layout)

Again, you may need to log out of the character and back in before all skin changes look right.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: