CODES

[cccorp]

Note: Be sure to check "Disable Auto-Formatting" when applying these codes!

Character Name

HP

SP

Level: ## Money: #### GP Class: N/A Guild: N/A

Equipment:

N/A

N/A

N/A

N/A

N/A

Skills:

Skill Name Skill Name Skill Name Skill Name Skill Name

Magic:

Magic Name Magic Name Magic Name Magic Name Magic Name

"Hey there! This is a section for your character to describe themselves to other players in Fragment. Don't say anything too embarrassing! Remember: the internet never forgets."

Items:

Item Name Item Name Item Name Item Name Item Name Item Name Item Name Item Name Item Name Item Name

CHARACTER STATS:<div style="width: 600px; margin: 40px auto 0; display: grid; grid-template-columns: 250px 310px; grid-template-rows: repeat(3, 1fr); gap: 10px; background: #414d6e; border-radius: 10px; color: #fff; padding: 10px 10px 0 10px; border: 3px groove #6072a5; font-family: monospace; text-shadow: 1px 1px 0 #000, 1.5px 1.5px 0 #000; font-size: 14px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <div style="grid-area: 1 / 1 / 3 / 2; border-right: 3px groove #6072a5; padding-right: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <!--Name--> <div style="width: 250px; position: relative; bottom: 20px; right: 20px;"> <div style="background: linear-gradient(180deg, #c2d0f7, #4a5677, #93a7dd), #93a7dd; border-radius: 100px 3px 50px 0px; display: block; text-align: center; border: 2px solid #172038; font-weight: bold; font-size: 14px;"> Character Name </div> <!--Image--> <div style="display: flex; flex-direction: row;"> <div style="background: center/cover url(IMAGE_URL), silver; width: 100px; height: 70px; border-radius: 0px 0 100px 100px; display: inline-block; border: 2px solid #172038; border-top: none; position: relative; z-index: 1;"></div> <!--HP/SP--> <div style="width: 150px;"> <div style="background: linear-gradient(180deg, #c2d0f7, #272e3f, #5f6e96); height: 20px; width: 80%; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; padding: 0 2px; border-radius: 0 5px 5px 0; display: block; border: 2px solid #172038; border-left: none; border-top: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> HP <div style="background: rgba(0,0,0,0.3); height: 10px; width: 73%; display: inline-block; border-radius: 3px; overflow: hidden;"> <!--ADJUST WIDTH BELOW--> <div style="width: 100%; background: linear-gradient(180deg, #8af38a, #1aca1a, #40ff40); height: 100%;"></div> </div> </div> <div style="background: linear-gradient(180deg, #c2d0f7, #272e3f, #5f6e96); height: 20px; width: 80%; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; padding: 1px 2px 0px 6px; border-radius: 0 5px 5px 0; display: block; border: 2px solid #172038; border-left: none; border-top: none; position: relative; left: -5px; z-index: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> SP <div style="background: rgba(0,0,0,0.3); height: 10px; width: 73%; display: inline-block; border-radius: 3px; overflow: hidden;"> <!--ADJUST WIDTH BELOW--> <div style="width: 100%; background: linear-gradient(180deg, #8ad2f3, #1a84ca, #40b9ff); height: 100%;"></div> </div> </div> </div> </div> </div> <!--Info--> <div style="margin-top: -15px; font-size: 16px; border-bottom: 3px groove #6072a5; padding-bottom: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <span style="display: block;"> <b>Level:</b> ## </span> <span style="display: block;"> <b>Money:</b> #### GP </span> <span style="display: block;"> <b>Class:</b> N/A </span> <span style="display: block;"> <b>Guild:</b> N/A </span> </div> <!--Equipment--> <div style="padding: 10px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <div style="font-weight: bold; font-size: 16px; color: #92afff; padding-bottom: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;">Equipment:</div> <div style="display: block; background: #475e9b; border: 1px solid #92afff; padding: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <img src="https://img.icons8.com/material/16/FFFFFF/battle.png" style="vertical-align: bottom;"> <!--Weapon--> N/A </div> <div style="display: block; padding: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <img src="https://img.icons8.com/material/16/FFFFFF/greek-helmet.png" style="vertical-align: bottom;"> <!--Helm--> N/A </div> <div style="display: block; padding: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <img src="https://img.icons8.com/material/16/FFFFFF/armored-breastplate.png" style="vertical-align: bottom;"> <!--Chest--> N/A </div> <div style="display: block; padding: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <img src="https://img.icons8.com/material/16/FFFFFF/armored-gauntlet.png" style="vertical-align: bottom;"> <!--Gloves--> N/A </div> <div style="display: block; padding: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <img src="https://img.icons8.com/material/16/FFFFFF/armored-boot.png" style="vertical-align: bottom;"> <!--Boots--> N/A </div> </div> </div> <div style="grid-area: 1 / 2 / 3 / 3;"> <div style="display: flex; flex-direction: row; padding-bottom: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <div style="width: 100%;"> <div style="font-weight: bold; font-size: 16px; color: #92afff; padding-bottom: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;">Skills:</div> <!--Skill start--> <span style="display: block;"> Skill Name </span> <!--Skill start--> <span style="display: block;"> Skill Name </span> <!--Skill start--> <span style="display: block;"> Skill Name </span> <!--Skill start--> <span style="display: block;"> Skill Name </span> <!--Skill start--> <span style="display: block;"> Skill Name </span> </div> <div style="width: 100%;"> <div style="font-weight: bold; font-size: 16px; color: #92afff; padding-bottom: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;">Magic:</div> <!--Spell start--> <span style="display: block;"> Magic Name </span> <!--Spell start--> <span style="display: block;"> Magic Name </span> <!--Spell start--> <span style="display: block;"> Magic Name </span> <!--Spell start--> <span style="display: block;"> Magic Name </span> <!--Spell start--> <span style="display: block;"> Magic Name </span> </div> </div> <div style="border-top: 3px groove #6072a5; padding-top: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow-y: auto;"> <!--extra information--> "Hey there! This is a section for your character to describe themselves to other players in Fragment. Don't say anything too embarrassing! Remember: the internet never forgets." </div> </div> <!--bottom--> <div style="grid-area: 3 / 1 / 4 / 3; border-top: 3px groove #6072a5;"> <div style="font-weight: bold; font-size: 16px; color: #92afff; padding-bottom: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;">Items:</div> <div style="display: flex; flex-direction: column; flex-wrap: wrap; height: 130px;"> <!--Item start--> <span style="display: block; padding: 2px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Item Name </span> <!--Item start--> <span style="display: block; padding: 2px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Item Name </span> <!--Item start--> <span style="display: block; padding: 2px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Item Name </span> <!--Item start--> <span style="display: block; padding: 2px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Item Name </span> <!--Item start--> <span style="display: block; padding: 2px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Item Name </span> <!--Item start--> <span style="display: block; padding: 2px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Item Name </span> <!--Item start--> <span style="display: block; padding: 2px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Item Name </span> <!--Item start--> <span style="display: block; padding: 2px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Item Name </span> <!--Item start--> <span style="display: block; padding: 2px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Item Name </span> <!--Item start--> <span style="display: block; padding: 2px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> Item Name </span> </div> </div> </div>

