Editing GUI

<div style="background-color: #e6f2ff; padding: 20px;">
  <div style="max-width: 1200px; margin: 0 auto;">
    <div style="background-color: #004080; color: #ffffff; text-align: center; padding: 10px; margin-bottom: 20px;">
      <h1 style="font-family: Verdana, sans-serif;">GUI - Jade Dynasty Wiki</h1>
    </div>

    <h2>GUI</h2>
    [[File:JDGui.jpg|alt=GUI|max-width=100%|height=auto|margin-bottom=20px]]

    <div class="step" style="margin-bottom: 10px;">
      <div class="step-title" style="font-weight: bold;">1) This is your Chat window.</div>
      <p>The buttons near the bottom (Com./Party/PM./Allies/Clan/World/Class) will allow you to talk in different channels, for example to talk in Clan members only, you would click on the Clan button, and then type your text.</p>
      <p>The 'Edit' button near the bottom allows you to adjust which channels show up in which chat window.</p>
      <p>The small smiley face in the bottom right of the window is used to perform chat emotes and greetings, click this button to see what's available.</p>
      <p>The eraser icon in the bottom left of both chat windows allows you to clear chats.</p>
      <p>The lock icon left of the eraser hides all the future chats and locks your current chat history.</p>
    </div>

    <div class="step" style="margin-bottom: 10px;">
      <div class="step-title" style="font-weight: bold;">2) This is your Character portrait.</div>
      <p>The red bar designates player health and the blue bar designates your spirit(mana). Ascended players who have chosen their affinity have a different border design. If Ascended characters completed their Chroma quest, they also have an additional purple bar below the blue spirit bar that shows Vigor.</p>
      <p>To the right of the vigor bar is an icon indicating your current spiritual enlightenment level. Each faction has its own icon.</p>
      <p>Below your faction icon is a small clamp icon. This will open your Safety Lock Settings and allow you to modify them.</p>
      <p>Next to the clamp icon is a timer. Clicking on it will open the Online Rewards, which gives free items on a timed basis.</p>
      <p>In the bottom left corner of your Character portrait is the PvP Settings button. This allows you to adjust who you are willing to attack.</p>
    </div>

    <div class="step" style="margin-bottom: 10px;">
      <div class="step-title" style="font-weight: bold;">3) This is the MiniMap window.</div>
      <p>The MiniMap window shows you the game world from an eagle eye view. It displays your current location (Name, X Coordinate, Y Coordinate). The buttons, starting from the top left and moving clockwise:</p>
      <ul>
        <li>The Calendar page will show a calendar showing the month. From there you can reach a list of daily events by clicking on the 'Event List' button.</li>
        <li>The Hammer icon opens the JD-Mart, which is a system-run daily auction.</li>
        <li>The Compass icon will open the Map Legend, showing what all of the icons on the minimap mean.</li>
        <li>The Computer icon will tell you what realm you are on currently (hover your mouse over it).</li>
        <li>The Seated figure will allow you to Meditate in a Safe Zone, granting you experience.</li>
        <li>The Plus and Minus signs will zoom the map in and out.</li>
        <li>The Sword icon is the Destination List, click it to view the preset routes that you can double click to navigate to automatically.</li>
        <li>Below Sword icon is the zone map icon, click it to view the local zone map. You can click anywhere on this map to automatically run to that spot.</li>
        <li>The Question Mark icon will open the Help screen.</li>
        <li>The blue and red Pie shaped icon will tell you the current Server Time if you hover over it.</li>
        <li>The jar icon opens up the Orb Forging window, which gives your character additional stats for collecting Common and Advanced Orb Beads.</li>
        <li>The tower icon opens up the Soul Tower window. Once you have done that daily instance, you can collect rewards, see your rank, and get information about the monsters there.</li>
        <li>The scroll icon opens up the update log, which shows recent major and minor changes to the game.</li>
        <li>The VIP icon opens up the VIP Rewards window, where you can collect free items daily.</li>
        <li>The notepad icon opens up the JD Revelations window, which shows information on bosses and events.</li>
        <li>The crown icon to the left below the minimap is the Coronation window.</li>
        <li>The gift icon next to the crown opens up the Charge Rewards website.</li>
        <li>The sun icon opens up the Fealty System window, which grants you rewards depending on how many tasks you completed.</li>
        <li>The puzzle icon opens up the Battle for Supremacy window, which can sign you up for a PvP battleground.</li>
        <li>The magnifying glass map icon opens up the Exploration Window, where you can get various daily rewards.</li>
      </ul>
    </div>

    <div class="step" style="margin-bottom: 10px;">
      <div class="step-title" style="font-weight: bold;">4) This is the hotkey skill bar.</div>
      <p>These bars are used to put your skills on for quick access. On the right, next to the yin-yang symbol, are a pair of small arrows. Clicking on these will open up to three additional skill bars.</p>
      <p>The red button on the far left summons your pet.</p>
      <p>The large treasure pot button will open the Marketplace.</p>
      <p>The large yin-yang symbol on the right will expand or collapse your Esper bar.</p>
    </div>

    <div class="step" style="margin-bottom: 10px;">
      <div class="step-title" style="font-weight: bold;">5) This is the main menu bar!</div>
      <p>This is where you can do things such as access your Friend list, change the game settings, playing mini-games, and of course, logging off!</p>
    </div>

    <div class="step" style="margin-bottom: 10px;">
      <div class="step-title" style="font-weight: bold;">6) This is the Esper Bar.</div>
      <p>Please see the Esper section.</p>
    </div>

    <div class="step" style="margin-bottom: 10px;">
      <div class="step-title" style="font-weight: bold;">7) This is the Quest Tracker.</div>
      <p>This is visible if you check the "Track all" option in your quest log. You can see your current quest progress from here.</p>
    </div>

    <div style="color: #004080; font-family: Verdana, sans-serif; font-size: 1.2em; text-align: center; margin-top: 20px;">
      <p><b>Beginner's Guide Navigation:</b> <span style="color: #004080;">[[Starting_Off|Starting Off]] | [[GUI|GUI]] | [[Quest_Log|Quest Log]] | [[Faction_Selection|Faction Selection: 1 2]] | [[Marketplace|Marketplace]] | [[Leveling_Guide|Leveling Guide]]</span></p>
      <p><b>Jade Dynasty Basics:</b> <span style="color: #004080;">[[Esper|Esper]] | [[Pets|Pets]] | [[Skills|Skills]] | [[Class_System|Class System]] | [[Masters_and_Disciples|Masters and Disciples]]</span></p>
      <p><b>Category:</b> <span style="color: #004080;">[[Quests|Quests]] | [[Factions|Factions]]</span></p>
    </div>
  </div>
</div>