• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Resource coding without bbcode+ // a workshop

what code do y'all want next?

  • interest check

  • in-character

  • placeholder

  • character sheet


Results are only viewable after voting.
I've always wanted. A small placeholder code, ill put meh request here.

Placeholder
Blacks, greens, purple. Sort of a hacker/sombra theme
medium, just something to stand out, but not to big.
Aesthetic?
Hacker theme, just ones and zeros or something computer based, since I love sombra from overwatch.

Would love to see what you come up with.
 
in character - baird

timshel timshel 's req. scroll on the pic for the tags. every window has hidden scroll.

[border=transparent; width: 800px; height: 500px; background: transparent; position: relative; margin: auto;][comment]

--image below

[/comment][border=transparent; width: 800px; height: 450px; background: transparent; position: relative; margin: auto;][border=transparent; background: linear-gradient(180deg, #708090 18%, rgba(0, 0, 0, 0) 18%), url('https://i.pinimg.com/originals/ee/d0/e5/eed0e5762fa20b9ab9c86467a70046dc.gif'); position: absolute; top: 0; bottom: 80px; left: 0; right: 600px; height: 200px; width: 200px; margin: auto; border-radius: 10px;][color=#ee5e56][fa]fa-circle[/fa][/color] [color=#d0d0d0][fa]fa-circle[/fa][/color] [color=#5ecb43][fa]fa-circle[/fa][/color][border=transparent; margin: auto; width: 175px; height: 140px; overflow: hidden; margin-top: 20px; background-color: transparent;][border=transparent; width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px;][border=transparent; background: transparent; height: 180px; width: 180px;][/border][border=transparent; text-shadow: 1px 2px 3px black; color: white;][size=12px][comment]

--tags below

[/comment][b]interactions.[/b] here.
[b]mood.[/b] here.
[b]outfit.[/b] here.
[b]location.[/b] here.
[b]tags.[/b] here.
[/size][/border][/border][/border][/border][border=transparent; background: linear-gradient(180deg, #708090 10%, #e9e9ea 10%); height: 440px; width: 380px; margin: auto; border-radius: 10px;][color=#ee5e56][fa]fa-circle[/fa][/color] [color=#d0d0d0][fa]fa-circle[/fa][/color] [color=#5ecb43][fa]fa-circle[/fa][/color][border=transparent; margin: auto; width: 350px; height: 350px; overflow: hidden; margin-top: 20px; background-color: transparent;][border=transparent; width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px; text-align: justify; color: #222; font-family: Arial; font-size: 12px;][comment]

--text below

[/comment]Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam.

Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut.

Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.[/border][/border][border=transparent; background: linear-gradient(180deg, #708090 18%, #fff 18%); position: absolute; top: 20px; bottom: 0; left: 600px; right: 0; height: 230px; width: 200px; margin: auto; border-radius: 10px;][color=#ee5e56][fa]fa-circle[/fa][/color] [color=#d0d0d0][fa]fa-circle[/fa][/color] [color=#5ecb43][fa]fa-circle[/fa][/color][border=transparent; margin: auto; width: 180px; height: 140px; overflow: hidden; margin-top: 20px; background-color: transparent;][border=transparent; width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px;][comment]

--messages below. feel free to fiddle with the height for longer texts.

[/comment][border=transparent; float: left; background: #d3d3db; width: 50%; height: 20px; border-radius: 10px; font-size: 10px; text-align: justify; color: black; display: flex;]message here.[/border]

[border=transparent; display: flex; float: right; background: #1982FC; width: 50%; height: 20px; border-radius: 10px; font-size: 10px; text-align: justify; color: white;]reply here.[/border]

[border=transparent; display: flex; float: left; background: #d3d3db; width: 50%; height: 20px; border-radius: 10px; font-size: 10px; text-align: justify; color: black;]message here.[/border]

[border=transparent; display: flex; float: right; background: #1982FC; width: 50%; height: 30px; border-radius: 10px; font-size: 10px; text-align: justify; color: white;]and so on ad infinitum.[/border]

[/border][/border][border=transparent; background: transparent; width: 180px; border-radius: 10px; height; 15px; border: 2px solid #d3d3db; color: black; font-size: 3px; margin-top: 5px;][/border][/border][/border][/border][/border]
interactions. here.
mood. here.
outfit. here.
location. here.
tags. here.
Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam.

Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut.

Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.
message here.


reply here.


message here.


and so on ad infinitum.


 
Last edited:
in character - virus
for Virus Virus

[border=transparent; margin: auto; background: linear-gradient(180deg, #a73895 55%, #5fdfe3 50%); height: 220px; width: 540px;][border=transparent; height: 200px; width: 520px; margin: auto; background-size: cover; background-position: 50% 50%; background: linear-gradient(130deg, rgba(173, 85, 158, 0.9) 30%, rgba(0, 0, 0, 0) 30%), url('https://i.pinimg.com/originals/3e/29/f9/3e29f92647af70f640b49eba75a03d63.gif'); font-family: DM Mono; font-size: 40px; color: white;][border=transparent; text-shadow: 5px 2px 1px #8b63b8, 10px 3px 1px #5fdfe3;]character name.[/border][border=transparent; font-size: 20px; margin-top: -30px; margin-left: 5px;]role name. age. [fa]fa-venus[/fa][/border][/border][/border]

character name.
role name. age.
 
in character - virus
for Virus Virus

[border=transparent; margin: auto; background: linear-gradient(180deg, #a73895 55%, #5fdfe3 50%); height: 220px; width: 540px;][border=transparent; height: 200px; width: 520px; margin: auto; background-size: cover; background-position: 50% 50%; background: linear-gradient(130deg, rgba(173, 85, 158, 0.9) 30%, rgba(0, 0, 0, 0) 30%), url('https://i.pinimg.com/originals/3e/29/f9/3e29f92647af70f640b49eba75a03d63.gif'); font-family: DM Mono; font-size: 40px; color: white;][border=transparent; text-shadow: 5px 2px 1px #8b63b8, 10px 3px 1px #5fdfe3;]character name.[/border][border=transparent; font-size: 20px; margin-top: -30px; margin-left: 5px;]role name. age. [fa]fa-venus[/fa][/border][/border][/border]

character name.
role name. age.
That's was fast, I freaking love it <3
 
character sheet - texting
hmmmmmm

[comment]

---replace 'skyblue'

--code START. code by LEVIATHAN.

[/comment][border=0px; max-width: 450px; margin: auto; padding: 0; position: relative;][border=0px; background: linear-gradient(180deg, skyblue 15%, white 15%); padding: 0; width: 450px; margin: auto;][border=0px; position: absolute; top: 430px; bottom: 0; left: 0; right: 0; background: #222; padding: 0; height: 30px; width: 450px;][/border][border=0px; opacity: 1; margin: auto; position: absolute; top: 0; bottom: 380px; left: 0; right: 0; background: linear-gradient(180deg, skyblue 60%, #e9e9ea 60%); height: 55px; width: 430px; z-index: 2; pointer-events: none; margin-top: 10px; font-size: 15px; font-family: DM Mono;][border=transparent; margin-left: 20px; color: white; margin-top: 10px; display: inline; font-weight: bold;]ONE.[/border][border=transparent; margin-left: 25px; color: white; margin-top: 10px; display: inline; font-weight: bold;]TWO.[/border] [border=transparent; margin-left: 15px; color: white; margin-top: 10px; display: inline; font-weight: bold;]THREE.[/border] [border=transparent; margin-left: 5px; color: white; margin-top: 10px; display: inline; font-weight: bold;]FOUR.[/border][border=transparent; float: right; display: inline; height: 60px; width: 60px; margin-top: -10px; background: url(https://i.pinimg.com/564x/79/59/cc/7959ccc47d29d680b0b30ef826acdd95.jpg); border-radius: 60px; border: 6px solid skyblue; background-size: cover;][/border][/border]
[tabs]

[tab=aaq][border=0px; height: 300px; color: black;]
[border=0px; color: #e9e9ea; margin-top: -60px; margin-right: 40px;][fa]fa-caret-down fa-3x[/fa][/border][border=transparent; padding: 0; margin: auto; width: 350px; height: 280px; overflow: hidden; background-color: transparent;][border=transparent; padding: 0; width: 100%; height: 100%; overflow-y: scroll; padding-right: 100px; text-align: justify; font-size: 12px; line-height: 230%;][bg=transparent; height: 250px; font-size: 11px; line-height: 150%;][comment]

---txt messages

--INSTRUCTIONS. best if you don't fuck with this too much if you dk what you're doing. keep the width 50% unless you're code literate

--blue msg: [*border=transparent; float: right; background: #1982FC; width: 50%; border-radius: 12px 12px 0px 12px; text-align: justify; color: white; display: flex; text-transform: lowercase;]hello[/*border]

--grey msg: [*border=transparent; margin-top: 10px; float: left; background: #d3d3db; width: 50%; border-radius: 12px 12px 12px 0px; text-align: justify; color: black; display: flex;]goodbye[/*border]

--add 'margin-top: 10px;' to every msg after the first one

--no height. expands to fit what you're typing

--not too many msgs or you'll break it. always preview before saving.

--p.s. i have 'text-transform: lowercase' on on the blue msg, so if you want capitalization, delete it.

[/comment][border=transparent; float: right; background: #1982FC; width: 50%; border-radius: 12px 12px 0px 12px; text-align: justify; color: white; display: flex; text-transform: lowercase;]I jump the freeway median, I'm savage[/border]

[border=transparent; margin-top: 10px; float: left; background: #d3d3db; width: 50%; border-radius: 12px 12px 12px 0px; text-align: justify; color: black; display: flex;]Cause my mode is that I'm meaner than the average[/border]

[border=transparent; margin-top: 10px; float: right; background: #1982FC; width: 50%; border-radius: 12px 12px 0px 12px; text-align: justify; color: white; display: flex; text-transform: lowercase;]Like my teacher taught me when I heard the crowd applaud[/border]

[border=transparent; margin-top: 10px; float: right; background: #1982FC; width: 50%; border-radius: 12px 12px 0px 12px; text-align: justify; color: white; display: flex; text-transform: lowercase;]I thought I was an atheist until I realized I'm a God[/border]

[/bg]

[comment]

---TXT START

---this: [*border=transparent; float: left; display: flex; height: 60px; width: 60px; background: url([URL]https://i.pinimg.com/564x/f8/82/90/f882907c7d02237ed2196675f7476c1a.jpg);[/URL] border-radius: 60px; border: 6px solid skyblue; background-size: cover; background-position: 50% 50%; margin-right: 15px;*][/*border] is LEFT IMG

--this: [*border=transparent; float: right; display: flex; height: 60px; width: 60px; background: url([URL]https://i.pinimg.com/564x/f8/82/90/f882907c7d02237ed2196675f7476c1a.jpg);[/URL] border-radius: 60px; border: 6px solid skyblue; background-size: cover; background-position: 50% 50%; margin-left: 15px;][/*border] is RIGHT IMG

--this: [*border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]something.[/*border] is a TAG

[/comment][border=transparent; float: left; display: flex; height: 60px; width: 60px; background: url(https://i.pinimg.com/564x/f8/82/90/f882907c7d02237ed2196675f7476c1a.jpg); border-radius: 60px; border: 6px solid skyblue; background-size: cover; background-position: 50% 50%; margin-right: 15px;][/border]Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]something.[/border] at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]something.[/border] semper maximus. Pellentesque lobortis consectetur velit. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor.

[border=transparent; float: right; display: flex; height: 60px; width: 60px; background: url(https://i.pinimg.com/564x/f8/82/90/f882907c7d02237ed2196675f7476c1a.jpg); border-radius: 60px; border: 6px solid skyblue; background-size: cover; background-position: 50% 50%; margin-left: 15px;][/border]Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]something.[/border] mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]something.[/border] ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor.

[/border][/border][/border]
[/tab]

[tab=bba][border=0px; height: 300px; color: black;]
[border=0px; color: #e9e9ea; margin-top: -60px; margin-left: 90px;][fa]fa-caret-down fa-3x[/fa][/border][border=transparent; padding: 0; margin: auto; width: 350px; height: 280px; overflow: hidden; background-color: transparent;][border=transparent; padding: 0; width: 100%; height: 100%; overflow-y: scroll; padding-right: 100px; text-align: justify; font-size: 12px; line-height: 230%;][bg=transparent; height: 250px; font-size: 11px; line-height: 150%;][border=transparent; float: left; background: #d3d3db; width: 50%; border-radius: 12px 12px 12px 0px; text-align: justify; color: black; display: flex;]HOW COULD YOU DO THIS TO ME.[/border]

[border=transparent; margin-top: 10px; float: right; background: #1982FC; width: 50%; border-radius: 12px 12px 0px 12px; text-align: justify; color: white; display: flex; text-transform: lowercase;]easily, and well.[/border]

[/bg]
[comment]--TXT HERE[/comment]
[border=transparent; float: left; display: flex; height: 60px; width: 60px; background: url(https://i.pinimg.com/564x/4f/8e/f3/4f8ef3733797bbf9847beb9a7042ea62.jpg); border-radius: 60px; border: 6px solid skyblue; background-size: cover; background-position: 50% 50%; margin-right: 15px;][/border]Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]something.[/border] at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]something.[/border] semper maximus. Pellentesque lobortis consectetur velit. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor.

[border=transparent; float: right; display: flex; height: 60px; width: 60px; background: url(https://i.pinimg.com/564x/f8/82/90/f882907c7d02237ed2196675f7476c1a.jpg); border-radius: 60px; border: 6px solid skyblue; background-size: cover; background-position: 50% 50%; margin-left: 15px;][/border]Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]something.[/border] mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]something.[/border] ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor.

[/border][/border][/border]
[/tab]

[tab=cca][border=0px; height: 300px; color: black;]
[border=0px; color: #e9e9ea; margin-top: -60px; margin-left: 170px;][fa]fa-caret-down fa-3x[/fa][/border][border=transparent; padding: 0; margin: auto; width: 350px; height: 280px; overflow: hidden; background-color: transparent;][border=transparent; width: 100%; padding: 0; height: 100%; overflow-y: scroll; padding-right: 100px; text-align: justify; font-size: 12px; line-height: 230%;][bg=transparent; height: 250px; font-size: 11px; line-height: 150%;][comment]

--MESSAGES start

[/comment][border=transparent; float: left; background: #d3d3db; width: 50%; border-radius: 12px 12px 12px 0px; text-align: justify; color: black; display: flex;]why the fuck are you on the 9 o clock news?????[/border]

[border=transparent; margin-top: 10px; float: right; background: #1982FC; width: 50%; border-radius: 12px 12px 0px 12px; text-align: justify; color: white; display: flex; text-transform: lowercase;]apparently the public can't get enough of me lol[/border]

[border=transparent; margin-top: 10px; float: left; background: #d3d3db; width: 50%; border-radius: 12px 12px 12px 0px; text-align: justify; color: black; display: flex;]u are so fucking dead when abe finds out[/border]

[border=transparent; margin-top: 10px; float: right; background: #1982FC; width: 50%; border-radius: 12px 12px 0px 12px; text-align: justify; color: white; display: flex; text-transform: lowercase;]who says he will?[/border]

[border=transparent; margin-top: 10px; float: right; background: #1982FC; width: 50%; border-radius: 12px 12px 0px 12px; text-align: justify; color: white; display: flex; text-transform: lowercase;]i have my methods.[/border]

[/bg]
[comment]

--TXT start

[/comment]
[border=transparent; float: left; display: flex; height: 60px; width: 60px; background: url(https://i.pinimg.com/564x/b7/67/36/b767364b02ba9348298afbdf4313bda0.jpg); border-radius: 60px; border: 6px solid skyblue; background-size: cover; background-position: 50% 50%; margin-right: 15px;][/border]Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]something.[/border] at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]something.[/border] semper maximus. Pellentesque lobortis consectetur velit. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor.

[border=transparent; float: right; display: flex; height: 60px; width: 60px; background: url(https://i.pinimg.com/564x/f8/82/90/f882907c7d02237ed2196675f7476c1a.jpg); border-radius: 60px; border: 6px solid skyblue; background-size: cover; background-position: 50% 50%; margin-left: 15px;][/border]Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]something.[/border] mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]something.[/border] ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor.

[/border][/border][/border]
[/tab]

[tab=cca][border=0px; height: 300px; color: black;]
[border=0px; color: #e9e9ea; margin-top: -60px; margin-left: 250px;][fa]fa-caret-down fa-3x[/fa][/border][border=transparent; padding: 0; margin: auto; width: 350px; height: 280px; overflow: hidden; background-color: transparent;][border=transparent; padding: 0; width: 100%; height: 100%; overflow-y: scroll; padding-right: 100px; text-align: justify; font-size: 12px; line-height: 230%;][bg=transparent; height: 250px; font-size: 11px; line-height: 150%;][comment]

--MESSAGES start

[/comment][border=transparent; float: left; background: #d3d3db; width: 50%; border-radius: 12px 12px 12px 0px; text-align: justify; color: black; display: flex;]i've had enough of you. i've sacrificed my time & energy to help u and ur dumbfuck friends and this is how you fucking repay me? good luck finding another person to clean up ur messes i'm moving w my gf so go fuck yourself[/border]

[border=transparent; margin-top: 10px; float: left; background: #d3d3db; width: 50%; border-radius: 12px 12px 12px 0px; text-align: justify; color: black; display: flex;]dont even try to fw me. ive had you blacklisted from my house. go ahead and lose my number[/border]

[border=transparent; margin-top: 10px; float: right; background: #1982FC; width: 50%; border-radius: 12px 12px 0px 12px; text-align: justify; color: white; display: flex; text-transform: lowercase;]k lmao...wanna come over tho[/border]

[/bg]
[comment]

--TXT start

[/comment]
[border=transparent; float: left; display: flex; height: 60px; width: 60px; background: url(https://i.pinimg.com/564x/95/7e/f3/957ef3d7ec37adc956daf65babd92307.jpg); border-radius: 60px; border: 6px solid skyblue; background-size: cover; background-position: 50% 50%; margin-right: 15px;][/border]Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]something.[/border] at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]something.[/border] semper maximus. Pellentesque lobortis consectetur velit. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor.

[border=transparent; float: right; display: flex; height: 60px; width: 60px; background: url(https://i.pinimg.com/564x/f8/82/90/f882907c7d02237ed2196675f7476c1a.jpg); border-radius: 60px; border: 6px solid skyblue; background-size: cover; background-position: 50% 50%; margin-left: 15px;][/border]Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]something.[/border] mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]something.[/border] ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor.

[/border][/border][/border]
[/tab]

[/tabs][/border]
[/border]

ONE.
TWO.
THREE.
FOUR.


  • I jump the freeway median, I'm savage


    Cause my mode is that I'm meaner than the average


    Like my teacher taught me when I heard the crowd applaud


    I thought I was an atheist until I realized I'm a God




    Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum
    something.
    at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut
    something.
    semper maximus. Pellentesque lobortis consectetur velit. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor.

    Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque
    something.
    mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Aliquam vulputate, orci in blandit euismod,
    something.
    ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor.



 
Last edited:
interest check - revolution
i am craving a good grp but i don't have time to launch another one so here's a hint hint nudge nudge in the form of a freebie.

[border=transparent; background: url(https://i.pinimg.com/originals/11/85/cd/1185cdd013d36fe263744ceb4c9f1bd9.gif); max-height: 250px; max-width: 500px; background-size: cover; margin: auto;][border=transparent; font-family: Playfair Display; font-size: 2.5em; text-align: right; line-height: 100%; margin-top: 50px; color: white; font-weight: bold;]— THE BLOODLESS REVOLUTION [i]![/i]
[size=12px][font=DM Mono]high fantasy political intrigue.[/font][/size][/border][/border][border=transparent; margin-left: 0; margin: auto; width: 500px; height: 400px; overflow: hidden; background-color: #e9e9ea;][border=transparent; margin: auto; width: 95%; height: 95%; overflow-y: scroll; padding-right: 0px;][centerblock=95][comment]

--img here... CODE by LEVIATHAN.

[/comment][border=transparent; margin: auto; background: url(https://i.pinimg.com/originals/7b/1d/2f/7b1d2ffd5e559f9b32429f3198fa8e0d.gif); background-size: cover; width: 95%; height: 150px;][/border][comment]

-- 01 here

[/comment][border=transparent; background: linear-gradient(180deg, #d3d3d3 60px, #fff 60px); height: 330px; width: 95%; text-align: justify; margin: auto; color: #222; font-size: 12px; font-family: DM Mono;][border=transparent; font-size: 25px; text-transform: uppercase; margin-top: -10px;][font=Abril Fatface]01. introduction.[/font][/border][border=transparent; overflow-y: scroll; height: 250px;][centerblock=90]Fusce porttitor fermentum lectus, et dapibus est aliquet at.

Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.
[/centerblock][/border][/border]
[comment]

--img here

[/comment]
[border=transparent; margin: auto; background: url(https://i.pinimg.com/originals/7b/1d/2f/7b1d2ffd5e559f9b32429f3198fa8e0d.gif); background-size: cover; width: 95%; height: 150px;][/border][border=transparent; background: linear-gradient(180deg, #d3d3d3 60px, #fff 60px); height: 330px; width: 95%; text-align: justify; margin: auto; color: #222; font-size: 12px; font-family: DM Mono;][comment]

--02 here

[/comment][border=transparent; font-size: 25px; text-transform: uppercase; margin-top: -10px;][font=Abril Fatface]02. rules.[/font][/border][border=transparent; overflow-y: scroll; height: 250px;][centerblock=90][size=15px]RULE 01.[/size] Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus.

[size=15px]RULE 01.[/size] Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus.

[size=15px]RULE 01.[/size] Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus.

[size=15px]RULE 01.[/size] Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus.

[size=15px]RULE 01.[/size] Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus.

[size=15px]RULE 01.[/size] Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus.

[size=15px]RULE 01.[/size] Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus.
[/centerblock][/border][/border]
[comment]

--img here

[/comment]
[border=transparent; margin: auto; background: url(https://i.pinimg.com/originals/7b/1d/2f/7b1d2ffd5e559f9b32429f3198fa8e0d.gif); background-size: cover; width: 95%; height: 150px;][/border][comment]

--03 here

[/comment][border=transparent; background: linear-gradient(180deg, #d3d3d3 60px, #fff 60px); height: 330px; width: 95%; text-align: justify; margin: auto; color: #222; font-size: 12px; font-family: DM Mono;][border=transparent; font-size: 25px; text-transform: uppercase; margin-top: -10px;][font=Abril Fatface]03. roles.[/font][/border][border=transparent; overflow-y: scroll; height: 250px;][centerblock=90]Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus.

Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam.

Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.
[/centerblock][/border][/border]
[comment]

--img here

[/comment]
[border=transparent; margin: auto; background: url(https://i.pinimg.com/originals/7b/1d/2f/7b1d2ffd5e559f9b32429f3198fa8e0d.gif); background-size: cover; width: 95%; height: 150px;][/border][border=transparent; background: linear-gradient(180deg, #d3d3d3 60px, #fff 60px); height: 330px; width: 95%; text-align: justify; margin: auto; color: #222; font-size: 12px; font-family: DM Mono;][comment]

--04 here

[/comment][border=transparent; font-size: 25px; text-transform: uppercase; margin-top: -10px;][font=Abril Fatface]04. other.[/font][/border][border=transparent; overflow-y: scroll; height: 250px;][centerblock=90]Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut.

Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor.

Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.
[/centerblock][/border][/border][/centerblock][/border][/border]
[center][size=9px]code by @leviathan.[/size][/center]

— THE BLOODLESS REVOLUTION !
high fantasy political intrigue.
01. introduction.
Fusce porttitor fermentum lectus, et dapibus est aliquet at.

Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.


02. rules.
RULE 01. Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus.

RULE 01. Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus.

RULE 01. Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus.

RULE 01. Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus.

RULE 01. Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus.

RULE 01. Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus.

RULE 01. Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus.


03. roles.
Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus.

Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam.

Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.


04. other.
Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut.

Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor.

Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.
 
Last edited:
is there a way to make the character sheet - dark wider? he's a skinny boy and i need a phat one lol
 
is there a way to make the character sheet - dark wider? he's a skinny boy and i need a phat one lol
change the "width" variables to bigger numbers. there r 2
ok edit: sorry, 2am brain uhhhhhh main width variable at top + img width variable. cant miss it
 
Last edited:
character sheet - sakura
in honor of ccs being put on netflix.
[bg=#f0f0f0][border=0px; max-width: 480px; margin: auto; padding: 0; position: relative;][border=0px; background: linear-gradient(180deg, pink 10%, white 10%); padding: 0; width: 500px; margin: auto;][border=0px; position: absolute; top: 457px; bottom: 0; left: 0; right: 0; background: white; padding: 0; height: 10px; width: 500px;][/border][comment]

code by LEVIATHAN. basic coding literacy required.

[/comment]
[border=0px; opacity: 1; margin: auto; position: absolute; top: 0; bottom: 340px; left: 0; right: 0; background: white; height: 50px; width: 480px; z-index: 2; pointer-events: none;][color=pink][fa]fa-hashtag[/fa][/color][border=transparent; background: pink; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase; margin-left: 25px; border-radius: 5px;][fa]far fa-home[/fa][/border] [border=transparent; background: pink; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase; margin-left: 35px; border-radius: 5px;][font=DM Mono]basics[/font][/border] [border=transparent; background: pink; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase; margin-left: 30px; border-radius: 5px;][font=DM Mono]persona[/font][/border] [border=transparent; background: pink; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase; margin-left: 30px; border-radius: 5px;][font=DM Mono]visage[/font][/border] [border=transparent; background: pink; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase; margin-left: 25px; border-radius: 5px;][font=DM Mono]history[/font][/border]
[border=0px; margin-top: 17px; padding: 0; background: pink; height: 3px; width: 470px;][/border][/border]
[tabs]
[tab=x][border=0px; height: 300px; color: black;]
[border=0px; border: 10px solid pink; margin: auto; background: url(https://data.whicdn.com/images/90129733/original.gif); height: 200px; width: 200px; background-size: cover; background-position: 50% 50%;][/border]
[border=0px; color: transparent; text-align: center; -webkit-text-stroke: 1px pink; font-size: 23px; font-weight: bold; margin-top: -30px; font-family: Arial; letter-spacing: 2px;]木之本 桜.[/border]
[border=0px; color: pink; text-align: center; font-size: 20px; font-weight: bold; margin-top: -50px;][fa]fa-venus[/fa] • [fa]fa-heartbeat[/fa] • [fa]fa-venus-mars[/fa][/border]
[/border]
[/tab]

[tab=basics][border=0px; height: 300px; color: black;][row][column=span3][border=0px; background: url(https://66.media.tumblr.com/0ce3fddafbab319a29e3f82568823407/tumblr_nbm1t7ChUL1tvbb51o1_400.gifv); background-size: cover; height: 300px; background-position: 50% 50%; border: 5px solid pink;][/border][/column][column=span5][border=0px; color: white; text-align: justify; font-size: 12px; line-height: 250%;][scroll=300px][color=black][border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]name.[/border] sakura kinomoto
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]nicknames.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]age.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]birthdate.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]zodiac.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]gender.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]sexuality.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]role.[/border] info.[/color][/scroll][/border][/column][/row]
[/border]
[/tab]

[tab=psyche][border=0px; height: 300px; color: black;][row][column=span3][border=0px; background: url(https://31.media.tumblr.com/7a91f2fc0e9d128430415bb38af08931/tumblr_n3o7q2jiH51sn4iqoo1_500.gif); background-size: cover; height: 300px; background-position: 50% 50%; border: 5px solid pink;][/border][/column][column=span5][border=0px; color: white; text-align: justify; font-size: 12px; line-height: 250%;][scroll=300px][color=black][border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]vices.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]virtues.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]likes.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]dislikes.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]habits.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]one secret.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]happiest memory.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]mbti.[/border] info.[/color][/scroll][/border][/column][/row]
[/border]
[/tab]

[tab=face][border=0px; height: 300px; color: black;][row][column=span3][border=0px; background: url(https://media.giphy.com/media/8GBdLFupJq4cE/giphy.gif); background-size: cover; height: 300px; background-position: 50% 50%; border: 5px solid pink;][/border][/column][column=span5][border=0px; color: white; text-align: justify; font-size: 12px; line-height: 250%;][scroll=300px][color=black][border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]hair.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]eyes.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]build.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]features.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]markings.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]height.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]wardrobe.[/border] info.
[border=transparent; background: pink; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]faceclaim.[/border] info.[/color][/scroll][/border][/column][/row]
[/border]
[/tab]

[tab=histo][border=0px; height: 300px; color: black;][row][column=span3][border=0px; background: url(https://data.whicdn.com/images/303468793/original.gif); background-size: cover; height: 300px; background-position: 50% 50%; border: 5px solid pink;][/border][/column][column=span5][border=0px; color: white; text-align: justify; font-size: 12px; line-height: 180%;][scroll=300px][color=black][centerblock=98]Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut.

Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.

Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.

Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.[/centerblock][/color][/scroll][/border][/column][/row]
[/border]
[/tab]
[/tabs]
[/border][/border][/bg]


basics
persona
visage
history




  • 木之本 桜.




 
Last edited:
character sheet - yue
in honor of ccs being put on netflix.

[bg=transparent][border=0px; max-width: 480px; margin: auto; padding: 0; position: relative;][border=0px; background: linear-gradient(180deg, skyblue 10%, #222 10%); padding: 0; width: 500px; margin: auto;][border=0px; position: absolute; top: 457px; bottom: 0; left: 0; right: 0; background: #222; padding: 0; height: 10px; width: 500px;][/border][comment]

code by LEVIATHAN. basic coding literacy required.

[/comment]
[border=0px; opacity: 1; margin: auto; position: absolute; top: 0; bottom: 340px; left: 0; right: 0; background: #222; height: 50px; width: 480px; z-index: 2; pointer-events: none;][color=skyblue][fa]fa-hashtag[/fa][/color][border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase; margin-left: 25px; border-radius: 5px;][fa]far fa-home[/fa][/border] [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase; margin-left: 35px; border-radius: 5px;][font=DM Mono]basics[/font][/border] [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase; margin-left: 30px; border-radius: 5px;][font=DM Mono]persona[/font][/border] [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase; margin-left: 30px; border-radius: 5px;][font=DM Mono]visage[/font][/border] [border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase; margin-left: 25px; border-radius: 5px;][font=DM Mono]history[/font][/border]
[border=0px; margin-top: 17px; padding: 0; background: skyblue; height: 3px; width: 470px;][/border][/border]
[tabs]
[tab=x][border=0px; height: 300px; color: white;]
[border=0px; border: 10px solid skyblue; margin: auto; background: url(https://33.media.tumblr.com/bf2303e118bc5c27098bcbaa004d8e67/tumblr_nbn09a8Jwu1r7w0kxo1_500.gif); height: 200px; width: 200px; background-size: cover; background-position: 50% 50%;][/border]
[border=0px; color: transparent; text-align: center; -webkit-text-stroke: 1px skyblue; font-size: 23px; font-weight: bold; margin-top: -30px; font-family: Arial; letter-spacing: 2px;]月.[/border]
[border=0px; color: skyblue; text-align: center; font-size: 18px; font-weight: bold; margin-top: -50px;][fa]fa-mars[/fa] • [fa]far fa-moon[/fa] • [fa]fa-mars-double[/fa][/border]
[/border]
[/tab]

[tab=basics][border=0px; height: 300px; color: white;][row][column=span3][border=0px; background: url(https://66.media.tumblr.com/954d346cc7d107de24622e234539923c/018d01a338dbe948-64/s540x810/35d85cfb09375fb50a462fbf4ee7c50331ff545e.gifv); background-size: cover; height: 300px; background-position: 40% 50%; border: 5px solid skyblue;][/border][/column][column=span5][border=0px; color: #222; text-align: justify; font-size: 12px; line-height: 250%;][scroll=300px][color=white][border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]name.[/border] yukito tsukishiro
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]nicknames.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]age.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]birthdate.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]zodiac.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]gender.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]sexuality.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]role.[/border] info.[/color][/scroll][/border][/column][/row]
[/border]
[/tab]

[tab=psyche][border=0px; height: 300px; color: white;][row][column=span3][border=0px; background: url(https://data.whicdn.com/images/297761246/original.gif); background-size: cover; height: 300px; background-position: 50% 50%; border: 5px solid skyblue;][/border][/column][column=span5][border=0px; color: #222; text-align: justify; font-size: 12px; line-height: 250%;][scroll=300px][color=white][border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]vices.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]virtues.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]likes.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]dislikes.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]habits.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]one secret.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]happiest memory.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]mbti.[/border] info.[/color][/scroll][/border][/column][/row]
[/border]
[/tab]

[tab=face][border=0px; height: 300px; color: white;][row][column=span3][border=0px; background: url(https://data.whicdn.com/images/143477847/original.gif); background-size: cover; height: 300px; background-position: 80% 0%; border: 5px solid skyblue;][/border][/column][column=span5][border=0px; color: #222; text-align: justify; font-size: 12px; line-height: 250%;][scroll=300px][color=white][border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]hair.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]eyes.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]build.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]features.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]markings.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]height.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]wardrobe.[/border] info.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: #222; font-weight: bold; text-transform: uppercase;]faceclaim.[/border] info.[/color][/scroll][/border][/column][/row]
[/border]
[/tab]

[tab=histo][border=0px; height: 300px; color: white;][row][column=span3][border=0px; background: url(https://66.media.tumblr.com/b324230484cc29172d85c17312500386/tumblr_p2693rD7hJ1ql2sjoo3_250.gifv); background-size: cover; height: 300px; background-position: 50% 50%; border: 5px solid skyblue;][/border][/column][column=span5][border=0px; color: #222; text-align: justify; font-size: 12px; line-height: 180%;][scroll=300px][color=white][centerblock=98]Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut.

Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.

Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.

Fusce porttitor fermentum lectus, et dapibus est aliquet at. Duis nec molestie ex. Interdum et malesuada fames ac ante ipsum primis in faucibusLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit.[/centerblock][/color][/scroll][/border][/column][/row]
[/border]
[/tab]
[/tabs]
[/border][/border][/bg]


basics
persona
visage
history




  • 月.




 
Last edited:
I'm stanning the cardcaptors D:! yall lucky to get it on Netflix ughh stupid Netflix Australia.
keep up the amazing work my dude!
 
flash requests
hey guys!
it's that time of year again.........hehe!! done with most of my school, interesting rps are popping up, and with the world going batshit, i wanna take my mind off it for a little with some leisure coding :v

3 slots for 3 different people, one code each only!

FORM:
WHAT KIND? (ic, interest check, placeholder, cs)
COLORS? (hex codes preferable)
SIZE? (tiny or big)
AESTHETIC? (cyberpunk, fantasy, etc.)

aaaaand that's it.

here's some rules.
1) all codes made will also be released for freebies! since, y'know, i'm doing them for free pfft.
2) i code when i have the time. feel free to ask for an update if i'm taking too long, though.
3) requests will only be open for 3 days or until slots are filled , after that, it's back to your regular programming!
 
psst if we've requested before, can we request again 👀
if not that's totally cool!
 
Ahhhh I love your stuff!! Might as well throw in my suggestion! Hope that’s alright <3

kind. CS
size. Small/medium
colors. White, #70B7FF, #FFC8FC
aesthetic. Creepy cute / love sick / “menhera”
 
yay thank you!! your codes are amazing, i just could not resist c;

WHAT KIND: group interest check !
COLORS: #4b3832, #854442, #fff4e6, #3c2f2f, #be9b7b. this color palette totally isn't concrete, you can change it however you see fit, but hopefully it's something good to go off !
SIZE: medium/slightly large. enough for both readable text and images i suppose. if possible, could it be multi-tabbed, or have separate text boxes for each matter (such as intro, rules, info, etc!)
AESTHETIC: dark academia, minimalist and clean, (or possibly similar to a school file? that might be a stretch tho, pls do whatever strikes ur inspo)
 
character sheet - hard pill to swallow
request for kikuQ kikuQ .

[comment]

code by LEVIATHAN.

colors #FFC8FC, skyblue, pink, #ed74c7, #70B7FF

[/comment][border=0px; height: 400px; width: 630px; background: transparent; margin: auto; padding: 0; position: relative;][comment]

--quote 1 below

[/comment][border=transparent; padding: 0; font-size: 35px; float: left; font-family: 'Abril Fatface'; color: white; text-shadow: 3px 3px #70B7FF, 5px 5px #ed74c7; text-transform: uppercase; margin-top: -10px;]—you are my[/border][comment]

--pic below. fuck with 'background-position' if your image is showing up wonky.

[/comment][border=transparent; background: linear-gradient(-90deg, #FFC8FC 50%, rgba(0, 0, 0, 0) 50%), url('https://i.pinimg.com/564x/cd/d7/a6/cdd7a6868809390c4d47d6fd3d195a03.jpg'); margin: auto; height: 320px; width: 600px; background-size: contain; background-position: 120% 90%; border-radius: 150px;][border=transparent; color: black; position: absolute; top: 40px; left: 350px; width: 200px; height: 250px; overflow: hidden; background-color: transparent; padding: 0;][border=transparent; width: 110%; height: 100%; overflow-y: scroll; padding: 0; text-align: justify; font-size: 12px; line-height: 230%;][border=0px; border-radius: 10px; width: 88%; background: rgba(255, 255, 255, 0.4);][comment]

--txt below. white bg flexes the more you add, dw about it.

[/comment][font=DM Mono][size=20px]—BASICS.[/size][/font]
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]info.[/border] here.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]info.[/border] here.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]info.[/border] here.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]info.[/border] here.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]info.[/border] here.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]info.[/border] here.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]info.[/border] here.[/border]

[border=0px; border-radius: 10px; width: 88%; background: rgba(255, 255, 255, 0.4);][font=DM Mono][size=20px]—PERSONA.[/size][/font]
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]info.[/border] here.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]info.[/border] here.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]info.[/border] here.
[border=transparent; background: skyblue; width: 100px; height: 1px; font-size: 13px; display: inline; padding: 3px; color: white; font-weight: bold; text-transform: uppercase;]info.[/border] here.[/border]

[border=0px; border-radius: 10px; width: 88%; background: rgba(255, 255, 255, 0.4);][font=DM Mono][size=20px]—BACKSTORY.[/size][/font]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa libero et mauris.
[/border][/border][/border][/border][comment]

--quote 2 below

[/comment][border=transparent; padding: 0; font-size: 35px; float: right; font-family: 'Abril Fatface'; color: white; text-shadow: 3px 3px #70B7FF, 5px 5px #ed74c7; text-transform: uppercase; margin-top: -50px;]—sugar pill [fa]far fa-heart[/fa] [i]![/i][/border][/border]

—you are my
—BASICS.
info.
here.
info.
here.
info.
here.
info.
here.
info.
here.
info.
here.
info.
here.


—PERSONA.
info.
here.
info.
here.
info.
here.
info.
here.


—BACKSTORY.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sit amet nisi dolor. Vivamus hendrerit ut risus semper maximus. Pellentesque lobortis consectetur velit, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. Aliquam vulputate, orci in blandit euismod, ex mi scelerisque ligula, nec mollis ligula enim vel quam. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa libero et mauris.
—sugar pill !
 
if you have any more slots open :3

WHAT KIND? ic post (preferably with a gif or two)
COLORS? either lighter shades of purple like #A9A9F5, or another option is some emerald green like #0B6121 and gold. which ever works best with the aesthetic!
SIZE? medium sized
AESTHETIC? galaxy, space, for an alien warrior princess for a DC roleplay
 

Users who are viewing this thread

Back
Top