cccorp | Entries tagged with player resources

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: 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>

<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>
  
          
          <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;">
                
                <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;">
                
                <div style="width: 100%; background: linear-gradient(180deg, #8ad2f3, #1a84ca, #40b9ff); height: 100%;"></div>
              </div>
            </div>
          </div>
        </div>
      </div>

<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>

<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;"> 
          
          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;"> 
          
          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;"> 
          
          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;"> 
          
          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;"> 
          
          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>

<span style="display: block;">
            Skill Name 
          </span>

<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>

<span style="display: block;">
            Magic Name 
          </span>

<span style="display: block;">
            Magic Name 
          </span>
        </div>
      </div>

"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>
  
    
    <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;">

<span style="display: block; padding: 2px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;">
          Item Name 
        </span>

<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="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="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>

CyberConnect Corporation

Entries tagged with player resources

CODES

Profile

November 2023

Links

Syndicate

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags