[P2U - £9] RPG

Harrie

Info


Created
27 days, 6 hours ago
Creator
Harrie
Favorites
160

Profile


[£9 - RPG]

Info

  • Mobile Friendly
  • Theme friendly
  • Premium Required - This layout uses CSS, so you need a premium account to use it. HTML only version is not currently available. One is in progress, and may be released in future.
  • All assets made by me. The example used is my character Edel.

This code requires substantial HTML editing. There is a guide included, but you will need to be comfortable editing HTML to set this up.

Terms of Use

  • Do not remove the credit.
  • You may edit the code as needed, but you may not claim the code as your own.
  • Do not redistribute or copy my code. The code is only for use by the purchaser.
  • Unless marked as a placeholder, the assets & characters displayed here are not free for use. They are of my characters, and here for example purposes only.

Ensure you have WYSIWYG turned OFF, and Code Editor turned ON when editing, or the code won't work! More info.

Some of my characters are for a future game I have planned, so I thought it'd be fun to make a new layout similar to my Interactive layout, but with the focus on an interactive inventory & stats instead of just a design inspector!

Features

Interactive design inspector with front & back views that works with an inventory of items: by choosing what items are equipped, this changes the character's artwork & stats. The inventory is infinitely expandable.

As well, there is a relationship carousel with infinite slots for additional characters.

Be aware that this is a code with no small amount of set-up. You will need to make a lot of assets depending on how many items you add.

This layout requires that CSS is enabled to display correctly. Please visit your display settings and enable Custom CSS to view this profile.
rapier-layer.png flute-layer.png transp-edel.png lute-back-layer.png coat-layer.png lute-layer.png
lute-back-layer.png transp-edel.png coat-layer.png lute-layer.png flute-layer.png rapier-layer.png
Edel Rymmer
Lv.9

  • Age 23
  • Pronouns She/Her
  • Orientation Lesbian
  • Class Fabler

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

 
Sorrel
[Bear Noises]
Warlon Rymmer
Greta
Elwyn Tinker

37861649_Lrre0VojNsy9iOP.png
6a1c955df4ee9343a24f63d78a5d8eea1eb952d4
37862109_PToy0qQ5tBdGAhw.png
6a13ff228df6ebd9f5416387c8def57bb5227f66
e62662ebed9021326fc7927882cff957e1709506
  • Relationship
    Friends
  • Affinity

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

  • Relationship
    Friends
  • Affinity

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

  • Relationship
    Family
  • Affinity

“A quote”

Edel Rymmer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

  • Relationship
    Involved
  • Affinity

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

  • Relationship
    Family
  • Affinity

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

rapier.png rapier.png
lute.png lute.png
flute.png flute.png
coat.png coat.png
 
Rapier
Lute
Flute
Coat

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

 
+ 10 ATK
Equipped
+ 10 SPC
Equipped
+ 5 SPC
Equipped
+ 0 DEF
Equipped
Edel's full profile
BACK-layer-1.png BACK-layer-2-behind.png BACK-layer-3.png BACK-base.png BACK-layer-2.png BACK-layer-4.png BACK-layer-2-top.png
FRONT-layer-2-bottom.png FRONT-base.png FRONT-layer-4.png FRONT-layer-2.png FRONT-layer-3.png FRONT-layer-1.png
Name
Lv.??

  • Age ???
  • Pronouns ???/???
  • Orientation ???
  • Class ???

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

 
Character 1
Character 2
Character 3
Character 4
Character 5

portrait.png
portrait.png
portrait.png
portrait.png
portrait.png
  • Relationship
    Friends
  • Affinity

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

  • Relationship
    Friends
  • Affinity

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

  • Relationship
    Family
  • Affinity

“Quote here”
Character

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

  • Relationship
    Involved
  • Affinity

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

  • Relationship
    Family
  • Affinity

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

unknown.png unknown.png
unknown.png unknown.png
unknown.png unknown.png
unknown.png unknown.png
unknown.png unknown.png
 
Item 1
Item 2
Item 3
Item 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

 
+ 10 ATK
Equipped
+ 10 SPC
Equipped
+ 5 SPC
Equipped
+ 0 DEF
Equipped