|
<!-- Message Windows: used for most miscellaneous system notifications, including level up messages, "skill has been activated", "skill cannot be activated", stuff like that --> |
|
<div class="window"> |
|
<p class="message"> </p> <!-- the menu bar. the "message" class can be replaced another window type, as seen below, or left out altogether to give no heading to the window. the has to be included for the heading to show up --> |
|
|
|
<div class="windowcontent"> <!-- Make sure to include the hidden "[" in the first paragraph, and a hidden "]" in the last paragraph for when creator's styles are turned off. --> |
|
<p><span class="hide">[</span>Target’s keyword influence is incomplete.</p> |
|
<p>Optimized Awakening for a target with completed Awakening is impossible.<span class="hide">]</span></p> |
|
</div> |
|
</div> |
|
|
|
|
|
|
|
<!-- Announcement Window: only translated occurrence is the below example. Seems to overlap with Message Window? I put it in just in case --> |
|
<div class="window"> |
|
<p class="announce"> </p> |
|
|
|
<div class="windowcontent"> |
|
<p><span class="hide">[</span>The Title “Caregiver” is in effect.</p> |
|
<p>Caregiver Supplementary Skill - Last Repayment</p> |
|
<p>The skills and abilities of Awakened Person “Han Yoohyun” will double in efficiency.</p> |
|
<p>Duration time - 1:00<span class="hide">]</span></p> |
|
</div> |
|
</div> |
|
|
|
|
|
|
|
<!-- Status Windows: used to display name/titles/stats/skills, both of self and of others. Example 1: --> |
|
<div class="window"> |
|
<p class="status"> </p> |
|
|
|
<div class="windowcontent"> |
|
<p class="wintitle"><span class="hide">[</span>Awakened Person – Han Yoojin</p> |
|
<p>Title: <strong>Dragon Slayer</strong> <span class="skillrank">(L)</span>, <strong>Perfect Caregiver</strong> <span class="skillrank">(L)</span></p> |
|
<p>Level 1</p> |
|
<div class="stat"> |
|
<p><strong>Stamina:</strong> 6</p> |
|
<p><strong>Strength:</strong> 4</p> |
|
<p><strong>Agility:</strong> 5</p> |
|
<p><strong>Mental:</strong> 4</p> |
|
<p><strong>Mana:</strong> 2<span class="hide">]</span></p> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<!-- Status Windows, example 2: --> |
|
<div class="window"> |
|
<p class="status"> </p> |
|
|
|
<div class="windowcontent"> |
|
<p class="wintitle"><span class="hide">[</span>Awakened Person – Kim Sunghan</p> |
|
<p>Current stat rank A</p> |
|
<p>Possible Awakening stat rank A~S</p> |
|
<p>Optimized Initial Skills</p> |
|
<p><strong>Indomitable Body</strong> <span class="skillrank">(S)</span> Acquisition failure</p> |
|
<p><strong>Regeneration</strong> <span class="skillrank">(S)</span> Acquisition failure</p> |
|
<p><strong>The Earth’s Shield</strong> <span class="skillrank">(A)</span> Acquired<span class="hide">]</span></p> |
|
</div> |
|
</div> |
|
|
|
|
|
|
|
<!-- Reward Windows: used when an achievement is earned, i'm guessing also when a dungeon attack is completed and the like --> |
|
<div class="window"> |
|
<p class="reward"> </p> |
|
|
|
<div class="windowcontent"> |
|
<p><span class="hide">[</span>Impossible Achievement! You’ve hunted a dragon by yourself!</p> |
|
<p>Legendary Grade Title <strong>‘Dragon Slayer’</strong> granted!<span class="hide">]</span></p> |
|
</div> |
|
</div> |
|
|
|
|
|
|
|
<!-- Information Windows: used for descriptions of skills, titles, and items. Example 1: --> |
|
<div class="window"> |
|
<p class="info"> </p> |
|
<div class="windowcontent"> |
|
<p class="wintitle"><span class="hide">[</span>Dragon Slayer <span class="skillrank">(L)</span></p> |
|
<p>The proof of a warrior who has hunted a 1st Rank dragon type alone.</p> |
|
<p>Title Supplementary Skills</p> |
|
<p><strong>Poison Resistance</strong> <span class="skillrank">(L)</span></p> |
|
<p><strong>Curse Resistance</strong> <span class="skillrank">(L)</span></p> |
|
<p><strong>Fear Resistance</strong> <span class="skillrank">(L)</span></p> |
|
<p><strong>Lauchtas’ Natural Enemy</strong> <span class="skillrank">(S)</span><span class="hide">]</span></p> |
|
</div> |
|
</div> |
|
|
|
<!-- Information Windows, example 2: --> |
|
<div class="window"> |
|
<p class="info"> </p> |
|
|
|
<div class="windowcontent"> |
|
<p class="wintitle"><span class="hide">[</span>Wish Stone – Myth Rank</p> |
|
<p>Grants one wish for the user.</p> |
|
<p>※Exception: a dead person cannot be revived<span class="hide">]</span></p> |
|
</div> |
|
</div> |
|
|
|
|
|
|
|
<!-- Inventory: what it says on the tin --> |
|
<div class="window"> |
|
<p class="inventory"> </p> |
|
|
|
<div class="items"> |
|
<p class="hide">[Inventory:</p> |
|
<!-- It is MANDATORY that, for each <p> item, you split the <p> tag from the actual text, the same way it's done here. So <p> on a single line, then hit enter and write (itemname, itemcount), then enter again and close the </p> tag. If this isn't done, the spacing fucks up in a major way. --> |
|
<p> |
|
<span class="itemname">Red Dragon's Greatsword</span><span class="hide"> (</span><span class="itemcount">x1</span><span class="hide">)</span> |
|
</p> |
|
<p> |
|
<span class="itemname">Gate Stone</span><span class="hide"> (</span><span class="itemcount">x20</span><span class="hide">)</span> |
|
</p> |
|
<p> |
|
<span class="itemname">Wish Stone</span><span class="hide"> (</span><span class="itemcount">x1</span><span class="hide">)]</span> |
|
</p> |
|
</div> |
|
</div> |
|
|
|
|
|
|
|
<!-- Item Windows: used when describing list of item rewards or looking at a specific item's description --> |
|
<div class="window"> |
|
<p class="itemwin"> </p> |
|
|
|
<div class="items"> |
|
<p> <!-- As with Inventory, be sure to space out the <p> tags from their content. --> |
|
<span class="hide">[</span><span class="itemname">Gate Stone</span><span class="hide"> (</span><span class="itemcount">x10</span><span class="hide">)</span> |
|
</p> |
|
<p> |
|
<span class="itemname">1<sup>st</sup> rank Granting Potion</span><span class="hide"> (</span><span class="itemcount">x5</span><span class="hide">)</span> |
|
</p> |
|
<p> |
|
<span class="itemname">Red Dragon Supreme Sword</span><span class="hide"> (</span><span class="itemcount">x1</span><span class="hide">)</span> |
|
</p> |
|
<p> |
|
<span class="itemname">Wish Stone</span><span class="hide"> (</span><span class="itemcount">x1</span><span class="hide">)]</span> |
|
</p> |
|
</div> |
|
</div> |