Avatar name Canon Age Stats Inbox

In Character:

Physical Violence: Y/N? Manipulation/Mind Control: Y/N? Death/PKing: Y/N? Romance: Y/N? Smut: Y/N? Off limits:

Out of Character:

Backtagging: Y/N? Threadjacking: Y/N? Fourth-Walling: Y/N? Off limits:

PERMISSIONS:<div style="width: 700px; height: 400px; display: grid; grid-template-columns: 200px 480px; grid-template-rows: 1fr 1fr; margin: auto; font-family: monospace; text-shadow: 1px 1px 0 #000, 1.5px 1.5px 0 #000; font-size: 14px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: default; border: 3px groove #6072a5; border-radius: 10px; background: #414d6e; color: #fff; overflow: hidden; padding: 10px; gap: 10px;"> <div style="grid-area: 1 / 1 / 3 / 2; border-right: 3px groove #6072a5;"> <span style="display: block; font-size: 16px;"> <b>Avatar name</b> </span> <span style="display: block;"> Canon </span> <span style="display: block;"> Age </span> <a href="URL" style="display: block; background: #475e9b; border: 1px solid #92afff; padding: 2px; margin: 10px; color: #fff; text-decoration: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <img src="https://img.icons8.com/material/16/FFFFFF/down-right.png" style="vertical-align: bottom;"> Stats </a> <a href="URL" style="display: block; background: #475e9b; border: 1px solid #92afff; padding: 2px; margin: 10px; color: #fff; text-decoration: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <img src="https://img.icons8.com/material/16/FFFFFF/down-right.png" style="vertical-align: bottom;"> Inbox </a> </div> <div style="grid-area: 1 / 2 / 2 / 3; border-bottom: 3px groove #6072a5; overflow-y: auto;"> <div style="font-weight: bold; font-size: 16px; color: #92afff; padding-bottom: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;">In Character:</div> <span style="display: block;"> <b>Physical Violence:</b> Y/N? </span> <span style="display: block;"> <b>Manipulation/Mind Control:</b> Y/N? </span> <span style="display: block;"> <b>Death/PKing:</b> Y/N? </span> <span style="display: block;"> <b>Romance:</b> Y/N? </span> <span style="display: block;"> <b>Smut:</b> Y/N? </span> <span style="display: block;"> <b>Off limits:</b> </span> </div> <div style="grid-area: 2 / 2 / 3 / 3; overflow-y: auto;"> <div style="font-weight: bold; font-size: 16px; color: #92afff; padding-bottom: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;">Out of Character:</div> <span style="display: block;"> <b>Backtagging:</b> Y/N? </span> <span style="display: block;"> <b>Threadjacking:</b> Y/N? </span> <span style="display: block;"> <b>Fourth-Walling:</b> Y/N? </span> <span style="display: block;"> <b>Off limits:</b> </span> </div> </div>

