Resource coding without bbcode+ // a workshop

[leviathan.]

interest check - opacity​

Spoiler: code here

[comment]

BACKGROUND HERE vvvv

[/comment][bg=transparent; background: url('https://i.pinimg.com/originals/a8/57/e3/a857e327da1d450e2183eb112906edd1.gif'); opacity: 0.8; border: 5px solid #6a97a1; background-size: cover; margin: auto; height: 450px; max-width: 400px; background-position: 50% 50%;][bg=transparent; opacity: 0.8; background: #fff; color: #fff; border: 1px solid #fff; font-family: Arial;][scroll=290px][comment]

IMAGE HERE vvvv

[/comment][bg=transparent; opacity: 1; color: #000;][justify][bg=transparent; opacity: 2; background: url('https://45.media.tumblr.com/f55181d0fb1ea3dfe5c8fee47c96433f/tumblr_o0eoyfIFaB1upe1ufo1_500.gif'); border: 5px solid #6a97a1; background-size: cover; margin: auto; height: 150px; background-position: 50% 50%;][/bg][comment]

TEXT HERE vvvv

[/comment]
[b]hello![/b]  please put a little introduction here.  please don't have it exceed more than a few lines.  just a quick, short biography will fit nicely here.

 Etiam eleifend nec nunc at hendrerit. Aenean dignissim, velit id maximus lacinia, ligula metus venenatis velit, ac elementum dolor ligula ut nisi. Aliquam ac sollicitudin sapien, in ullamcorper leo. Duis in mauris et massa aliquet blandit et non arcu. Curabitur nec est consequat, bibendum nunc quis, ornare diam. Duis rhoncus nibh ac odio vulputate, in imperdiet lorem aliquam. Mauris lobortis, leo sed fermentum condimentum, ipsum diam accumsan magna, nec porta justo ligula in leo. Etiam in ultrices ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum malesuada tempus. Nunc egestas ultricies nisi, vel mattis neque rutrum et. Sed id varius nulla. Vestibulum faucibus arcu ac risus dictum tincidunt nec cursus magna. Etiam eleifend nec nunc at hendrerit. Aenean dignissim, velit id maximus lacinia, ligula metus venenatis velit, ac elementum dolor ligula ut nisi. Aliquam ac sollicitudin sapien, in ullamcorper leo. Duis in mauris et massa aliquet blandit et non arcu. Curabitur nec est consequat, bibendum nunc quis, ornare diam. Duis rhoncus nibh ac odio vulputate, in imperdiet lorem aliquam. Mauris lobortis, leo sed fermentum condimentum, ipsum diam accumsan magna, nec porta justo ligula in leo. Etiam in ultrices ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum malesuada tempus. Nunc egestas ultricies nisi, vel mattis neque rutrum et. Sed id varius nulla. Vestibulum faucibus arcu ac risus dictum tincidunt nec cursus magna. Etiam eleifend nec nunc at hendrerit. Aenean dignissim, velit id maximus lacinia, ligula metus venenatis velit, ac elementum dolor ligula ut nisi. Aliquam ac sollicitudin sapien, in ullamcorper leo. Duis in mauris et massa aliquet blandit et non arcu. Curabitur nec est consequat, bibendum nunc quis, ornare diam. Duis rhoncus nibh ac odio vulputate, in imperdiet lorem aliquam. Mauris lobortis, leo sed fermentum condimentum, ipsum diam accumsan magna, nec porta justo ligula in leo. Etiam in ultrices ante.
[/justify][/bg][/scroll][/bg]

[bg=transparent; font-size: 50px; color: #000; padding: 5px; text-align: left; text-shadow: 1px 1px 1px #000;][bg=transparent; margin: auto; max-width: 850px; background: #6a97a1; line-height: 40px;][color=#fff][font=Manrope][b]1x1 search.[/b][/font][/color][/bg][/bg][/bg]

hello! please put a little introduction here. please don't have it exceed more than a few lines. just a quick, short biography will fit nicely here.

Etiam eleifend nec nunc at hendrerit. Aenean dignissim, velit id maximus lacinia, ligula metus venenatis velit, ac elementum dolor ligula ut nisi. Aliquam ac sollicitudin sapien, in ullamcorper leo. Duis in mauris et massa aliquet blandit et non arcu. Curabitur nec est consequat, bibendum nunc quis, ornare diam. Duis rhoncus nibh ac odio vulputate, in imperdiet lorem aliquam. Mauris lobortis, leo sed fermentum condimentum, ipsum diam accumsan magna, nec porta justo ligula in leo. Etiam in ultrices ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum malesuada tempus. Nunc egestas ultricies nisi, vel mattis neque rutrum et. Sed id varius nulla. Vestibulum faucibus arcu ac risus dictum tincidunt nec cursus magna. Etiam eleifend nec nunc at hendrerit. Aenean dignissim, velit id maximus lacinia, ligula metus venenatis velit, ac elementum dolor ligula ut nisi. Aliquam ac sollicitudin sapien, in ullamcorper leo. Duis in mauris et massa aliquet blandit et non arcu. Curabitur nec est consequat, bibendum nunc quis, ornare diam. Duis rhoncus nibh ac odio vulputate, in imperdiet lorem aliquam. Mauris lobortis, leo sed fermentum condimentum, ipsum diam accumsan magna, nec porta justo ligula in leo. Etiam in ultrices ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum malesuada tempus. Nunc egestas ultricies nisi, vel mattis neque rutrum et. Sed id varius nulla. Vestibulum faucibus arcu ac risus dictum tincidunt nec cursus magna. Etiam eleifend nec nunc at hendrerit. Aenean dignissim, velit id maximus lacinia, ligula metus venenatis velit, ac elementum dolor ligula ut nisi. Aliquam ac sollicitudin sapien, in ullamcorper leo. Duis in mauris et massa aliquet blandit et non arcu. Curabitur nec est consequat, bibendum nunc quis, ornare diam. Duis rhoncus nibh ac odio vulputate, in imperdiet lorem aliquam. Mauris lobortis, leo sed fermentum condimentum, ipsum diam accumsan magna, nec porta justo ligula in leo. Etiam in ultrices ante.

1x1 search.

— BACK.

 

[leviathan.]

interest check - sticky​

Spoiler: code here

[border=transparent; margin: auto; max-width: 900px; font-family: Times New Roman; font-size: 35px; text-transform: uppercase; text-align: left;][b][i]❝ roleplay title. ❞[/i][/b][i][/i][/border][comment]leviathan.[/comment][bg=transparent; margin: auto; max-width: 900px; background: url('https://45.media.tumblr.com/5c09223ff89ada34ef99f7c3347b2c13/tumblr_o1s26tTEVM1u7gnm9o1_500.gif'); background-size: cover;][border=5px solid #8f8f8f; margin: auto; max-width: 350px; height: 480px; overflow: hidden; background-color: #222;][border=transparent; width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px; text-align: justify; font-size: 12px; font-family; Arial;][color=#fff][border=transparent; position: sticky; top: 0; background: #333; text-align: center; font-family; Manrope;][color=#fff]introduction.[/color][/border]
[centerblock=95][border=5px solid #8f8f8f; height: 150px; background: url('https://i.pinimg.com/originals/04/7c/df/047cdf2185cd92e3830c8ab284ce6691.jpg'); background-size: cover; background-position: 50% 50%;][/border][/centerblock]
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.

[border=transparent; position: sticky; top: 0; background: #333; text-align: center; font-family; Manrope;][color=#fff]premise.[/color][/border]
Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa libero et mauris. 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.

[border=transparent; position: sticky; top: 0; background: #333; text-align: center; font-family; Manrope;][color=#fff]rules.[/color][/border]
[font=times new roman][size=7][B][I]RULE.[/I][/b][/size][/font]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. 

[font=times new roman][size=7][B][I]RULE.[/I][/b][/size][/font]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. 

[font=times new roman][size=7][B][I]RULE.[/I][/b][/size][/font]Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa. 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=transparent; position: sticky; top: 0; background: #333; text-align: center; font-family; Manrope;][color=#fff]dramatis personae.[/color][/border]
[font=times new roman][size=7][B][I]ROLE.[/I][/b][/size][/font]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, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut. 

[font=times new roman][size=7][B][I]ROLE.[/I][/b][/size][/font]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. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor. 

[font=times new roman][size=7][B][I]ROLE.[/I][/b][/size][/font]Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa libero et mauris.

[/color][/border]
[/border][/bg][border=transparent; margin: auto; max-width: 900px; font-family: Times New Roman; font-size: 35px; text-transform: uppercase; text-align: right;][b][i]— something here.[/i][/b][i][/i][/border]

❝ roleplay title. ❞

introduction.

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.

premise.

Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa libero et mauris. 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.

rules.

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

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

RULE.Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa. 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.

dramatis personae.

ROLE.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, in pretium arcu hendrerit in. Ut rhoncus ipsum metus, auctor pulvinar erat hendrerit ut.

ROLE.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. Quisque mollis est ac nibh consectetur, sit amet hendrerit purus porttitor.

ROLE.Vestibulum bibendum libero at est ullamcorper cursus. Praesent maximus, magna et tincidunt mollis, sem arcu fermentum nulla, sit amet ultrices massa libero et mauris.

— something here.

— BACK.

 

[coeur]

ok i just really need to say you keep releasing banger after banger
you are so insanely talented and make some of the most beautiful codes which is a huge inspiration after the news about bbcode+ leaving
thank you for sharing these with us, i'm so grateful for ur time and talent
i am 100% stalking this thread​

 

[neon reverie]

all these codes are godsent omg
thank you so much for providing us with these amazing codes that can be done with normal bb-code ;u;
i am sure you are becoming a huge inspiration for non-coders and coders alike to try and see what can be created without bb-code +

 

[leviathan.]

coeur neon reverie thank you guys, and everyone who's reacted/tagged/used/replied to my codes so far !! it really means a lot to me that y'all are enjoying & using the stuff i put out :3 that rush of validation when ppl compliment me or use my codes is

y'all are the reason why i run this workshop!!! thats all thanks for coming to my ted talk!!

 

[low fidelity]

wowza these are so damn gorg!!!
quick question: would it be alright to use the multi-tab code from the very first post as a character sheet code? if not, it's totally cool c:

 

[leviathan.]

low fidelity thank you! yeah, go for it, idm, thanks for asking first

 

[Creza11]

I just need to say that I’m suuuuuper excited that I came across this thread. I think it’s saved my life (:

 

[timshel]

holy shit dude these r tight

 

[leviathan.]

in character - phone

Spoiler: code here

[bg=transparent; position: relative; margin: auto; background: #c4c4c4; box-sizing: border-box; height: 750px; width: 1200px;][border=5px solid #999; z-index: 3; border-radius: 50px; background: #222; height: 20px; width: 20px; background-size: contain; margin: auto; position: absolute; right: 100px; left: 100px; bottom: 100px; top: 665px;][/border][border=transparent; z-index: 2; border-radius: 25px; background: #1982FC; height: 100px; width: 290px; position: absolute; top: 30px; right: 140px; color: #fff; font-family: Helvetica;][comment]

---text message 1 below

[/comment][border=transparent; margin: auto; width: 280px; height: 95px; box-sizing: border-box; overflow: hidden; background: transparent;][border=transparent; width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px;][b]location.[/b] this has hidden scroll.
[b]interactions.[/b] info.
[b]mood.[/b] info.
[b]outfit.[/b] info.
[b]tags.[/b] info.[/border][/border][/border][border=transparent; z-index: 2; border-radius: 25px; background: #e5e5ea; height: 100px; width: 290px; position: absolute; bottom: 90px; left: 120px; color: #000; font-family: Helvetica;][comment]

---text message 2 below

[/comment][border=transparent; margin: auto; width: 280px; height: 95px; box-sizing: border-box; overflow: hidden; background: transparent;][border=transparent; width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px;][b]name.[/b] juno steel.
[b]role.[/b] the detective
[b]player.[/b] info.[/border][/border][/border][border=20px solid #222; z-index: 1; position: absolute; right: 0; left: 0; bottom: 0; top: 0; border-radius: 25px; margin: auto; max-width: 350px; height: 500px; overflow: hidden; background-color: #222; border-bottom: 70px solid #222; border-top: 50px solid #222;][border=transparent; z-index: 2; position: absolute; top: 14px; right: 680px; border-bottom: 6px solid #111; width: 1px;][/border][border=transparent; z-index: 2; position: absolute; top: 14px; left: 580px; border-bottom: 6px solid #111; width: 80px;][/border][border=transparent; height: 500px; width: 460px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-image: url('https://i.pinimg.com/564x/6f/86/68/6f86682622d812ad1f4dfb1b99923e85.jpg'); background-position: 50% 50%; background-size: cover; opacity: 0.9;][border=transparent; height: 500px; width: 330px; background-color: transparent; position: absolute; overflow-y: scroll; padding-right: 85px; text-align: justify; font-family: Arial; color: #fff;][comment]

---change the time & date below

[/comment][border=transparent; position: relative; background-color: transparent; height: 500px; width: 300px; font-family: Avenir; font-size: 75px; line-height: 195%; color: #fff; text-align: center;]10:24[border=transparent; background-color: transparent; font-family: Avenir; font-size: 20px; color: #fff; text-align: center; line-height: 85%; position: absolute; bottom: 365px; left: 82px;]Tuesday, May 12[/border][/border][comment]

---text below

[/comment][centerblock=100]Hubris (/ˈhjuːbrɪs/, from ancient Greek ὕβρις) describes a personality quality of extreme or foolish pride or dangerous overconfidence,[1] often in combination with (or synonymous with) arrogance.[2] In its ancient Greek context, it typically describes behavior that defies the norms of behavior or challenges the gods which, in turn, brings about the downfall of the perpetrator of hubris. The adjectival form of the noun hubris is "hubristic".

Arrogance, comes from the Latin adrogare, certain attitudes are required supposedly as the right to be applied to other people. The pretension and other terminologies may be associated, although they are not synonymous.[3] Being related according to studies, with the need for victory (even if it doesn't always mean winning) instead of reconciliation made by "friendly" groups.[4]

Hubris is usually perceived as a characteristic of an individual rather than a group, although the group the offender belongs to may suffer collateral consequences from the wrongful act. Hubris often indicates a loss of contact with reality and an overestimation of one's own competence, accomplishments or capabilities.Hubris (/ˈhjuːbrɪs/, from ancient Greek ὕβρις) describes a personality quality of extreme or foolish pride or dangerous overconfidence,[1] often in combination with (or synonymous with) arrogance.[2] In its ancient Greek context, it typically describes behavior that defies the norms of behavior or challenges the gods which, in turn, brings about the downfall of the perpetrator of hubris. The adjectival form of the noun hubris is "hubristic".

Arrogance, comes from the Latin adrogare, certain attitudes are required supposedly as the right to be applied to other people. The pretension and other terminologies may be associated, although they are not synonymous.[3] Being related according to studies, with the need for victory (even if it doesn't always mean winning) instead of reconciliation made by "friendly" groups.[4]

Hubris is usually perceived as a characteristic of an individual rather than a group, although the group the offender belongs to may suffer collateral consequences from the wrongful act. Hubris often indicates a loss of contact with reality and an overestimation of one's own competence, accomplishments or capabilities.[/centerblock][/border][/border][/border][/bg]

location. this has hidden scroll.
interactions. info.
mood. info.
outfit. info.
tags. info.

name. juno steel.
role. the detective
player. info.

10:24

Tuesday, May 12

Hubris (/ˈhjuːbrɪs/, from ancient Greek ὕβρις) describes a personality quality of extreme or foolish pride or dangerous overconfidence,[1] often in combination with (or synonymous with) arrogance.[2] In its ancient Greek context, it typically describes behavior that defies the norms of behavior or challenges the gods which, in turn, brings about the downfall of the perpetrator of hubris. The adjectival form of the noun hubris is "hubristic".

Arrogance, comes from the Latin adrogare, certain attitudes are required supposedly as the right to be applied to other people. The pretension and other terminologies may be associated, although they are not synonymous.[3] Being related according to studies, with the need for victory (even if it doesn't always mean winning) instead of reconciliation made by "friendly" groups.[4]

Hubris is usually perceived as a characteristic of an individual rather than a group, although the group the offender belongs to may suffer collateral consequences from the wrongful act. Hubris often indicates a loss of contact with reality and an overestimation of one's own competence, accomplishments or capabilities.Hubris (/ˈhjuːbrɪs/, from ancient Greek ὕβρις) describes a personality quality of extreme or foolish pride or dangerous overconfidence,[1] often in combination with (or synonymous with) arrogance.[2] In its ancient Greek context, it typically describes behavior that defies the norms of behavior or challenges the gods which, in turn, brings about the downfall of the perpetrator of hubris. The adjectival form of the noun hubris is "hubristic".

Arrogance, comes from the Latin adrogare, certain attitudes are required supposedly as the right to be applied to other people. The pretension and other terminologies may be associated, although they are not synonymous.[3] Being related according to studies, with the need for victory (even if it doesn't always mean winning) instead of reconciliation made by "friendly" groups.[4]

Hubris is usually perceived as a characteristic of an individual rather than a group, although the group the offender belongs to may suffer collateral consequences from the wrongful act. Hubris often indicates a loss of contact with reality and an overestimation of one's own competence, accomplishments or capabilities.

— BACK.

 

[low fidelity]

YOOO THIS SLAPS

 

[leviathan.]

hehe

them

thank yew lmao

me

it was inspired by this default code

them

we need more text message codes on here. will possibly make a cs based on this.

 

[leviathan.]

character sheet - slant

hello! i haven't been feeling all that great this week, especially today and i know some of you are right there with me. which is finally why i got off my ass and made a cs (what, gasp!) for y'all to use !!! hell yeah !!! enjoy!

Spoiler: code here

[bg=transparent; margin: auto; max-width: 600px;][bg=transparent; font-size: 50px; text-align: left; margin: auto; margin-bottom: -40px; text-shadow: 5px 5px #c4f5ff; color: black; font-weight: bold; font-family: Palatino;]character name.[/bg][bg=transparent; background: #c4f5ff; padding-top: 30px; padding-bottom: 30px; max-width: 700px; margin: auto;][border=transparent; border-radius: 25px; background: linear-gradient(80deg, #fff 50%, rgba(0, 0, 0, 0) 50%), url('https://i.pinimg.com/564x/72/a9/9a/72a99a9e1231ef415cbd31b64572ce1c.jpg'); background-size: contain; width: 500px; height: 400px; margin: auto; background-position: 100% 100%;][border=transparent; margin: auto; max-width: 200px; height: 370px; overflow: hidden; background-color: transparent; float: left;][border=transparent; width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px; text-align: justify; font-size: 13px; font-family; Arial; color: black;][centerblock=90][b]—requisite[/b]
name:
alias:
nicknames:
age:
gender:
birthdate:
hometown:
sexuality:
affiliation:
occupation:

[b]—psyche[/b]
alignment:
ideals/principles:
virtues: [b](3+ with desc.)[/b]
vices: [b](3+ with desc.)[/b]
habits:
fears:
hopes:
one secret:
fatal flaw:

[b]—visage[/b]
height:
hair:
eyes:
dist. features:
build:
scent:

[b]—abilities[/b]
overview:
weaknesses: [b](3+ with desc.)[/b]
strengths:

[b]—history[/b]
backstory:
relationships:
theme: [b](optional.)[/b]
[/centerblock][/border][/border][comment]leviathan.[/comment][/border][/bg][/bg]

character name.

—requisite
name:
alias:
nicknames:
age:
gender:
birthdate:
hometown:
sexuality:
affiliation:
occupation:

—psyche
alignment:
ideals/principles:
virtues: (3+ with desc.)
vices: (3+ with desc.)
habits:
fears:
hopes:
one secret:
fatal flaw:

—visage
height:
hair:
eyes:
dist. features:
build:
scent:

—abilities
overview:
weaknesses: (3+ with desc.)
strengths:

—history
backstory:
relationships:
theme: (optional.)

— BACK.

 

[leviathan.]

in-character - arrow

ok ok! after making like a gazillion codes, i've finally think i'm getting ok at this! first code that i added my (visible) credit to! enjoooy.

Spoiler: code here

[border=transparent; background: linear-gradient(110deg, rgb(209, 119, 154) 23%, #e9e9ea 23%); margin: auto; max-width: 450px; border-radius: 15px; height: 570px;][bg=transparent; border-radius: 15px; margin: auto; max-width: 500px; background: url(https://i.pinimg.com/564x/71/30/fa/7130fae0e651b753b7661cd046aabed7.jpg); background-size: cover; height: 250px; background-position: 90% 50%;][/bg][comment]

--name here

[/comment][bg=transparent; text-shadow: 3px 1px #d1779a; text-align: right; font-size: 25px; font-family: DM Mono; margin-top: -50px; color: white; padding-right: 25px;][I][B][ CHARACTER NAME. ][/b][/i][/bg][comment]

--tags here

[/comment][border=transparent; margin: auto; width: 400px; height: 230px; overflow: hidden; background-color: transparent;][border=transparent; width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px; text-align: justify; font-size: 13px; font-family: Arial; color: black;][border=transparent; margin: auto; background: transparent; width: 400; height: 220px;][border=transparent; background: #f7f7f7; border-radius: 20px;][centerblock=50][center][b]mentions.[/b] here.
[b]interactions.[/b] here.
[b]tags.[/b] here.
[b]mood.[/b] here.
[b]location.[/b] here.
[b]outfit.[/b] here.

[border=transparent; background: #d1779a; margin: auto; height: 25px; width: 25px; border-radius: 30px; color: white; text-align: center;][fa]fa-arrow-down fa-2x[/fa][/border][/center][/centerblock][/border][/border][comment]

--text here

[/comment]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc elementum sed enim eget commodo. Vivamus ut facilisis lectus. Aliquam dictum euismod odio, vel imperdiet sem tincidunt sit amet. Nam euismod eu nibh sed pellentesque. Curabitur ac velit justo. Mauris non libero felis. Praesent eu tempor arcu, sit amet tristique libero.

Sed sed metus condimentum, faucibus orci vel, fringilla metus. Phasellus porta rutrum sagittis. Mauris libero dui, congue ac pharetra eget, accumsan ac felis. Vivamus laoreet at neque et tristique. Aliquam ac venenatis nisl, et tincidunt lacus. Duis at nisi ut ante volutpat venenatis at in erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque accumsan metus cursus urna blandit tempus. Mauris hendrerit vitae diam quis facilisis. Pellentesque ac nibh id ex volutpat mollis in ut dui. Aliquam condimentum tincidunt dui, nec molestie dui vulputate vel. Suspendisse varius in tortor vitae tempor. Proin sit amet ante imperdiet, aliquam dui et, suscipit ante. Fusce dignissim nulla vitae sapien auctor, a ultricies lacus malesuada. Aliquam ut ante eu mauris viverra porttitor. Sed at turpis eu ex interdum mattis.

Maecenas accumsan nunc ut lectus tincidunt, quis congue neque tincidunt. Proin efficitur maximus ligula, ac auctor felis gravida a. Morbi a varius quam, ac rutrum erat. Donec varius nisi ut arcu porta, in tincidunt ex dictum. Sed lacus arcu, semper eu eros eu, sagittis feugiat enim. Vestibulum vitae tellus in magna aliquet cursus. Sed pellentesque malesuada purus, eget bibendum justo gravida ac. Ut in aliquet velit, nec gravida neque. Integer vitae consectetur magna. Duis scelerisque maximus interdum. Integer placerat aliquet consectetur. Curabitur urna ante, blandit at mollis ac, tristique at eros. Proin malesuada scelerisque ex sed finibus.

Phasellus vitae lectus turpis. Nam in dignissim eros, in convallis diam. Cras vulputate urna non felis venenatis dignissim. Donec vestibulum eleifend eros, eget posuere odio. Mauris vel imperdiet ante. Mauris pellentesque auctor dapibus. Integer at ligula nec erat maximus bibendum. Praesent faucibus nunc tellus, in egestas lorem vulputate vitae. Proin sapien nunc, dictum vitae dui rutrum, finibus ultrices neque. Fusce varius metus magna, in varius nulla eleifend sit amet. Nulla rhoncus euismod condimentum. Sed id quam dictum, pulvinar turpis eu, ultrices nisi.

Fusce sit amet risus rutrum, lobortis tellus id, viverra sapien. Mauris suscipit mi vitae metus maximus, ut imperdiet urna commodo. Suspendisse ut pharetra risus, sed fermentum risus. Donec feugiat, velit sed mattis commodo, mi arcu sodales lorem, sit amet efficitur tortor turpis non turpis. Nullam bibendum volutpat euismod. Nulla sit amet sapien at tortor suscipit dapibus eu quis felis. Phasellus faucibus, libero ac scelerisque bibendum, dolor lectus aliquet ante, eu volutpat urna nisi sit amet justo. Nulla sed ultrices nunc. Nulla faucibus nulla ut velit volutpat, nec viverra erat aliquet. Praesent leo lectus, interdum vitae metus non, congue malesuada nisl. Nunc a vulputate risus. Nunc scelerisque erat aliquet mauris dignissim finibus. Donec accumsan fermentum hendrerit. [/border][/border][/border][size=9px][center]
by [USER=75224]@leviathan.[/USER][/center][/size]

[ CHARACTER NAME. ]

mentions. here.
interactions. here.
tags. leviathan.
mood. here.
location. here.
outfit. here.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc elementum sed enim eget commodo. Vivamus ut facilisis lectus. Aliquam dictum euismod odio, vel imperdiet sem tincidunt sit amet. Nam euismod eu nibh sed pellentesque. Curabitur ac velit justo. Mauris non libero felis. Praesent eu tempor arcu, sit amet tristique libero.

Sed sed metus condimentum, faucibus orci vel, fringilla metus. Phasellus porta rutrum sagittis. Mauris libero dui, congue ac pharetra eget, accumsan ac felis. Vivamus laoreet at neque et tristique. Aliquam ac venenatis nisl, et tincidunt lacus. Duis at nisi ut ante volutpat venenatis at in erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque accumsan metus cursus urna blandit tempus. Mauris hendrerit vitae diam quis facilisis. Pellentesque ac nibh id ex volutpat mollis in ut dui. Aliquam condimentum tincidunt dui, nec molestie dui vulputate vel. Suspendisse varius in tortor vitae tempor. Proin sit amet ante imperdiet, aliquam dui et, suscipit ante. Fusce dignissim nulla vitae sapien auctor, a ultricies lacus malesuada. Aliquam ut ante eu mauris viverra porttitor. Sed at turpis eu ex interdum mattis.

Maecenas accumsan nunc ut lectus tincidunt, quis congue neque tincidunt. Proin efficitur maximus ligula, ac auctor felis gravida a. Morbi a varius quam, ac rutrum erat. Donec varius nisi ut arcu porta, in tincidunt ex dictum. Sed lacus arcu, semper eu eros eu, sagittis feugiat enim. Vestibulum vitae tellus in magna aliquet cursus. Sed pellentesque malesuada purus, eget bibendum justo gravida ac. Ut in aliquet velit, nec gravida neque. Integer vitae consectetur magna. Duis scelerisque maximus interdum. Integer placerat aliquet consectetur. Curabitur urna ante, blandit at mollis ac, tristique at eros. Proin malesuada scelerisque ex sed finibus.

Phasellus vitae lectus turpis. Nam in dignissim eros, in convallis diam. Cras vulputate urna non felis venenatis dignissim. Donec vestibulum eleifend eros, eget posuere odio. Mauris vel imperdiet ante. Mauris pellentesque auctor dapibus. Integer at ligula nec erat maximus bibendum. Praesent faucibus nunc tellus, in egestas lorem vulputate vitae. Proin sapien nunc, dictum vitae dui rutrum, finibus ultrices neque. Fusce varius metus magna, in varius nulla eleifend sit amet. Nulla rhoncus euismod condimentum. Sed id quam dictum, pulvinar turpis eu, ultrices nisi.

Fusce sit amet risus rutrum, lobortis tellus id, viverra sapien. Mauris suscipit mi vitae metus maximus, ut imperdiet urna commodo. Suspendisse ut pharetra risus, sed fermentum risus. Donec feugiat, velit sed mattis commodo, mi arcu sodales lorem, sit amet efficitur tortor turpis non turpis. Nullam bibendum volutpat euismod. Nulla sit amet sapien at tortor suscipit dapibus eu quis felis. Phasellus faucibus, libero ac scelerisque bibendum, dolor lectus aliquet ante, eu volutpat urna nisi sit amet justo. Nulla sed ultrices nunc. Nulla faucibus nulla ut velit volutpat, nec viverra erat aliquet. Praesent leo lectus, interdum vitae metus non, congue malesuada nisl. Nunc a vulputate risus. Nunc scelerisque erat aliquet mauris dignissim finibus. Donec accumsan fermentum hendrerit.

— BACK.

 

[Swift_Phoenix]

Your codes are so gorgeous! Will definitely be using some of these and you will be @‘ed when I do

 

[PrincessMuk]

H o w ...

These codes are amazing!!! Thank you so much for creating them.

 

[leviathan.]

character sheet - arrow​

Spoiler: code here

[bg=transparent; background: linear-gradient(110deg, #e9e9ea 50%, #ff8097 50.1%); filter: grayscale(20%); padding: 50px; margin: auto;][bg=transparent; border: 5px solid #ff8097; filter: grayscale(20%); border-radius: 30px; opacity: 1; z-index: 1; margin: auto; width: 450px; height: 450px; background: url(https://i.pinimg.com/564x/30/33/50/303350eb65895e696ce6d38bfba0acec.jpg); background-size: cover; background-position: 50% 50%;][border=transparent; margin: auto; max-width: 400px; height: 400px; overflow: hidden; background-color: transparent; margin-top: 10px;][border=transparent; width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px; text-align: justify; font-size: 13px; font-family; Arial;][comment]

--change color of the starting square below. only use RGB so the opacity is preserved.

[/comment][bg=transparent; background: rgb(255, 128, 151, 0.4); width: 360px; height: 360px; border-radius: 30px; margin: auto; font-size: 50px; color: white; font-weight: bold; line-height: 90%;][centerblock=95][font=DM Mono]character name.




[comment]

--the space above is supposed to be here! if you accidentally mess it up, it's 5 keyboard returns after "character name."

[/comment][right][fa]fa-arrow-down[/fa][fa]fa-arrow-down[/fa][fa]fa-arrow-down[/fa][/right][/font][/centerblock][/bg][border=transparent; padding-top: 20px;][centerblock=90][border=transparent; color: rgba(255, 255, 255, 1);]
[b]—section 1[/b]
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info

[b]—section 2[/b]
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info

[b]—section 3[/b]
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info

[b]—section 4[/b]
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info
[b]input.[/b] info

[b]—section 5[/b]
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][/centerblock][/border][/border][/border][/bg][/bg][border=0px; color: currentcolor; font-size: 10px; margin: auto; text-align: center; margin-top: -5px;]code by [USER=75224]@leviathan.[/USER][/border]

character name.

​

—section 1
input. info
input. info
input. info
input. info
input. info
input. info
input. info

—section 2
input. info
input. info
input. info
input. info
input. info
input. info
input. info

—section 3
input. info
input. info
input. info
input. info
input. info
input. info
input. info

—section 4
input. info
input. info
input. info
input. info
input. info
input. info
input. info

—section 5
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

 

[leviathan.]

in-character - minimal

for the people who want to look aesthetic but want to expend as little effort as possible.

Spoiler: code here

[comment]

--name here

[/comment][border=transparent; max-width: 550px; margin: auto;][border=transparent; font-size: 60px; font-weight: bold; font-family: Times New Roman; line-height: 10%;]name.[/border]
[comment]

--ctrl + f #ff99b3 and replace to change the border colors, image below

[/comment][row][column=span4][border=5px solid #ff99b3; background: url('https://i.pinimg.com/564x/85/d6/65/85d66577d0df963e9cf9f901352d55af.jpg'); background-size: cover; height: 300px; width: 250px; margin: auto; background-position: 50% 50%;][/border][/column][column=span4][border=5px solid #ff99b3; margin: auto; max-width: 250px; height: 300px; overflow: hidden; background: transparent;][border=transparent; width: 100%; height: 95%; overflow-y: scroll; padding-right: 150px; text-align: justify; font-size: 13px; font-family; Arial;][centerblock=90][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. 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][/border][/border][/column][/row]
[border=transparent; font-size: 15px; font-weight: bold; font-family: Times New Roman; text-align: right; line-height: 80%;]location • tags • mood • outfit • interactions[/border][/border]

name.

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.

location • tags • mood • outfit • interactions

 

[leviathan.]

flash requests

hey guys!
i'm bored, ap exams are done, and i want to code codes but i am out of inspo :3

so here's the deal. i'm opening 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!

 

[low fidelity]

oh hell yeah! i love your codes sm, i just have to do a request!!

WHAT KIND?: a placeholder, pls and thx! maybe with an image or two? i'm not sure how much detail you'd like, though it'd be cool if you could put a bit more info about the character, instead of just the name.
COLORS? space blues and greys, such as #708090 and #536872, as well as black.
SIZE? medium-small ish
AESTHETIC? nothing super specific, but futuristic would be rad.

 

[leviathan.]

—ACCEPTED!

low fidelity eek! first slot filled! :3 since ur an angel and chose a placeholder, it'll probably be done quick!

 

[timshel]

god your work is AWESOME. tysm for doing this, you're a saint

what kind? in character, allowing space for a small/medium photo, information underneath it, and the actual post off to the side
colors? blues, whites, greys - within the apple/ios color scheme.
size? medium
aesthetic? sleek and clean, modern. perhaps something where mood, tags, interactions, outfit, etc. could all be within a safari or imessage window?

 

[leviathan.]

—ACCEPTED!

timshel wow these slots are filling up! i'll try my best! :3 a safari theme will be interesting!

 

[leviathan.]

placeholder - venus
low fidelity beep beep! first request fulfilled!

Spoiler: code here

[border=transparent; background: linear-gradient(110deg, #708090 60%, #536872 60%); height: 120px; width: 450px; margin: auto; border-radius: 80px;][border=transparent; float: left; background: url(https://i.pinimg.com/564x/13/85/6c/13856cab18418e8eab493ae5941199c4.jpg); margin-right: 10px; border-radius: 80px; height: 100px; width: 100px; background-size: cover;][/border][border=transparent; color: white; font-size: 20px; font-family: DM Mono; padding-right: 30px; display: inline; line-height: 52px;].//character_name.jpg[/border]
[border=transparent; color: white; font-size: 9px; font-family: DM Mono; line-height: 10%; padding-right: 30px; display: inline;]a short little character blurb goes here.
please don't exceed two lines! made for venus![/border][/border]

.//character_name.jpg

a short little character blurb goes here.
please don't exceed two lines! made for venus!

 

[low fidelity]

THAT'S SO AWESOME THANK UUU