Search Downloads

Go Back   LoTROInterface > LotRO > Developer Discussions > Tutorials & Other Helpful Information (L)

Thread Tools Display Modes
Unread 03-12-2007, 08:25 AM
Taffu Taffu is offline
The Indomitable
Interface Author - Click to view interfaces
Join Date: Feb 2007
Posts: 11
ArtAssetID's - Detailed List & Info

This is the "Start" of a Detailed List of all the available ArtAssetID's that can be reskinned in the UI. The list is set inside code for easy copy & pasting, as well as categories being described in detail for a better understand of what they are and where they go.

Bottom Bar (1024 x 85)
This is the Main Bar "Skin", which is pretty much the largest "constant" graphic in the UI.

Auto Attack Button/Icon
This is the Large Circular "Indicator" for Attack or Combat On/Off, which is reskinnable to better adapt to the Bottom Bar. There are multiple "versions" which handle Mouseover, Highlighting, Pressed, and Normal versions...which behaves much like a common interface button.

System Buttons & Bag Buttons
System Buttons are the buttons on the "left" side of the Bottom Bar, and control multiple game options (all are set to hotkeys), and the Bag Buttons are on the "right" side of the Bottom Bar. All buttons have elements for Normal, Mouseover, and Pressed version to behave like common interface buttons.

The Bags are in this order on your screen:
Bag4 -> Bag3 -> Bag2 -> Bag1 -> BagInv
So they number right to left instead of left to right. Also, you will notice at the "bottom" of the listing for Bags are 5 seperate "Bag" ArtAssets...which are associated with the Bag Images you see on the actual Inventory Windows when you open them. Numbers are the same for the Buttons if you're wondering which bags are which.

Note: On the System Buttons, the "Highlight" version of the crafting button is the same as the "Rollover" (or mouseover) version for all the others. I do not know why it is not tagged the same...Frosty, maybe something that can be fixed for consistancy?

Main Box Outline & Main Box Title Bar
These Elements handle pretty much every "Common" window skin you'll find in your interface. It is, essentially, the Border that wraps the window, as well as the Title Bar that is centered at the top of each window.

Note: The "noadorn" version of the corner pieces are the attributes for corner "decoration", which is optional. Only some windows show the decoration, so if you're new to skinning, it's not going to hurt to skip it. Just use your common corner piece as a substitute. If you leave it blank, it will default to the default corner piece, which will not match your skin.

Main Box Close Button
This is literally that little "X" close button at the top right of every window. Design to match your Main Box Outline skin.

Instant Message Button
This element is the button on your IM window. Multiple elements for Ghost & Normal versions, as well as Mouseover, Normal, and Pressed versions of each. Behaves like a common interface button.

Universal UI Tabs (Normal and Small)
These elements are the common Tabs you see in multiple UI windows (ie. Character Window, Crafting Window, etc.). Normal are the Upper Tabs that are a little larger (ie. Vendor Top Tabs such as Buy, Sell, etc.), and Small are the Lower Tabs that are slightly smaller (ie. Passive Skills Tab, War Tab, etc.) They have behavior version for Front & Back (Active and Unactive essentially) and Normal/Mouseover/Pressed variations which behave like common interface buttons.

Main UI Button
This Element is the actual Menu Buttons common on almost every window. Ghost & Normal version, with Normal/Mouseover/Pressed behavior tags. These are seen everywhere, from your Options Menu, to your Main Menu, and more.

Tooltip Border
As expected from the title, this is the border you see around the Tooltip, pieces and locations indicated well from the ID tags.

Chat Elements
Chat Elements include "almost" everything needed to modify the Chat Window. You can modify the Tabs (which behave like UI Tabs explained above), the background of the Text Entry section (Chat Back and Chat Entry Focused...Focused meaning active with cursor). The "Unread Overlay" is the little * you see when a window gets a message and it isn't currently in "front".

