TRP Secrets
Tired of seeing cool TRP profiles and being told "it's a secret"? Well not anymore! No hacks. No WTF edits. Only hidden gems and happy roleplayers ahead. 😎 Remember: always backup your files!
Join our Discord!
Images
To add and edit images not provided within the TRP addon, follow these steps. All images here were datamined from the existing game files.
Follow this link to search for images. As a starting point, find GLUES like this one:
https://github.com/keyboardturner/wow-ui-art/blob/retailpng/GLUES/Models/UINightborneElf/SuramarSkyClouds01_nightSCREEN.png
Right click > Save image as > Save
Once in your File Explorer, mouseover it to see this:
The dimensions are 1024x512. Hold on to that.
Copy the URL and trim it as shown:
https://github.com/keyboardturner/wow-ui-art/blob/retail_png/GLUES/Models/UI_NightborneElf/Suramar_Sky_Clouds01_nightSCREEN.pngPlug it into the img code used in TRP and add the correct dimensions:
{img:Interface/GLUES/Models/UI_NightborneElf/Suramar_Sky_Clouds01_nightSCREEN:1024:512}
(Skip this step if you don't want to scale your image.)Here's a scaling tool. Plug in the original dimensions and the new size as a %:
Copy the results and edit your img code:
{img:Interface/GLUES/Models/UI_NightborneElf/Suramar_Sky_Clouds01_nightSCREEN:563.2:281.6}TIP:
• For image integrity, avoid scaling larger than the original dimensions.
(Skip this step if you don't want the image to be in the background.)Add :L or :R after the dimensions:
{img:Interface/GLUES/Models/UI_NightborneElf/Suramar_Sky_Clouds01_nightSCREEN:1024:512:l}TIPS:
• Images are positioned relative to where they are placed in your profile.
• If you want to layer images, leave no spacing between each img code:
{img:Interface/GLUES/Models/UI_NightElf/moon:128:128:l}{img:Interface/GLUES/Models/UI_NightborneElf/Suramar_Sky_Clouds01_nightSCREEN:563.2:281.6:l}
TIP:
• The background's strata isn't determined by code order. Reload your UI to see how the images will settle.
• If an image is too bright, try layering this image over it with what ever dimensions you need:
{img:Interface/DialogFrame/UI-DialogBox-Background:000:000}