Status Icon Module Resource List and Tutorial

This resource pack allows your Ring of Elden mods to use additional status icons on clean standalone textures without modifying existing game textures.

Extended status icon resources - "Elden Circle"

**Author: ivi** 🎨

✨ Mod Overview

This resource pack provides Elden Circle modders with a complete extended status icon solution, allowing you to add brand new status icons to your mod without modifying the original game textures!

---

🔧 One-time initial setup

Preparation

• Use Yabber tool to extract the following files:
• menu/hi/01_common.tpf.dcx
• menu/hi/01_common.sblytbnd.dcx

File configuration

• **Layout file configuration**
• Copy the attached SB_Status_01.layout file to the unzipped /01_common-sblytbnd-dcx folder
• Edit the _yabber-bnd4.xml file and add new file entries before the </files> tag

• **Texture file configuration**
• Edit the _yabber-tpf.xml file and add a new texture entry before the </textures> tag

Icon production

• Open the SB_Status_01.PSD file using image editing software
• Add your custom icon
• Save as SB_Status_01.DDS format (turn off mipmaps)
• Copy the generated DDS file to the /01_common-tpf-dcx folder

Final packaging

• Use Yabber to repack the modified folder
• Connect your new icon in SpEffectParam

---

🎨 PSD file usage guide

Layer structure description

• **Original Icon Layer**: Original icon reference, hidden by default
• **Reference Line Layer**: Icon grid and ID logo, please hide it before saving!
• **Diamond Icon**: for "temporary" buffs, contains buff/debuff arrows
• **Square Icon**: Applicable to equipment with "permanent" buffs, including buff/debuff arrows
• **Sample Icons**: Bugcat Capoo demo icon layout

Design specifications

• The 40x40 pixel area within the red grid is the actual icon display area
• 4 pixels between red and blue grids as spacing

---

🛠️ DSMapStudio integration

Icon ID assignment

When displaying an icon in the game, the correct icon ID needs to be set in SpEffectParam:

**Calculation formula:**

```

Icon ID = 20500 + icon number in the table

```

**Example:**

To display icon No. 173 in the table, set the icon ID to:

`20500 + 173 = 20673`

---

💡 Usage suggestions

• It is recommended to back up the original files before production
• Use professional image editing software to ensure icon quality
• It is recommended to verify the display effect one by one during testing.
• You can refer to the original icon style to maintain visual unity

🎮 **Happy mod making! **-ivi