@username

Inbox

Important

Draft

Sent

Trash

Compose

Message(s) Received;

INBOX:<div style="width: 700px; height: 250px; display: grid; grid-template-columns: 150px 550px; grid-template-rows: 30px 220px; margin: auto; font-family: monospace; text-shadow: 1px 1px 0 #000, 1.5px 1.5px 0 #000; font-size: 14px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: default; border: 4px outset #1b243f; background: #373f58; color: #fff; overflow: hidden;"> <div style="grid-area: 1 / 1 / 3 / 2; border-right: 4px ridge #1b243f; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: flex; flex-direction: column;"> <div style="display: block; padding: 2px 2px 8px; font-weight: bold; font-size: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> @username </div> <div style="display: block; background: #475e9b; border: 1px solid #92afff; padding: 2px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <img src="https://img.icons8.com/material/16/FFFFFF/mail.png" style="vertical-align: bottom;"> Inbox </div> <div style="display: block; padding: 2px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <img src="https://img.icons8.com/material/16/FFFFFF/down-right.png" style="vertical-align: bottom;"> Important </div> <div style="display: block; padding: 2px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <img src="https://img.icons8.com/material/16/FFFFFF/file.png" style="vertical-align: bottom;"> Draft </div> <div style="display: block; padding: 2px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <img src="https://img.icons8.com/material/16/FFFFFF/sent.png" style="vertical-align: bottom;"> Sent </div> <div style="display: block; padding: 2px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <img src="https://img.icons8.com/material/16/FFFFFF/trash.png" style="vertical-align: bottom;"> Trash </div> <div style="display: block; background: #222736; border: 1px solid #92afff; padding: 2px; margin: auto 0 10px; font-weight: bold; letter-spacing: 1px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <img src="https://img.icons8.com/material/16/FFFFFF/pencil.png" style="vertical-align: bottom;"> Compose </div> </div> <div style="grid-area: 1 / 2 / 2 / 3; border-bottom: 4px ridge #1b243f; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;">Message(s) Received;</div> <div style="grid-area: 2 / 2 / 3 / 3; background: center/cover url('https://cdn.discordapp.com/attachments/1046237617685020682/1105223629995778188/mailer.png'), #7f94ce;"></div> </div>