Mail "Item" Backgrounds
When you get mail, the actual "background" of the Mail Item is skinnable (why...I can't figure out...lol). I was basically tinkering around and wondered what these tags were. Careful with these, you cannot modify the text in these windows, so your skin has to coincide with Turbines Text colors for legibility. I wouldn't even really consider these important or even necessary to skin. They behave like common interface buttons.

Auction Money Panel
This is the Panel that your Currency Amount shows on the Auction House window. You can skin this (although like the mail, I don't know why). However, you -cannot- skin the Currency Panel in your Character Window.

Miscellaneous Elements
These are miscellaneous elements I've managed to locate.
Inanimate Panel: This is the square targeted Unit Frame for things like Doors, Resources, and World Elements that are not PC's or NPC's.
Panel Border: This is the "Thin" interior border seen inside Windows such as the Character Window and Options Window.
Options Panel Divider: This is the Header for each "Section" of the Options window. Each specific portion has a large Text Header, which actually has a Skin Element that you can match to your Main Box Outline.

Note For Tabs: The "E", "N", and "W" elements to the Tabs are East, North, and West respectively. They are actually:
East = Right / North = Middle / West = Left
Each Image is different, for instance the base UI has rounded edges on E and W, and a solid portion for N, which creates the tab-look. These can be anything you want, so be creative!

<!-- Bottom Bar -->
<Mapping ArtAssetID="LetterBoxBottom" FileName=""></Mapping>
<!-- Auto Attack Button/Icon -->
<Mapping ArtAssetID="button_autoattack_highlight" FileName=""></Mapping>
<Mapping ArtAssetID="button_autoattack_highlight_mouseover" FileName=""></Mapping>
<Mapping ArtAssetID="button_autoattack_highlight_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="button_autoattack_mouseover" FileName=""></Mapping>
<Mapping ArtAssetID="button_autoattack_normal" FileName=""></Mapping>
<Mapping ArtAssetID="button_autoattack_normal_pressed" FileName=""></Mapping>
<!-- System Buttons -->
<Mapping ArtAssetID="accomplishment_journal_normal" FileName=""></Mapping>
<Mapping ArtAssetID="accomplishment_journal_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="accomplishment_journal_rollover" FileName=""></Mapping>
<Mapping ArtAssetID="crafting_highlight" FileName=""></Mapping>
<Mapping ArtAssetID="crafting_normal" FileName=""></Mapping>
<Mapping ArtAssetID="crafting_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="quest_normal" FileName=""></Mapping>
<Mapping ArtAssetID="quest_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="quest_rollover" FileName=""></Mapping>
<Mapping ArtAssetID="journal_normal" FileName=""></Mapping>
<Mapping ArtAssetID="journal_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="journal_rollover" FileName=""></Mapping>
<Mapping ArtAssetID="fellowship_normal" FileName=""></Mapping>
<Mapping ArtAssetID="fellowship_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="fellowship_rollover" FileName=""></Mapping>
<Mapping ArtAssetID="main_menu_normal" FileName=""></Mapping>
<Mapping ArtAssetID="main_menu_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="main_menu_rollover" FileName=""></Mapping>
<!-- Bag Buttons -->
<Mapping ArtAssetID="inventory_normal" FileName=""></Mapping>
<Mapping ArtAssetID="inventory_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="inventory_rollover" FileName=""></Mapping>
<Mapping ArtAssetID="bag1_normal" FileName=""></Mapping>
<Mapping ArtAssetID="bag1_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="bag1_rollover" FileName=""></Mapping>
<Mapping ArtAssetID="bag2_normal" FileName=""></Mapping>
<Mapping ArtAssetID="bag2_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="bag2_rollover" FileName=""></Mapping>
<Mapping ArtAssetID="bag3_normal" FileName=""></Mapping>
<Mapping ArtAssetID="bag3_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="bag3_rollover" FileName=""></Mapping>
<Mapping ArtAssetID="bag4_normal" FileName=""></Mapping>
<Mapping ArtAssetID="bag4_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="bag4_rollover" FileName=""></Mapping>

<Mapping ArtAssetID="bag_inventory" FileName=""></Mapping>
<Mapping ArtAssetID="bag1" FileName=""></Mapping>
<Mapping ArtAssetID="bag2" FileName=""></Mapping>
<Mapping ArtAssetID="bag3" FileName=""></Mapping>
<Mapping ArtAssetID="bag4" FileName=""></Mapping>
<!-- Main Box Title Bar -->
<Mapping ArtAssetID="base_box_titlebar_left" FileName=""></Mapping>
<Mapping ArtAssetID="base_box_titlebar_right" FileName=""></Mapping>
<Mapping ArtAssetID="base_box_titlebar_top" FileName=""></Mapping>
<!-- Main Box Outline -->
<Mapping ArtAssetID="box_silver_bottom" FileName=""></Mapping>
<Mapping ArtAssetID="box_silver_bottom_left" FileName=""></Mapping>
<Mapping ArtAssetID="box_silver_bottom_left_noadorn" FileName=""></Mapping>
<Mapping ArtAssetID="box_silver_lower_right" FileName=""></Mapping>
<Mapping ArtAssetID="box_silver_lower_right_noadorn" FileName=""></Mapping>
<Mapping ArtAssetID="box_silver_side_left" FileName=""></Mapping>
<Mapping ArtAssetID="box_silver_side_right" FileName=""></Mapping>
<Mapping ArtAssetID="box_silver_upper" FileName=""></Mapping>
<Mapping ArtAssetID="box_silver_upper_left" FileName=""></Mapping>
<Mapping ArtAssetID="box_silver_upper_left_noadorn" FileName=""></Mapping>
<Mapping ArtAssetID="box_silver_upper_right" FileName=""></Mapping>
<Mapping ArtAssetID="box_silver_upper_right_noadorn" FileName=""></Mapping>
<Mapping ArtAssetID="base_box_center" FileName=""></Mapping>
<Mapping ArtAssetID="base_box_center_silver" FileName=""></Mapping>

<!-- Main Box Close Button -->
<Mapping ArtAssetID="titlebar_X_2" FileName=""></Mapping>
<Mapping ArtAssetID="titlebar_X_2_mouseover" FileName=""></Mapping>
<Mapping ArtAssetID="titlebar_X_2_pressed" FileName=""></Mapping>

<!-- Instant Message Button -->
<Mapping ArtAssetID="im_button_close_highlight_active" FileName=""></Mapping>
<Mapping ArtAssetID="im_button_close_normal" FileName=""></Mapping>
<Mapping ArtAssetID="im_button_close_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="im_button_close_rollover" FileName=""></Mapping>
<Mapping ArtAssetID="im_button_ghosted" FileName=""></Mapping>
<Mapping ArtAssetID="im_button_normal" FileName=""></Mapping>
<Mapping ArtAssetID="im_button_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="im_button_rollover" FileName=""></Mapping>

<!-- Universal UI Tabs (Normal) -->
<Mapping ArtAssetID="tab_tier1_middle_back_e" FileName=""></Mapping>
<Mapping ArtAssetID="tab_tier1_middle_back_n" FileName=""></Mapping>       
<Mapping ArtAssetID="tab_tier1_middle_back_w" FileName=""></Mapping>       
<Mapping ArtAssetID="tab_tier1_middle_front_e" FileName=""></Mapping>       
<Mapping ArtAssetID="tab_tier1_middle_front_n" FileName=""></Mapping>       
<Mapping ArtAssetID="tab_tier1_middle_front_w" FileName=""></Mapping>

<!-- Universal UI Tabs (Small) -->        
<Mapping ArtAssetID="tab_tier1_middle_back_e_sm" FileName=""></Mapping>
<Mapping ArtAssetID="tab_tier1_middle_back_n_sm" FileName=""></Mapping>
<Mapping ArtAssetID="tab_tier1_middle_back_w_sm" FileName=""></Mapping>
<Mapping ArtAssetID="tab_tier1_middle_front_e_sm" FileName=""></Mapping>
<Mapping ArtAssetID="tab_tier1_middle_front_n_sm" FileName=""></Mapping>
<Mapping ArtAssetID="tab_tier1_middle_front_w_sm" FileName=""></Mapping>

<!-- Main UI Button -->
<Mapping ArtAssetID="textbutton_left_ghosted" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_left_highlighted_mouseover" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_left_highlighted_normal" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_left_highlighted_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_left_mouseover" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_left_normal" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_left_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_mid_ghosted" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_mid_highlighted_mouseover" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_mid_highlighted_normal" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_mid_highlighted_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_mid_mouseover" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_mid_normal" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_mid_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_right_ghosted" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_right_highlighted_mouseover" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_right_highlighted_normal" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_right_highlighted_pressed" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_right_mouseover" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_right_normal" FileName=""></Mapping>
<Mapping ArtAssetID="textbutton_right_pressed" FileName=""></Mapping>

<!--  Tooltip Border --> 
<Mapping ArtAssetID="basepanel_bottomleft" FileName="" /> 
<Mapping ArtAssetID="basepanel_bottommid" FileName="" /> 
<Mapping ArtAssetID="basepanel_bottomright" FileName="" /> 
<Mapping ArtAssetID="basepanel_midleft" FileName="" /> 
<Mapping ArtAssetID="basepanel_midright" FileName="" /> 
<Mapping ArtAssetID="basepanel_topleft" FileName="" /> 
<Mapping ArtAssetID="basepanel_topmid" FileName="" /> 
<Mapping ArtAssetID="basepanel_topright" FileName="" />

<!-- Chat Elements -->
<Mapping ArtAssetID="chat_back" FileName=""></Mapping>
<Mapping ArtAssetID="chat_entry_focussed" FileName=""></Mapping>
<Mapping ArtAssetID="chat_tab_tier1_middle_back_e" FileName=""></Mapping>
<Mapping ArtAssetID="chat_tab_tier1_middle_back_n" FileName=""></Mapping>
<Mapping ArtAssetID="chat_tab_tier1_middle_back_w" FileName=""></Mapping>
<Mapping ArtAssetID="chat_tab_tier1_middle_front_e" FileName=""></Mapping>
<Mapping ArtAssetID="chat_tab_tier1_middle_front_n" FileName=""></Mapping> 
<Mapping ArtAssetID="chat_tab_tier1_middle_front_w" FileName=""></Mapping> 
<Mapping ArtAssetID="chat_unread_overlay" FileName=""></Mapping> 

<!-- Mail "Item" Backgrounds (Not Window BG, that's Black Translucent) -->
<Mapping ArtAssetID="blue_mail_select_highlight" FileName=""></Mapping>
<Mapping ArtAssetID="blue_mail_select_highlight_active" FileName=""></Mapping>
<Mapping ArtAssetID="blue_mail_select_highlight_active_admin" FileName=""></Mapping>
<Mapping ArtAssetID="blue_mail_select_normal" FileName=""></Mapping>

<!-- Auction Money Panel -->
<Mapping ArtAssetID="money_player_all_background" FileName=""></Mapping>
<!-- Misc Elements -->
<Mapping ArtAssetID="selection_inanimate_backdrop" FileName=""></Mapping>
<Mapping ArtAssetID="panel_border" FileName=""></Mapping>
<Mapping ArtAssetID="options_panel_divider" FileName=""></Mapping>
If I miss anything (which I know I did, I haven't had time to test or even find every element as they're listed), feel free to contribute what you can to create a full, comprehensive list for the ArtAssetID's. Turbine has stated they will release a full list around launch time to confirm all skinnable elements, so this will obviously be updated accordingly when that is released. For the time being, it's up to us to figure them all out!

Last edited by Taffu : 03-13-2007 at 07:14 AM. Reason: Added Tooltip Border
Reply With Quote
Unread 03-12-2007, 06:35 PM
Zedicius's Avatar
Zedicius Zedicius is offline
The Unscathed
Interface Author - Click to view interfaces
Join Date: Feb 2007
Posts: 18
This is nice! Good work!
Reply With Quote
Unread 03-12-2007, 08:41 PM
Cairenn's Avatar
Cairenn Cairenn is offline
Credendo Vides
Premium Member
LOTROInterface Admin
Interface Author - Click to view interfaces
Join Date: Jan 2007
Posts: 642
Thank you very much for this Taffu. I've moved it over to this forum and stuck a pin in it. Nice work.
"My friends, love is better than anger. Hope is better than fear. Optimism is better than despair. So let us
be loving, hopeful and optimistic. And we’ll change the world."

Co-Founder & Admin: MMOUI
FaceBook Profile, Page, Group
Avatar Image by RafM
Reply With Quote
Unread 03-13-2007, 07:15 AM
Taffu Taffu is offline
The Indomitable
Interface Author - Click to view interfaces
Join Date: Feb 2007
Posts: 11
Thanks for moving it to the appropriate forum, Cairenn. Added the Tooltip Border today, and I'm working on figuring out a few of the others and exactly how they work...should be able to add them by this weekend
Reply With Quote
Unread 04-29-2007, 02:35 AM
Sabar's Avatar
Sabar Sabar is offline
Go for three
Interface Author - Click to view interfaces
Join Date: Apr 2007
Posts: 13
Send a message via AIM to Sabar Send a message via MSN to Sabar Send a message via Yahoo to Sabar
Excellent work.
Reply With Quote
Unread 05-01-2007, 12:23 PM
Aesir's Avatar
Aesir Aesir is offline
The Wary
Join Date: Apr 2007
Posts: 1
Hi Taffu, very very helpful post of the .xml.

Turbine's article on this also included a .jpg of the .xml, and I note that there are some entries in that .jpg that weren't included in the article's text table/description of the elements (the ArtAssetID Dictionary section of the article) and/or weren't in your top post.

I went ahead and compared the .jpg and article text and came up with these as missing, so if they don't actually 'break' anything, feel free to merge these in your top post.

<Mapping ArtAssetID="green_selection_vendor_item_stacktoggleon" FileName=""></Mapping>
<Mapping ArtAssetID="green_selection_vendor_item_stacktoggleon_highlight" FileName=""></Mapping>

<Mapping ArtAssetID="LFP_Top_BG" FileName=""></Mapping>
<Mapping ArtAssetID="LFP_Unavailable_Overlay" FileName=""></Mapping>

<Mapping ArtAssetID="pedigree_bg" FileName=""></Mapping>

<Mapping ArtAssetID="Who_MyOptions_BG" FileName=""></Mapping>


Dug up Cairenn's repost of the original closed beta UI skinning instructions, and I see there is mention of another element LetterBoxBottom. If that's still a valid element (edit: nvm, the only confusion I have now is about proper dimensions for this element. I see two or three different values for x posted), then:
<Mapping ArtAssetID="LetterBoxBottom" FileName=""></Mapping>
Finally, for consistency, may want to end the tags in the subsection <!-- Tooltip Border --> with ></Mapping> instead of />. (Not sure if it works otherwise).

Last edited by Aesir : 05-02-2007 at 03:01 PM. Reason: grammer typos etc
Reply With Quote
Unread 05-12-2007, 05:57 PM
Kailvine's Avatar
Kailvine Kailvine is offline
The Undying
Interface Author - Click to view interfaces
Join Date: Mar 2007
Posts: 20
The use of /> instead of ></Mapping> is proper syntax in an XML formate. It is just a short hand version. If you use all /> instead the file will be a little small.. but that would not really make any difference to uploading the UI on log in.
Reply With Quote
Unread 05-13-2007, 12:44 AM
deadtech's Avatar
deadtech deadtech is offline
The Wary
Join Date: May 2007
Posts: 2
Great post. This should help me out a bit on making my first skin.
Reply With Quote
Unread 06-10-2007, 07:59 PM
Gaylen's Avatar
Gaylen Gaylen is offline
The Unscathed
Interface Author - Click to view interfaces
Join Date: Jun 2007
Posts: 17
I'm working on a skin and I've been referencing some of the pre-existing skins on this site to teach myself how.

I've found that every skin I've looked at is missing an image to highlight a selection when at the stablemaster. The normal image (example), which I believe is the "blue_selection_vendor_item_repair_normal" 366 x 64 image, appears in every skin . But I'm unable to find an ArtAssetID that will enable me to change the highlight and highlight active for selections at the stables (example).

I've spent the better part of the last 4 hours searching this site and these forums trying to find if anyone else has found an ArtAssetID for this. I'm not having any luck. Is there any chance someone could point me in the right direction?
Reply With Quote
Unread 06-10-2007, 11:33 PM
Aalwein's Avatar
Aalwein Aalwein is offline
GM, Scarlet Underground
Premium Member
Interface Author - Click to view interfaces
Join Date: Apr 2007
Posts: 163
that is one of the "missing" artassets we are patiently awaiting frosty to get us.
Reply With Quote

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump

All times are GMT -5. The time now is 11:50 AM.

Our Network
EQInterface | EQ2Interface | Minion | WoWInterface | ESOUI | LoTROInterface | MMOUI | Swtorui