What's new
  • 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 • an attempt was made • ditto's workshop •

Ditto

ʟɪᴠɪɴ' ʟɪᴋᴇ ʟᴀʀʀʏ








CHEVRON


mobile-friendly!
in-character post!
hidden scrolls!
MUSIC PLAYER!



º º code by ditto º º








  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum scelerisque dolor, id auctor sem lobortis ut. Suspendisse potenti. Donec volutpat enim tortor, ut efficitur diam commodo eu. Curabitur sollicitudin, urna ac auctor molestie, lectus metus convallis metus, nec efficitur lorem lectus ac risus. Phasellus tristique enim nisi, nec mattis lacus vestibulum quis. Morbi eleifend, ante eu bibendum ornare, tellus arcu dignissim mi, nec porta nisl massa vitae mi. Vestibulum bibendum elementum eleifend. Etiam convallis feugiat odio id rhoncus. Duis pretium vestibulum mi sed cursus. Vivamus non laoreet felis. Nullam egestas ipsum eu egestas laoreet.

    Nam in volutpat felis, eu ullamcorper dui. Integer tincidunt nisi leo, quis ornare lacus gravida non. Nam sit amet ante ornare, placerat lacus eget, iaculis justo. Fusce et magna vulputate, ullamcorper sapien sed, volutpat tortor. Integer velit dolor, egestas sed placerat eget, luctus non eros. Integer id tellus ultricies, porta sem et, ultrices ex. Phasellus feugiat ligula eget dui blandit aliquet. Aenean pretium, ligula a viverra tristique, massa eros laoreet sapien, at rhoncus mi leo vel elit.

    Vestibulum ultrices ornare nibh at euismod. Nulla facilisi. Mauris dignissim tellus a accumsan fermentum. Proin id urna a orci consequat imperdiet. Donec ultricies odio vel magna rutrum volutpat. Donec facilisis diam a massa vehicula laoreet. Maecenas mattis ligula eget pulvinar semper. Etiam sed pretium nunc. Sed nulla urna, interdum eu elit non, dignissim dictum mauris. Quisque hendrerit ligula felis, iaculis viverra metus malesuada in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus posuere a ex vel posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras at malesuada ante. Duis sollicitudin dolor eget varius egestas. Sed et nulla neque.

    Nunc lacinia mauris nulla, quis condimentum risus elementum a. Nunc commodo leo nibh, a faucibus urna viverra at. Vivamus libero mauris, blandit sollicitudin feugiat bibendum, dapibus ut quam. Quisque id suscipit lectus, at aliquet dolor. Praesent ultrices, magna ut dapibus semper, risus magna molestie ex, volutpat dapibus ante est nec massa. Nullam iaculis dui quis libero pulvinar aliquet. Aenean pretium iaculis nisl quis tincidunt. Aliquam ut nisi purus.

    Aenean sed dictum nibh. Quisque porttitor libero ut sapien mattis, sed auctor lorem volutpat. Nulla auctor finibus ullamcorper. Cras eget lorem auctor, consectetur libero eu, sodales dolor. Phasellus pulvinar lectus placerat pulvinar tristique. Aenean vitae felis nisl. Fusce cursus non nisl sit amet euismod. Phasellus faucibus egestas tempus. Suspendisse blandit lobortis viverra. Vivamus at dictum metus.


    character name





    song title
    by [artist]​






    mentions:
    mentions mentions mentions mentions mentions mentions

    interactions:
    interactions interactions interactions interactions interactions

    tags:
    tags tags tags tags tags tags




    mood:
    mood mood mood mood mood mood

    outfit:
    outfit outfit outfit outfit outfit outfit outfit

    location:
    location location location location location
    º º code by ditto º º
Code:
[border= 0;

--toppic: url(https://data.whicdn.com/images/328305205/original.gif) 80% 100%;
--toppicborder: #9ACC9A;
--namecolor: #9ACC9A;
--nameshadowcolor: #496E49;
--speechbubblecolor: #496E49;
--maintextcolor: #9ACC9A;
--leftbottomcolor: #9ACC9A;
--middlebottomcolor: #B4E3B4;
--rightbottomcolor: #C6F3C6;
--leftbottomtext: #527152;
--middlebottomtext: #527152;
--rightbottomtext: #527152;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: 510px; position: relative; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; overflow: hidden;][border= 0; box-sizing: border-box; padding: 0px; width: 350px; height: 500px; background: transparent; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center;]

[border=0;box-sizing: border-box; width:350px; height:186px; background: var(--toppic); background-size:cover; position: absolute; top: 20px; left: 0px; overflow: auto; border: 6px solid var(--toppicborder);][/border]

[border=0;box-sizing: border-box; width:350px; height:200px; background: var(--speechbubblecolor); background-size:cover; position: absolute; top: 170px; left: 0px; overflow: auto; clip-path: polygon(0 100%, 100% 100%, 100% 18%, 18% 18%, 13% 0, 9% 18%, 0 18%);][/border]

[border=0px; position: absolute; height: 145px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 205px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][comment]

Post text starts here!

[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum scelerisque dolor, id auctor sem lobortis ut. Suspendisse potenti. Donec volutpat enim tortor, ut efficitur diam commodo eu. Curabitur sollicitudin, urna ac auctor molestie, lectus metus convallis metus, nec efficitur lorem lectus ac risus. Phasellus tristique enim nisi, nec mattis lacus vestibulum quis. Morbi eleifend, ante eu bibendum ornare, tellus arcu dignissim mi, nec porta nisl massa vitae mi. Vestibulum bibendum elementum eleifend. Etiam convallis feugiat odio id rhoncus. Duis pretium vestibulum mi sed cursus. Vivamus non laoreet felis. Nullam egestas ipsum eu egestas laoreet.

Nam in volutpat felis, eu ullamcorper dui. Integer tincidunt nisi leo, quis ornare lacus gravida non. Nam sit amet ante ornare, placerat lacus eget, iaculis justo. Fusce et magna vulputate, ullamcorper sapien sed, volutpat tortor. Integer velit dolor, egestas sed placerat eget, luctus non eros. Integer id tellus ultricies, porta sem et, ultrices ex. Phasellus feugiat ligula eget dui blandit aliquet. Aenean pretium, ligula a viverra tristique, massa eros laoreet sapien, at rhoncus mi leo vel elit.

Vestibulum ultrices ornare nibh at euismod. Nulla facilisi. Mauris dignissim tellus a accumsan fermentum. Proin id urna a orci consequat imperdiet. Donec ultricies odio vel magna rutrum volutpat. Donec facilisis diam a massa vehicula laoreet. Maecenas mattis ligula eget pulvinar semper. Etiam sed pretium nunc. Sed nulla urna, interdum eu elit non, dignissim dictum mauris. Quisque hendrerit ligula felis, iaculis viverra metus malesuada in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus posuere a ex vel posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras at malesuada ante. Duis sollicitudin dolor eget varius egestas. Sed et nulla neque.

Nunc lacinia mauris nulla, quis condimentum risus elementum a. Nunc commodo leo nibh, a faucibus urna viverra at. Vivamus libero mauris, blandit sollicitudin feugiat bibendum, dapibus ut quam. Quisque id suscipit lectus, at aliquet dolor. Praesent ultrices, magna ut dapibus semper, risus magna molestie ex, volutpat dapibus ante est nec massa. Nullam iaculis dui quis libero pulvinar aliquet. Aenean pretium iaculis nisl quis tincidunt. Aliquam ut nisi purus.

Aenean sed dictum nibh. Quisque porttitor libero ut sapien mattis, sed auctor lorem volutpat. Nulla auctor finibus ullamcorper. Cras eget lorem auctor, consectetur libero eu, sodales dolor. Phasellus pulvinar lectus placerat pulvinar tristique. Aenean vitae felis nisl. Fusce cursus non nisl sit amet euismod. Phasellus faucibus egestas tempus. Suspendisse blandit lobortis viverra. Vivamus at dictum metus.[/border][/border][/border]

[border=0;box-sizing: border-box; width:200px; height:101px; background: var(--rightbottomcolor); background-size:cover; position: absolute; top: 369px; left: 200px; overflow: auto;][/border]

[border=0px; position: absolute; height: 85px; width: 125px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 369px; left: 225px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][border=transparent; height:20px; width:20px; padding:0; overflow:hidden; position:relative; left: 36px; opacity: 0%][border=transparent; height:80px; width:180px; padding:0; margin-top:-2px; margin-left:-10px; top:-40px;][comment]

Put whatever (SoundCloud) song you'd like as the link between the media brackets!

[/comment][media=soundcloud]https://soundcloud.com/lilpump/lil-pump-gucci-gang-prod-bighead-gnealz[/media][/border][/border][border=0;box-sizing: border-box; width: fit-content; height:25px; top: -25px; left: 30px; background-size:cover; position: relative; color: var(--rightbottomtext); line-height: 10px; font-size: 20px; text-align: left; letter-spacing: 2px; pointer-events: none;][fa]fas fa-play[/fa][/border]
[border=0;box-sizing: border-box; width: fit-content; height:20px; top: -35px; background-size:cover; position: relative; color: var(--rightbottomtext); line-height: 12px; font-size: 10px; text-align: left; letter-spacing: 2px; pointer-events: none;][comment]

Here goes your song! This is the center scrolly image.

If you'd like to change the fonts, just change the things after the "[font="! All fonts can be found at fonts.google.com. 

[/comment][font=Syne Mono]song title
[right]by [artist][/right][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono]

[border=0;box-sizing: border-box; width:200px; height:101px; background: var(--middlebottomcolor); background-size:cover; position: absolute; top: 369px; left: 2px; overflow: auto;][/border]

[border=0;box-sizing: border-box; width:140px; height:101px; background: var(--middlebottomcolor); background-size:cover; position: absolute; top: 369px; left: 125px; overflow: auto; clip-path: polygon(0% 0%, 75% 0%, 88% 50%, 75% 100%, 0% 100%);][/border]

[border=0px; position: absolute; height: 85px; width: 100px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 369px; left: 120px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--middlebottomtext); font-size: 9px; line-height: 15px; text-align: justify;][font=Syne Mono][u]mentions:[/u]
mentions mentions mentions mentions mentions mentions

[u]interactions:[/u]
interactions interactions interactions interactions interactions 

[u]tags:[/u]
tags tags tags tags tags tags[/font][/border][font=Syne Mono][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono]

[border=0;box-sizing: border-box; width:150px; height:101px; background: var(--leftbottomcolor); background-size:cover; position: absolute; top: 369px; left: 0px; overflow: auto; clip-path: polygon(0% 0%, 75% 0%, 88% 50%, 75% 100%, 0% 100%);][/border]

[border=0px; position: absolute; height: 85px; width: 100px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 369px; left: 0px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--middlebottomtext); font-size: 9px; line-height: 15px; text-align: justify;][font=Syne Mono][u]mood:[/u]
mood mood mood mood mood mood

[u]outfit:[/u]
outfit outfit outfit outfit outfit outfit outfit

[u]location:[/u]
location location location location location[/font][/border][/border][/border][/font][/font][/border][font=Syne Mono][comment]

Please don't delete the credit!

[/comment][font=Syne Mono][border=0; color: #292929; font-size: 8px; position: relative; top: -25px;][font=Quicksand] º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º [/font][/border][/font][/font][/border][font=Syne Mono][font=Syne Mono][/font][/font]
Code:
[border= 0;

--toppic: url(https://data.whicdn.com/images/328305205/original.gif) 80% 100%;
--toppicborder: #9ACC9A;
--namecolor: #9ACC9A;
--nameshadowcolor: #496E49;
--speechbubblecolor: #496E49;
--maintextcolor: #9ACC9A;
--leftbottomcolor: #9ACC9A;
--middlebottomcolor: #B4E3B4;
--rightbottomcolor: #C6F3C6;
--leftbottomtext: #527152;
--middlebottomtext: #527152;
--rightbottomtext: #527152;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: 500px; position: relative; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; overflow: hidden;][border= 0; box-sizing: border-box; padding: 0px; width: 350px; height: 500px; background: transparent; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center;]

[border=0;box-sizing: border-box; width:350px; height:192px; background: var(--toppic); background-size:cover; position: absolute; top: 20px; left: 0px; overflow: auto; border-top: 6px solid var(--toppicborder); border-left: 6px solid var(--toppicborder); border-right: 6px solid var(--toppicborder);][/border]

[border=0;box-sizing: border-box; width:350px; height:200px; background: var(--speechbubblecolor); background-size:cover; position: absolute; top: 170px; left: 0px; overflow: auto; clip-path: polygon(0 100%, 100% 100%, 100% 18%, 18% 18%, 13% 0, 9% 18%, 0 18%);][/border]

[border=0px; position: absolute; height: 145px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 205px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][comment]

Post text starts here!

[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum scelerisque dolor, id auctor sem lobortis ut. Suspendisse potenti. Donec volutpat enim tortor, ut efficitur diam commodo eu. Curabitur sollicitudin, urna ac auctor molestie, lectus metus convallis metus, nec efficitur lorem lectus ac risus. Phasellus tristique enim nisi, nec mattis lacus vestibulum quis. Morbi eleifend, ante eu bibendum ornare, tellus arcu dignissim mi, nec porta nisl massa vitae mi. Vestibulum bibendum elementum eleifend. Etiam convallis feugiat odio id rhoncus. Duis pretium vestibulum mi sed cursus. Vivamus non laoreet felis. Nullam egestas ipsum eu egestas laoreet.

Nam in volutpat felis, eu ullamcorper dui. Integer tincidunt nisi leo, quis ornare lacus gravida non. Nam sit amet ante ornare, placerat lacus eget, iaculis justo. Fusce et magna vulputate, ullamcorper sapien sed, volutpat tortor. Integer velit dolor, egestas sed placerat eget, luctus non eros. Integer id tellus ultricies, porta sem et, ultrices ex. Phasellus feugiat ligula eget dui blandit aliquet. Aenean pretium, ligula a viverra tristique, massa eros laoreet sapien, at rhoncus mi leo vel elit.

Vestibulum ultrices ornare nibh at euismod. Nulla facilisi. Mauris dignissim tellus a accumsan fermentum. Proin id urna a orci consequat imperdiet. Donec ultricies odio vel magna rutrum volutpat. Donec facilisis diam a massa vehicula laoreet. Maecenas mattis ligula eget pulvinar semper. Etiam sed pretium nunc. Sed nulla urna, interdum eu elit non, dignissim dictum mauris. Quisque hendrerit ligula felis, iaculis viverra metus malesuada in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus posuere a ex vel posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras at malesuada ante. Duis sollicitudin dolor eget varius egestas. Sed et nulla neque.

Nunc lacinia mauris nulla, quis condimentum risus elementum a. Nunc commodo leo nibh, a faucibus urna viverra at. Vivamus libero mauris, blandit sollicitudin feugiat bibendum, dapibus ut quam. Quisque id suscipit lectus, at aliquet dolor. Praesent ultrices, magna ut dapibus semper, risus magna molestie ex, volutpat dapibus ante est nec massa. Nullam iaculis dui quis libero pulvinar aliquet. Aenean pretium iaculis nisl quis tincidunt. Aliquam ut nisi purus.

Aenean sed dictum nibh. Quisque porttitor libero ut sapien mattis, sed auctor lorem volutpat. Nulla auctor finibus ullamcorper. Cras eget lorem auctor, consectetur libero eu, sodales dolor. Phasellus pulvinar lectus placerat pulvinar tristique. Aenean vitae felis nisl. Fusce cursus non nisl sit amet euismod. Phasellus faucibus egestas tempus. Suspendisse blandit lobortis viverra. Vivamus at dictum metus.[/border][/border][/border]

[border=0;box-sizing: border-box; width:350px; height:25px; top: 175px; left: 0px; background-size:cover; position: absolute; color: var(--namecolor); line-height: 10px; text-align: right; font-size: 28px; text-shadow: 2px 2px 4px var(--nameshadowcolor); letter-spacing: 2px;][comment]

The name at the bottom goes here! 

If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.

[/comment][font=Syne Mono]character name [/font] [/border]

[border=0;box-sizing: border-box; width:200px; height:101px; background: var(--rightbottomcolor); background-size:cover; position: absolute; top: 369px; left: 200px; overflow: auto;][/border]

[border=0px; position: absolute; height: 85px; width: 125px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 369px; left: 225px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][border=transparent; height:20px; width:20px; padding:0; overflow:hidden; position:relative; left: 36px; opacity: 0%][border=transparent; height:80px; width:180px; padding:0; margin-top:-2px; margin-left:-10px; top:-40px;][comment]

Put whatever (SoundCloud) song you'd like as the link between the media brackets!

[/comment][media=soundcloud]https://soundcloud.com/lilpump/lil-pump-gucci-gang-prod-bighead-gnealz[/media][/border][/border][border=0;box-sizing: border-box; width: fit-content; height:25px; top: -25px; left: 30px; background-size:cover; position: relative; color: var(--rightbottomtext); line-height: 10px; font-size: 20px; text-align: left; letter-spacing: 2px; pointer-events: none;][fa]fas fa-play[/fa][/border]
[border=0;box-sizing: border-box; width: fit-content; height:20px; top: -35px; background-size:cover; position: relative; color: var(--rightbottomtext); line-height: 12px; font-size: 10px; text-align: left; letter-spacing: 2px; pointer-events: none;][comment]

Here goes your song! This is the center scrolly image.

If you'd like to change the fonts, just change the things after the "[font="! All fonts can be found at fonts.google.com. 

[/comment][font=Syne Mono]song title
[right]by [artist][/right][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono]

[border=0;box-sizing: border-box; width:200px; height:101px; background: var(--middlebottomcolor); background-size:cover; position: absolute; top: 369px; left: 2px; overflow: auto;][/border]

[border=0;box-sizing: border-box; width:140px; height:101px; background: var(--middlebottomcolor); background-size:cover; position: absolute; top: 369px; left: 125px; overflow: auto; clip-path: polygon(0% 0%, 75% 0%, 88% 50%, 75% 100%, 0% 100%);][/border]

[border=0px; position: absolute; height: 85px; width: 100px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 369px; left: 120px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--middlebottomtext); font-size: 9px; line-height: 15px; text-align: justify;][font=Syne Mono][u]mentions:[/u]
mentions mentions mentions mentions mentions mentions

[u]interactions:[/u]
interactions interactions interactions interactions interactions 

[u]tags:[/u]
tags tags tags tags tags tags[/font][/border][font=Syne Mono][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono]

[border=0;box-sizing: border-box; width:150px; height:101px; background: var(--leftbottomcolor); background-size:cover; position: absolute; top: 369px; left: 0px; overflow: auto; clip-path: polygon(0% 0%, 75% 0%, 88% 50%, 75% 100%, 0% 100%);][/border]

[border=0px; position: absolute; height: 85px; width: 100px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 369px; left: 0px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--middlebottomtext); font-size: 9px; line-height: 15px; text-align: justify;][font=Syne Mono][u]mood:[/u]
mood mood mood mood mood mood

[u]outfit:[/u]
outfit outfit outfit outfit outfit outfit outfit

[u]location:[/u]
location location location location location[/font][/border][/border][/border][/font][/font][/border][font=Syne Mono][comment]

Please don't delete the credit!

[/comment][font=Syne Mono][font=Syne Mono][font=Syne Mono][border=0; color: #292929; font-size: 8px; position: relative; top: -25px;][font=Quicksand] º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º [/font][/border][/font][/font][font=Syne Mono][font=Syne Mono][/font][/font][/font][/font][/border]
Code:
[border= 0;

--toppic: url(https://data.whicdn.com/images/328305205/original.gif) 80% 100%;
--toppicborder: #9ACC9A;
--namecolor: #9ACC9A;
--nameshadowcolor: #496E49;
--speechbubblecolor: #496E49;
--maintextcolor: #9ACC9A;
--leftbottomcolor: #9ACC9A;
--middlebottomcolor: #B4E3B4;
--rightbottomcolor: #C6F3C6;
--leftbottomtext: #527152;
--middlebottomtext: #527152;
--rightbottomtext: #527152;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: 500px; position: relative; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; overflow: hidden;][border= 0; box-sizing: border-box; padding: 0px; width: 350px; height: 500px; background: transparent; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center;]

[border=0;box-sizing: border-box; width:350px; height:192px; background: var(--toppic); background-size:cover; position: absolute; top: 20px; left: 0px; overflow: auto;][/border]

[border=0;box-sizing: border-box; width:350px; height:200px; background: var(--speechbubblecolor); background-size:cover; position: absolute; top: 170px; left: 0px; overflow: auto; clip-path: polygon(0 100%, 100% 100%, 100% 18%, 18% 18%, 13% 0, 9% 18%, 0 18%);][/border]

[border=0px; position: absolute; height: 145px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 205px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][comment]

Post text starts here!

[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum scelerisque dolor, id auctor sem lobortis ut. Suspendisse potenti. Donec volutpat enim tortor, ut efficitur diam commodo eu. Curabitur sollicitudin, urna ac auctor molestie, lectus metus convallis metus, nec efficitur lorem lectus ac risus. Phasellus tristique enim nisi, nec mattis lacus vestibulum quis. Morbi eleifend, ante eu bibendum ornare, tellus arcu dignissim mi, nec porta nisl massa vitae mi. Vestibulum bibendum elementum eleifend. Etiam convallis feugiat odio id rhoncus. Duis pretium vestibulum mi sed cursus. Vivamus non laoreet felis. Nullam egestas ipsum eu egestas laoreet.

Nam in volutpat felis, eu ullamcorper dui. Integer tincidunt nisi leo, quis ornare lacus gravida non. Nam sit amet ante ornare, placerat lacus eget, iaculis justo. Fusce et magna vulputate, ullamcorper sapien sed, volutpat tortor. Integer velit dolor, egestas sed placerat eget, luctus non eros. Integer id tellus ultricies, porta sem et, ultrices ex. Phasellus feugiat ligula eget dui blandit aliquet. Aenean pretium, ligula a viverra tristique, massa eros laoreet sapien, at rhoncus mi leo vel elit.

Vestibulum ultrices ornare nibh at euismod. Nulla facilisi. Mauris dignissim tellus a accumsan fermentum. Proin id urna a orci consequat imperdiet. Donec ultricies odio vel magna rutrum volutpat. Donec facilisis diam a massa vehicula laoreet. Maecenas mattis ligula eget pulvinar semper. Etiam sed pretium nunc. Sed nulla urna, interdum eu elit non, dignissim dictum mauris. Quisque hendrerit ligula felis, iaculis viverra metus malesuada in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus posuere a ex vel posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras at malesuada ante. Duis sollicitudin dolor eget varius egestas. Sed et nulla neque.

Nunc lacinia mauris nulla, quis condimentum risus elementum a. Nunc commodo leo nibh, a faucibus urna viverra at. Vivamus libero mauris, blandit sollicitudin feugiat bibendum, dapibus ut quam. Quisque id suscipit lectus, at aliquet dolor. Praesent ultrices, magna ut dapibus semper, risus magna molestie ex, volutpat dapibus ante est nec massa. Nullam iaculis dui quis libero pulvinar aliquet. Aenean pretium iaculis nisl quis tincidunt. Aliquam ut nisi purus.

Aenean sed dictum nibh. Quisque porttitor libero ut sapien mattis, sed auctor lorem volutpat. Nulla auctor finibus ullamcorper. Cras eget lorem auctor, consectetur libero eu, sodales dolor. Phasellus pulvinar lectus placerat pulvinar tristique. Aenean vitae felis nisl. Fusce cursus non nisl sit amet euismod. Phasellus faucibus egestas tempus. Suspendisse blandit lobortis viverra. Vivamus at dictum metus.[/border][/border][/border]

[border=0;box-sizing: border-box; width:350px; height:25px; top: 175px; left: 0px; background-size:cover; position: absolute; color: var(--namecolor); line-height: 10px; text-align: right; font-size: 28px; text-shadow: 2px 2px 4px var(--nameshadowcolor); letter-spacing: 2px;][comment]

The name at the bottom goes here! 

If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.

[/comment][font=Syne Mono]character name [/font] [/border]

[border=0;box-sizing: border-box; width:200px; height:101px; background: var(--rightbottomcolor); background-size:cover; position: absolute; top: 369px; left: 200px; overflow: auto;][/border]

[border=0px; position: absolute; height: 85px; width: 125px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 369px; left: 225px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][border=transparent; height:20px; width:20px; padding:0; overflow:hidden; position:relative; left: 36px; opacity: 0%][border=transparent; height:80px; width:180px; padding:0; margin-top:-2px; margin-left:-10px; top:-40px;][comment]

Put whatever (SoundCloud) song you'd like as the link between the media brackets!

[/comment][media=soundcloud]https://soundcloud.com/lilpump/lil-pump-gucci-gang-prod-bighead-gnealz[/media][/border][/border][border=0;box-sizing: border-box; width: fit-content; height:25px; top: -25px; left: 30px; background-size:cover; position: relative; color: var(--rightbottomtext); line-height: 10px; font-size: 20px; text-align: left; letter-spacing: 2px; pointer-events: none;][fa]fas fa-play[/fa][/border]
[border=0;box-sizing: border-box; width: fit-content; height:20px; top: -35px; background-size:cover; position: relative; color: var(--rightbottomtext); line-height: 12px; font-size: 10px; text-align: left; letter-spacing: 2px; pointer-events: none;][comment]

Here goes your song! This is the center scrolly image.

If you'd like to change the fonts, just change the things after the "[font="! All fonts can be found at fonts.google.com. 

[/comment][font=Syne Mono]song title
[right]by [artist][/right][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono]

[border=0;box-sizing: border-box; width:200px; height:101px; background: var(--middlebottomcolor); background-size:cover; position: absolute; top: 369px; left: 2px; overflow: auto;][/border]

[border=0;box-sizing: border-box; width:140px; height:101px; background: var(--middlebottomcolor); background-size:cover; position: absolute; top: 369px; left: 125px; overflow: auto; clip-path: polygon(0% 0%, 75% 0%, 88% 50%, 75% 100%, 0% 100%);][/border]

[border=0px; position: absolute; height: 85px; width: 100px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 369px; left: 120px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--middlebottomtext); font-size: 9px; line-height: 15px; text-align: justify;][font=Syne Mono][u]mentions:[/u]
mentions mentions mentions mentions mentions mentions

[u]interactions:[/u]
interactions interactions interactions interactions interactions 

[u]tags:[/u]
tags tags tags tags tags tags[/font][/border][font=Syne Mono][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono]

[border=0;box-sizing: border-box; width:150px; height:101px; background: var(--leftbottomcolor); background-size:cover; position: absolute; top: 369px; left: 0px; overflow: auto; clip-path: polygon(0% 0%, 75% 0%, 88% 50%, 75% 100%, 0% 100%);][/border]

[border=0px; position: absolute; height: 85px; width: 100px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 369px; left: 0px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--middlebottomtext); font-size: 9px; line-height: 15px; text-align: justify;][font=Syne Mono][u]mood:[/u]
mood mood mood mood mood mood

[u]outfit:[/u]
outfit outfit outfit outfit outfit outfit outfit

[u]location:[/u]
location location location location location[/font][/border][/border][/border][/font][/font][/border][font=Syne Mono][comment]

Please don't delete the credit!

[/comment][font=Syne Mono][border=0; color: #292929; font-size: 8px; position: relative; top: -25px;][font=Quicksand] º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º [/font][/border][/font][/font][/border][font=Syne Mono][font=Syne Mono][/font][/font]
Code:
[border= 0;

--toppic: url(https://64.media.tumblr.com/8c733f38735c0f9f986e51962d5e7575/tumblr_pw2afzmBuR1y1q4llo5_400.gifv) 80% 100%;
--toppicborder: #9ACC9A;
--namecolor: #9ACC9A;
--nameshadowcolor: #496E49;
--speechbubblecolor: #496E49;
--maintextcolor: #9ACC9A;
--leftbottomcolor: #9ACC9A;
--middlebottomcolor: #B4E3B4;
--rightbottomcolor: #C6F3C6;
--leftbottomtext: #527152;
--middlebottomtext: #527152;
--rightbottomtext: #527152;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: 510px; position: relative; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; overflow: hidden;][border= 0; box-sizing: border-box; padding: 0px; width: 350px; height: 500px; background: transparent; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center;]

[border=0;box-sizing: border-box; width:350px; height:188px; background: var(--toppic); background-size:cover; position: absolute; top: 20px; left: 0px; overflow: auto; border: 6px solid var(--toppicborder);][/border]

[border=0;box-sizing: border-box; width:350px; height:200px; background: var(--speechbubblecolor); background-size:cover; position: absolute; top: 170px; left: 0px; overflow: auto; clip-path: polygon(0 100%, 100% 100%, 100% 19%, 98% 19%, 93% 0, 87% 19%, 0 19%);][/border]

[border=0px; position: absolute; height: 145px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 205px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][comment]

Post text starts here!

[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum scelerisque dolor, id auctor sem lobortis ut. Suspendisse potenti. Donec volutpat enim tortor, ut efficitur diam commodo eu. Curabitur sollicitudin, urna ac auctor molestie, lectus metus convallis metus, nec efficitur lorem lectus ac risus. Phasellus tristique enim nisi, nec mattis lacus vestibulum quis. Morbi eleifend, ante eu bibendum ornare, tellus arcu dignissim mi, nec porta nisl massa vitae mi. Vestibulum bibendum elementum eleifend. Etiam convallis feugiat odio id rhoncus. Duis pretium vestibulum mi sed cursus. Vivamus non laoreet felis. Nullam egestas ipsum eu egestas laoreet.

Nam in volutpat felis, eu ullamcorper dui. Integer tincidunt nisi leo, quis ornare lacus gravida non. Nam sit amet ante ornare, placerat lacus eget, iaculis justo. Fusce et magna vulputate, ullamcorper sapien sed, volutpat tortor. Integer velit dolor, egestas sed placerat eget, luctus non eros. Integer id tellus ultricies, porta sem et, ultrices ex. Phasellus feugiat ligula eget dui blandit aliquet. Aenean pretium, ligula a viverra tristique, massa eros laoreet sapien, at rhoncus mi leo vel elit.

Vestibulum ultrices ornare nibh at euismod. Nulla facilisi. Mauris dignissim tellus a accumsan fermentum. Proin id urna a orci consequat imperdiet. Donec ultricies odio vel magna rutrum volutpat. Donec facilisis diam a massa vehicula laoreet. Maecenas mattis ligula eget pulvinar semper. Etiam sed pretium nunc. Sed nulla urna, interdum eu elit non, dignissim dictum mauris. Quisque hendrerit ligula felis, iaculis viverra metus malesuada in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus posuere a ex vel posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras at malesuada ante. Duis sollicitudin dolor eget varius egestas. Sed et nulla neque.

Nunc lacinia mauris nulla, quis condimentum risus elementum a. Nunc commodo leo nibh, a faucibus urna viverra at. Vivamus libero mauris, blandit sollicitudin feugiat bibendum, dapibus ut quam. Quisque id suscipit lectus, at aliquet dolor. Praesent ultrices, magna ut dapibus semper, risus magna molestie ex, volutpat dapibus ante est nec massa. Nullam iaculis dui quis libero pulvinar aliquet. Aenean pretium iaculis nisl quis tincidunt. Aliquam ut nisi purus.

Aenean sed dictum nibh. Quisque porttitor libero ut sapien mattis, sed auctor lorem volutpat. Nulla auctor finibus ullamcorper. Cras eget lorem auctor, consectetur libero eu, sodales dolor. Phasellus pulvinar lectus placerat pulvinar tristique. Aenean vitae felis nisl. Fusce cursus non nisl sit amet euismod. Phasellus faucibus egestas tempus. Suspendisse blandit lobortis viverra. Vivamus at dictum metus.[/border][/border][/border]

[border=0;box-sizing: border-box; width:350px; height:25px; top: 175px; left: 0px; background-size:cover; position: absolute; color: var(--namecolor); line-height: 10px; text-align: left; font-size: 28px; text-shadow: 2px 2px 4px var(--nameshadowcolor); letter-spacing: 2px;][comment]

The name at the bottom goes here! 

If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.

[/comment][font=Syne Mono]character name [/font] [/border]

[border=0;box-sizing: border-box; width:200px; height:101px; background: var(--rightbottomcolor); background-size:cover; position: absolute; top: 369px; left: 200px; overflow: auto;][/border]

[border=0px; position: absolute; height: 85px; width: 125px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 369px; left: 249px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][border=transparent; height:20px; width:20px; padding:0; overflow:hidden; position:relative; left: 36px; opacity: 0%][border=transparent; height:80px; width:180px; padding:0; margin-top:-2px; margin-left:-10px; top:-40px;][comment]

Put whatever (SoundCloud) song you'd like as the link between the media brackets!

[/comment][media=soundcloud]https://soundcloud.com/lilpump/lil-pump-gucci-gang-prod-bighead-gnealz[/media][/border][/border][border=0;box-sizing: border-box; width: fit-content; height:25px; top: -25px; left: 30px; background-size:cover; position: relative; color: var(--rightbottomtext); line-height: 10px; font-size: 20px; text-align: left; letter-spacing: 2px; pointer-events: none;][fa]fas fa-play[/fa][/border]
[border=0;box-sizing: border-box; width: fit-content; height:20px; top: -35px; background-size:cover; position: relative; color: var(--rightbottomtext); line-height: 12px; font-size: 10px; text-align: left; letter-spacing: 2px; pointer-events: none;][comment]

Here goes your song! This is the center scrolly image.

If you'd like to change the fonts, just change the things after the "[font="! All fonts can be found at fonts.google.com. 

[/comment][font=Syne Mono]song title
[right]by [artist][/right][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono]

[border=0;box-sizing: border-box; width:200px; height:101px; background: var(--middlebottomcolor); background-size:cover; position: absolute; top: 369px; left: 2px; overflow: auto;][/border]

[border=0;box-sizing: border-box; width:160px; height:101px; background: var(--middlebottomcolor); background-size:cover; position: absolute; top: 369px; left: 125px; overflow: auto; clip-path: polygon(0% 0%, 75% 0%, 88% 50%, 75% 100%, 0% 100%);][/border]

[border=0px; position: absolute; height: 85px; width: 105px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 369px; left: 130px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--middlebottomtext); font-size: 9px; line-height: 15px; text-align: justify;][font=Syne Mono][u]mentions:[/u]
mentions mentions mentions mentions mentions mentions

[u]interactions:[/u]
interactions interactions interactions interactions interactions 

[u]tags:[/u]
tags tags tags tags tags tags[/font][/border][font=Syne Mono][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono]

[border=0;box-sizing: border-box; width:160px; height:101px; background: var(--leftbottomcolor); background-size:cover; position: absolute; top: 369px; left: 0px; overflow: auto; clip-path: polygon(0% 0%, 75% 0%, 88% 50%, 75% 100%, 0% 100%);][/border]

[border=0px; position: absolute; height: 85px; width: 100px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 369px; left: 0px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--middlebottomtext); font-size: 9px; line-height: 15px; text-align: justify;][font=Syne Mono][u]mood:[/u]
mood mood mood mood mood mood

[u]outfit:[/u]
outfit outfit outfit outfit outfit outfit outfit

[u]location:[/u]
location location location location location[/font][/border][/border][/border][/font][/font][/border][font=Syne Mono][comment]

Please don't delete the credit!

[/comment][font=Syne Mono][font=Syne Mono][font=Syne Mono][border=0; color: #292929; font-size: 8px; position: relative; top: -25px;][font=Quicksand] º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º [/font][/border][/font][/font][/font][/font][/border]
Code:
[border= 0;

--toppic: url(https://64.media.tumblr.com/8c733f38735c0f9f986e51962d5e7575/tumblr_pw2afzmBuR1y1q4llo5_400.gifv) 80% 100%;
--toppicborder: #9ACC9A;
--namecolor: #9ACC9A;
--nameshadowcolor: #496E49;
--speechbubblecolor: #496E49;
--maintextcolor: #9ACC9A;
--leftbottomcolor: #9ACC9A;
--middlebottomcolor: #B4E3B4;
--rightbottomcolor: #C6F3C6;
--leftbottomtext: #527152;
--middlebottomtext: #527152;
--rightbottomtext: #527152;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: 510px; position: relative; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; overflow: hidden;][border= 0; box-sizing: border-box; padding: 0px; width: 350px; height: 500px; background: transparent; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center;]

[border=0;box-sizing: border-box; width:350px; height:192px; background: var(--toppic); background-size:cover; position: absolute; top: 20px; left: 0px; overflow: auto; border-top: 6px solid var(--toppicborder); border-left: 6px solid var(--toppicborder); border-right: 6px solid var(--toppicborder);][/border]

[border=0;box-sizing: border-box; width:350px; height:200px; background: var(--speechbubblecolor); background-size:cover; position: absolute; top: 170px; left: 0px; overflow: auto; clip-path: polygon(0 100%, 100% 100%, 100% 19%, 98% 19%, 93% 0, 87% 19%, 0 19%);][/border]

[border=0px; position: absolute; height: 145px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 205px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][comment]

Post text starts here!

[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum scelerisque dolor, id auctor sem lobortis ut. Suspendisse potenti. Donec volutpat enim tortor, ut efficitur diam commodo eu. Curabitur sollicitudin, urna ac auctor molestie, lectus metus convallis metus, nec efficitur lorem lectus ac risus. Phasellus tristique enim nisi, nec mattis lacus vestibulum quis. Morbi eleifend, ante eu bibendum ornare, tellus arcu dignissim mi, nec porta nisl massa vitae mi. Vestibulum bibendum elementum eleifend. Etiam convallis feugiat odio id rhoncus. Duis pretium vestibulum mi sed cursus. Vivamus non laoreet felis. Nullam egestas ipsum eu egestas laoreet.

Nam in volutpat felis, eu ullamcorper dui. Integer tincidunt nisi leo, quis ornare lacus gravida non. Nam sit amet ante ornare, placerat lacus eget, iaculis justo. Fusce et magna vulputate, ullamcorper sapien sed, volutpat tortor. Integer velit dolor, egestas sed placerat eget, luctus non eros. Integer id tellus ultricies, porta sem et, ultrices ex. Phasellus feugiat ligula eget dui blandit aliquet. Aenean pretium, ligula a viverra tristique, massa eros laoreet sapien, at rhoncus mi leo vel elit.

Vestibulum ultrices ornare nibh at euismod. Nulla facilisi. Mauris dignissim tellus a accumsan fermentum. Proin id urna a orci consequat imperdiet. Donec ultricies odio vel magna rutrum volutpat. Donec facilisis diam a massa vehicula laoreet. Maecenas mattis ligula eget pulvinar semper. Etiam sed pretium nunc. Sed nulla urna, interdum eu elit non, dignissim dictum mauris. Quisque hendrerit ligula felis, iaculis viverra metus malesuada in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus posuere a ex vel posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras at malesuada ante. Duis sollicitudin dolor eget varius egestas. Sed et nulla neque.

Nunc lacinia mauris nulla, quis condimentum risus elementum a. Nunc commodo leo nibh, a faucibus urna viverra at. Vivamus libero mauris, blandit sollicitudin feugiat bibendum, dapibus ut quam. Quisque id suscipit lectus, at aliquet dolor. Praesent ultrices, magna ut dapibus semper, risus magna molestie ex, volutpat dapibus ante est nec massa. Nullam iaculis dui quis libero pulvinar aliquet. Aenean pretium iaculis nisl quis tincidunt. Aliquam ut nisi purus.

Aenean sed dictum nibh. Quisque porttitor libero ut sapien mattis, sed auctor lorem volutpat. Nulla auctor finibus ullamcorper. Cras eget lorem auctor, consectetur libero eu, sodales dolor. Phasellus pulvinar lectus placerat pulvinar tristique. Aenean vitae felis nisl. Fusce cursus non nisl sit amet euismod. Phasellus faucibus egestas tempus. Suspendisse blandit lobortis viverra. Vivamus at dictum metus.[/border][/border][/border]

[border=0;box-sizing: border-box; width:350px; height:25px; top: 175px; left: 0px; background-size:cover; position: absolute; color: var(--namecolor); line-height: 10px; text-align: left; font-size: 28px; text-shadow: 2px 2px 4px var(--nameshadowcolor); letter-spacing: 2px;][comment]

The name at the bottom goes here! 

If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.

[/comment][font=Syne Mono]character name [/font] [/border]

[border=0;box-sizing: border-box; width:200px; height:101px; background: var(--rightbottomcolor); background-size:cover; position: absolute; top: 369px; left: 200px; overflow: auto;][/border]

[border=0px; position: absolute; height: 85px; width: 125px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 369px; left: 249px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][border=transparent; height:20px; width:20px; padding:0; overflow:hidden; position:relative; left: 36px; opacity: 0%][border=transparent; height:80px; width:180px; padding:0; margin-top:-2px; margin-left:-10px; top:-40px;][comment]

Put whatever (SoundCloud) song you'd like as the link between the media brackets!

[/comment][media=soundcloud]https://soundcloud.com/lilpump/lil-pump-gucci-gang-prod-bighead-gnealz[/media][/border][/border][border=0;box-sizing: border-box; width: fit-content; height:25px; top: -25px; left: 30px; background-size:cover; position: relative; color: var(--rightbottomtext); line-height: 10px; font-size: 20px; text-align: left; letter-spacing: 2px; pointer-events: none;][fa]fas fa-play[/fa][/border]
[border=0;box-sizing: border-box; width: fit-content; height:20px; top: -35px; background-size:cover; position: relative; color: var(--rightbottomtext); line-height: 12px; font-size: 10px; text-align: left; letter-spacing: 2px; pointer-events: none;][comment]

Here goes your song! This is the center scrolly image.

If you'd like to change the fonts, just change the things after the "[font="! All fonts can be found at fonts.google.com. 

[/comment][font=Syne Mono]song title
[right]by [artist][/right][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono]

[border=0;box-sizing: border-box; width:200px; height:101px; background: var(--middlebottomcolor); background-size:cover; position: absolute; top: 369px; left: 2px; overflow: auto;][/border]

[border=0;box-sizing: border-box; width:160px; height:101px; background: var(--middlebottomcolor); background-size:cover; position: absolute; top: 369px; left: 125px; overflow: auto; clip-path: polygon(0% 0%, 75% 0%, 88% 50%, 75% 100%, 0% 100%);][/border]

[border=0px; position: absolute; height: 85px; width: 105px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 369px; left: 130px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--middlebottomtext); font-size: 9px; line-height: 15px; text-align: justify;][font=Syne Mono][u]mentions:[/u]
mentions mentions mentions mentions mentions mentions

[u]interactions:[/u]
interactions interactions interactions interactions interactions 

[u]tags:[/u]
tags tags tags tags tags tags[/font][/border][font=Syne Mono][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono]

[border=0;box-sizing: border-box; width:160px; height:101px; background: var(--leftbottomcolor); background-size:cover; position: absolute; top: 369px; left: 0px; overflow: auto; clip-path: polygon(0% 0%, 75% 0%, 88% 50%, 75% 100%, 0% 100%);][/border]

[border=0px; position: absolute; height: 85px; width: 100px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 369px; left: 0px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--middlebottomtext); font-size: 9px; line-height: 15px; text-align: justify;][font=Syne Mono][u]mood:[/u]
mood mood mood mood mood mood

[u]outfit:[/u]
outfit outfit outfit outfit outfit outfit outfit

[u]location:[/u]
location location location location location[/font][/border][/border][/border][/font][/font][/border][font=Syne Mono][comment]

Please don't delete the credit!

[/comment][font=Syne Mono][font=Syne Mono][font=Syne Mono][border=0; color: #292929; font-size: 8px; position: relative; top: -25px;][font=Quicksand] º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º [/font][/border][/font][/font][/font][/font][/border][font=Syne Mono][font=Syne Mono][font=Syne Mono][font=Syne Mono][/font][/font][/font][/font]
Code:
[border= 0;

--toppic: url(https://64.media.tumblr.com/8c733f38735c0f9f986e51962d5e7575/tumblr_pw2afzmBuR1y1q4llo5_400.gifv) 80% 100%;
--toppicborder: #9ACC9A;
--namecolor: #9ACC9A;
--nameshadowcolor: #496E49;
--speechbubblecolor: #496E49;
--maintextcolor: #9ACC9A;
--leftbottomcolor: #9ACC9A;
--middlebottomcolor: #B4E3B4;
--rightbottomcolor: #C6F3C6;
--leftbottomtext: #527152;
--middlebottomtext: #527152;
--rightbottomtext: #527152;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: 510px; position: relative; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; overflow: hidden;][border= 0; box-sizing: border-box; padding: 0px; width: 350px; height: 500px; background: transparent; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center;]

[border=0;box-sizing: border-box; width:350px; height:188px; background: var(--toppic); background-size:cover; position: absolute; top: 20px; left: 0px; overflow: auto;][/border]

[border=0;box-sizing: border-box; width:350px; height:200px; background: var(--speechbubblecolor); background-size:cover; position: absolute; top: 170px; left: 0px; overflow: auto; clip-path: polygon(0 100%, 100% 100%, 100% 19%, 98% 19%, 93% 0, 87% 19%, 0 19%);][/border]

[border=0px; position: absolute; height: 145px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 205px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][comment]

Post text starts here!

[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum scelerisque dolor, id auctor sem lobortis ut. Suspendisse potenti. Donec volutpat enim tortor, ut efficitur diam commodo eu. Curabitur sollicitudin, urna ac auctor molestie, lectus metus convallis metus, nec efficitur lorem lectus ac risus. Phasellus tristique enim nisi, nec mattis lacus vestibulum quis. Morbi eleifend, ante eu bibendum ornare, tellus arcu dignissim mi, nec porta nisl massa vitae mi. Vestibulum bibendum elementum eleifend. Etiam convallis feugiat odio id rhoncus. Duis pretium vestibulum mi sed cursus. Vivamus non laoreet felis. Nullam egestas ipsum eu egestas laoreet.

Nam in volutpat felis, eu ullamcorper dui. Integer tincidunt nisi leo, quis ornare lacus gravida non. Nam sit amet ante ornare, placerat lacus eget, iaculis justo. Fusce et magna vulputate, ullamcorper sapien sed, volutpat tortor. Integer velit dolor, egestas sed placerat eget, luctus non eros. Integer id tellus ultricies, porta sem et, ultrices ex. Phasellus feugiat ligula eget dui blandit aliquet. Aenean pretium, ligula a viverra tristique, massa eros laoreet sapien, at rhoncus mi leo vel elit.

Vestibulum ultrices ornare nibh at euismod. Nulla facilisi. Mauris dignissim tellus a accumsan fermentum. Proin id urna a orci consequat imperdiet. Donec ultricies odio vel magna rutrum volutpat. Donec facilisis diam a massa vehicula laoreet. Maecenas mattis ligula eget pulvinar semper. Etiam sed pretium nunc. Sed nulla urna, interdum eu elit non, dignissim dictum mauris. Quisque hendrerit ligula felis, iaculis viverra metus malesuada in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus posuere a ex vel posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras at malesuada ante. Duis sollicitudin dolor eget varius egestas. Sed et nulla neque.

Nunc lacinia mauris nulla, quis condimentum risus elementum a. Nunc commodo leo nibh, a faucibus urna viverra at. Vivamus libero mauris, blandit sollicitudin feugiat bibendum, dapibus ut quam. Quisque id suscipit lectus, at aliquet dolor. Praesent ultrices, magna ut dapibus semper, risus magna molestie ex, volutpat dapibus ante est nec massa. Nullam iaculis dui quis libero pulvinar aliquet. Aenean pretium iaculis nisl quis tincidunt. Aliquam ut nisi purus.

Aenean sed dictum nibh. Quisque porttitor libero ut sapien mattis, sed auctor lorem volutpat. Nulla auctor finibus ullamcorper. Cras eget lorem auctor, consectetur libero eu, sodales dolor. Phasellus pulvinar lectus placerat pulvinar tristique. Aenean vitae felis nisl. Fusce cursus non nisl sit amet euismod. Phasellus faucibus egestas tempus. Suspendisse blandit lobortis viverra. Vivamus at dictum metus.[/border][/border][/border]

[border=0;box-sizing: border-box; width:350px; height:25px; top: 175px; left: 0px; background-size:cover; position: absolute; color: var(--namecolor); line-height: 10px; text-align: left; font-size: 28px; text-shadow: 2px 2px 4px var(--nameshadowcolor); letter-spacing: 2px;][comment]

The name at the bottom goes here! 

If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.

[/comment][font=Syne Mono]character name [/font] [/border]

[border=0;box-sizing: border-box; width:200px; height:101px; background: var(--rightbottomcolor); background-size:cover; position: absolute; top: 369px; left: 200px; overflow: auto;][/border]

[border=0px; position: absolute; height: 85px; width: 125px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 369px; left: 249px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][border=transparent; height:20px; width:20px; padding:0; overflow:hidden; position:relative; left: 36px; opacity: 0%][border=transparent; height:80px; width:180px; padding:0; margin-top:-2px; margin-left:-10px; top:-40px;][comment]

Put whatever (SoundCloud) song you'd like as the link between the media brackets!

[/comment][media=soundcloud]https://soundcloud.com/lilpump/lil-pump-gucci-gang-prod-bighead-gnealz[/media][/border][/border][border=0;box-sizing: border-box; width: fit-content; height:25px; top: -25px; left: 30px; background-size:cover; position: relative; color: var(--rightbottomtext); line-height: 10px; font-size: 20px; text-align: left; letter-spacing: 2px; pointer-events: none;][fa]fas fa-play[/fa][/border]
[border=0;box-sizing: border-box; width: fit-content; height:20px; top: -35px; background-size:cover; position: relative; color: var(--rightbottomtext); line-height: 12px; font-size: 10px; text-align: left; letter-spacing: 2px; pointer-events: none;][comment]

Here goes your song! This is the center scrolly image.

If you'd like to change the fonts, just change the things after the "[font="! All fonts can be found at fonts.google.com. 

[/comment][font=Syne Mono]song title
[right]by [artist][/right][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono]

[border=0;box-sizing: border-box; width:200px; height:101px; background: var(--middlebottomcolor); background-size:cover; position: absolute; top: 369px; left: 2px; overflow: auto;][/border]

[border=0;box-sizing: border-box; width:160px; height:101px; background: var(--middlebottomcolor); background-size:cover; position: absolute; top: 369px; left: 125px; overflow: auto; clip-path: polygon(0% 0%, 75% 0%, 88% 50%, 75% 100%, 0% 100%);][/border]

[border=0px; position: absolute; height: 85px; width: 105px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 369px; left: 130px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--middlebottomtext); font-size: 9px; line-height: 15px; text-align: justify;][font=Syne Mono][u]mentions:[/u]
mentions mentions mentions mentions mentions mentions

[u]interactions:[/u]
interactions interactions interactions interactions interactions 

[u]tags:[/u]
tags tags tags tags tags tags[/font][/border][font=Syne Mono][/font][/border][font=Syne Mono][/font][/border][font=Syne Mono]

[border=0;box-sizing: border-box; width:160px; height:101px; background: var(--leftbottomcolor); background-size:cover; position: absolute; top: 369px; left: 0px; overflow: auto; clip-path: polygon(0% 0%, 75% 0%, 88% 50%, 75% 100%, 0% 100%);][/border]

[border=0px; position: absolute; height: 85px; width: 100px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 369px; left: 0px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--middlebottomtext); font-size: 9px; line-height: 15px; text-align: justify;][font=Syne Mono][u]mood:[/u]
mood mood mood mood mood mood

[u]outfit:[/u]
outfit outfit outfit outfit outfit outfit outfit

[u]location:[/u]
location location location location location[/font][/border][/border][/border][/font][/font][/border][font=Syne Mono][comment]

Please don't delete the credit!

[/comment][font=Syne Mono][border=0; color: #292929; font-size: 8px; position: relative; top: -25px;][font=Quicksand] º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º [/font][/border][/font][/font][/border][font=Syne Mono][font=Syne Mono][/font][/font]
 
Last edited:

Winona

#1 Queen of Breaking Characters
So many variations. It's GORGEOUS. AMAZING.

You make me want to change my codes again.
 

Ditto

ʟɪᴠɪɴ' ʟɪᴋᴇ ʟᴀʀʀʏ








ID BADGE


mobile-friendly!
in-character post!
hidden scrolls!
MUSIC PLAYER!



º º code by ditto º º










  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum scelerisque dolor, id auctor sem lobortis ut. Suspendisse potenti. Donec volutpat enim tortor, ut efficitur diam commodo eu. Curabitur sollicitudin, urna ac auctor molestie, lectus metus convallis metus, nec efficitur lorem lectus ac risus. Phasellus tristique enim nisi, nec mattis lacus vestibulum quis. Morbi eleifend, ante eu bibendum ornare, tellus arcu dignissim mi, nec porta nisl massa vitae mi. Vestibulum bibendum elementum eleifend. Etiam convallis feugiat odio id rhoncus. Duis pretium vestibulum mi sed cursus. Vivamus non laoreet felis. Nullam egestas ipsum eu egestas laoreet.

    Nam in volutpat felis, eu ullamcorper dui. Integer tincidunt nisi leo, quis ornare lacus gravida non. Nam sit amet ante ornare, placerat lacus eget, iaculis justo. Fusce et magna vulputate, ullamcorper sapien sed, volutpat tortor. Integer velit dolor, egestas sed placerat eget, luctus non eros. Integer id tellus ultricies, porta sem et, ultrices ex. Phasellus feugiat ligula eget dui blandit aliquet. Aenean pretium, ligula a viverra tristique, massa eros laoreet sapien, at rhoncus mi leo vel elit.

    Vestibulum ultrices ornare nibh at euismod. Nulla facilisi. Mauris dignissim tellus a accumsan fermentum. Proin id urna a orci consequat imperdiet. Donec ultricies odio vel magna rutrum volutpat. Donec facilisis diam a massa vehicula laoreet. Maecenas mattis ligula eget pulvinar semper. Etiam sed pretium nunc. Sed nulla urna, interdum eu elit non, dignissim dictum mauris. Quisque hendrerit ligula felis, iaculis viverra metus malesuada in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus posuere a ex vel posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras at malesuada ante. Duis sollicitudin dolor eget varius egestas. Sed et nulla neque.

    Nunc lacinia mauris nulla, quis condimentum risus elementum a. Nunc commodo leo nibh, a faucibus urna viverra at. Vivamus libero mauris, blandit sollicitudin feugiat bibendum, dapibus ut quam. Quisque id suscipit lectus, at aliquet dolor. Praesent ultrices, magna ut dapibus semper, risus magna molestie ex, volutpat dapibus ante est nec massa. Nullam iaculis dui quis libero pulvinar aliquet. Aenean pretium iaculis nisl quis tincidunt. Aliquam ut nisi purus.

    Aenean sed dictum nibh. Quisque porttitor libero ut sapien mattis, sed auctor lorem volutpat. Nulla auctor finibus ullamcorper. Cras eget lorem auctor, consectetur libero eu, sodales dolor. Phasellus pulvinar lectus placerat pulvinar tristique. Aenean vitae felis nisl. Fusce cursus non nisl sit amet euismod. Phasellus faucibus egestas tempus. Suspendisse blandit lobortis viverra. Vivamus at dictum metus.



    mood:
    mood mood mood mood mood mood

    outfit:
    outfit outfit outfit outfit outfit outfit outfit

    location:
    location location location location location

    mentions:
    mentions mentions mentions mentions mentions

    interactions:
    interactions interactions interactions interactions interactions

    tags:
    tags tags tags tags tags

    song title
    by [artist]


    º º code by ditto º º
Code:
[border= 0;

--toppic: url(https://data.whicdn.com/images/328305205/original.gif) 50% 100%;
--toppicborder: #496E49;
--backgroundbehindtoppic: #9ACC9A;
--namecolor: #496E49;
--nameshadowcolor: #9ACC9A;
--speechbubblecolor: #496E49;
--maintextcolor: #9ACC9A;
--moodtextcolor: #527152;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: 410px; position: relative; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; overflow: hidden;][border= 0; box-sizing: border-box; padding: 0px; width: 350px; height: 400px; background: transparent; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center;]

[border=0;box-sizing: border-box; width:350px; height:190px; background: var(--backgroundbehindtoppic); background-size:cover; position: absolute; top: 15px; left: 0px; overflow: auto;][/border]

[border=0;box-sizing: border-box; width:180px; height:180px; background: var(--toppic); background-size:cover; position: absolute; top: 20px; left: 5px; overflow: auto; border: 6px solid var(--toppicborder);][/border]

[border=0;box-sizing: border-box; width:350px; height:200px; background: var(--speechbubblecolor); background-size:cover; position: absolute; top: 175px; left: 0px; overflow: auto; clip-path: polygon(0 100%, 100% 100%, 100% 18%, 18% 18%, 13% 0, 9% 18%, 0 18%);][/border]

[border=0px; position: absolute; height: 145px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 210px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][comment]

Post text starts here!

[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum scelerisque dolor, id auctor sem lobortis ut. Suspendisse potenti. Donec volutpat enim tortor, ut efficitur diam commodo eu. Curabitur sollicitudin, urna ac auctor molestie, lectus metus convallis metus, nec efficitur lorem lectus ac risus. Phasellus tristique enim nisi, nec mattis lacus vestibulum quis. Morbi eleifend, ante eu bibendum ornare, tellus arcu dignissim mi, nec porta nisl massa vitae mi. Vestibulum bibendum elementum eleifend. Etiam convallis feugiat odio id rhoncus. Duis pretium vestibulum mi sed cursus. Vivamus non laoreet felis. Nullam egestas ipsum eu egestas laoreet.

Nam in volutpat felis, eu ullamcorper dui. Integer tincidunt nisi leo, quis ornare lacus gravida non. Nam sit amet ante ornare, placerat lacus eget, iaculis justo. Fusce et magna vulputate, ullamcorper sapien sed, volutpat tortor. Integer velit dolor, egestas sed placerat eget, luctus non eros. Integer id tellus ultricies, porta sem et, ultrices ex. Phasellus feugiat ligula eget dui blandit aliquet. Aenean pretium, ligula a viverra tristique, massa eros laoreet sapien, at rhoncus mi leo vel elit.

Vestibulum ultrices ornare nibh at euismod. Nulla facilisi. Mauris dignissim tellus a accumsan fermentum. Proin id urna a orci consequat imperdiet. Donec ultricies odio vel magna rutrum volutpat. Donec facilisis diam a massa vehicula laoreet. Maecenas mattis ligula eget pulvinar semper. Etiam sed pretium nunc. Sed nulla urna, interdum eu elit non, dignissim dictum mauris. Quisque hendrerit ligula felis, iaculis viverra metus malesuada in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus posuere a ex vel posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras at malesuada ante. Duis sollicitudin dolor eget varius egestas. Sed et nulla neque.

Nunc lacinia mauris nulla, quis condimentum risus elementum a. Nunc commodo leo nibh, a faucibus urna viverra at. Vivamus libero mauris, blandit sollicitudin feugiat bibendum, dapibus ut quam. Quisque id suscipit lectus, at aliquet dolor. Praesent ultrices, magna ut dapibus semper, risus magna molestie ex, volutpat dapibus ante est nec massa. Nullam iaculis dui quis libero pulvinar aliquet. Aenean pretium iaculis nisl quis tincidunt. Aliquam ut nisi purus.

Aenean sed dictum nibh. Quisque porttitor libero ut sapien mattis, sed auctor lorem volutpat. Nulla auctor finibus ullamcorper. Cras eget lorem auctor, consectetur libero eu, sodales dolor. Phasellus pulvinar lectus placerat pulvinar tristique. Aenean vitae felis nisl. Fusce cursus non nisl sit amet euismod. Phasellus faucibus egestas tempus. Suspendisse blandit lobortis viverra. Vivamus at dictum metus.[/border][/border][/border]

[border=0px; position: absolute; height: 160px; width: 150px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 20px; left: 180px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--moodtextcolor); font-size: 9px; line-height: 15px; text-align: justify;][border=0; position: relative; background: transparent; height: 150px; width: 120px; border-radius: 0px; font-size: 50px; text-align: center; line-height: 25px;][comment]

Here goes the big icon beside the photo!

[/comment]
[fa]fas fa-joint[/fa][/border][font=Syne Mono][u]mood:[/u]
mood mood mood mood mood mood

[u]outfit:[/u]
outfit outfit outfit outfit outfit outfit outfit

[u]location:[/u]
location location location location location

[u]mentions:[/u]
mentions mentions mentions mentions mentions

[u]interactions:[/u]
interactions interactions interactions interactions interactions

[u]tags:[/u]
tags tags tags tags tags [/font][border=transparent; height:20px; width:20px; padding:0; overflow:hidden; position:relative; top: 25px; left: 60px; opacity: 0%][border=transparent; height:80px; width:180px; padding:0; margin-top:-2px; margin-left:-10px;][comment]

Put whatever (SoundCloud) song you'd like as the link between the media brackets!

[/comment][media=soundcloud]https://soundcloud.com/lilpump/lil-pump-gucci-gang-prod-bighead-gnealz[/media][/border][/border][border=0;box-sizing: border-box; width: fit-content; height:25px; left: 55px; background-size:cover; position: relative; color: var(--moodtextcolor); line-height: 10px; font-size: 20px; text-align: left; letter-spacing: 2px; pointer-events: none;][fa]fas fa-play[/fa][/border]
[border=0;box-sizing: border-box; width: 130px; height:fit-content; background-size:cover; position: relative; color: var(--moodtextcolor); line-height: 12px; font-size: 10px; text-align: left; letter-spacing: 2px; pointer-events: none; left: 5px;][comment]

Here goes your song!

If you'd like to change the fonts, just change the things after the "[font="! All fonts can be found at fonts.google.com. 

[/comment][center][font=Syne Mono]song title
by [artist][/center][/font][/border][/border][/border][/border]

[/border][font=Syne Mono][font=Syne Mono][border=0; color: #292929; font-size: 8px; position: relative; top: -25px;][font=Quicksand] º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º [/font][/border][/font][/font][/border][font=Syne Mono][font=Syne Mono][/font][/font]
Code:
[border= 0;

--toppic: url(https://data.whicdn.com/images/328305205/original.gif) 50% 100%;
--toppicborder: #496E49;
--backgroundbehindtoppic: #9ACC9A;
--namecolor: #496E49;
--nameshadowcolor: #9ACC9A;
--speechbubblecolor: #496E49;
--maintextcolor: #9ACC9A;
--moodtextcolor: #527152;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: 410px; position: relative; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; overflow: hidden;][border= 0; box-sizing: border-box; padding: 0px; width: 350px; height: 400px; background: transparent; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center;]

[border=0;box-sizing: border-box; width:350px; height:190px; background: var(--backgroundbehindtoppic); background-size:cover; position: absolute; top: 15px; left: 0px; overflow: auto;][/border]

[border=0;box-sizing: border-box; width:180px; height:180px; background: var(--toppic); background-size:cover; position: absolute; top: 20px; left: 5px; overflow: auto; border: 6px solid var(--toppicborder);][/border]

[border=0;box-sizing: border-box; width:350px; height:200px; background: var(--speechbubblecolor); background-size:cover; position: absolute; top: 175px; left: 0px; overflow: auto; clip-path: polygon(0 100%, 100% 100%, 100% 18%, 18% 18%, 13% 0, 9% 18%, 0 18%);][/border]

[border=0px; position: absolute; height: 145px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 210px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][comment]

Post text starts here!

[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum scelerisque dolor, id auctor sem lobortis ut. Suspendisse potenti. Donec volutpat enim tortor, ut efficitur diam commodo eu. Curabitur sollicitudin, urna ac auctor molestie, lectus metus convallis metus, nec efficitur lorem lectus ac risus. Phasellus tristique enim nisi, nec mattis lacus vestibulum quis. Morbi eleifend, ante eu bibendum ornare, tellus arcu dignissim mi, nec porta nisl massa vitae mi. Vestibulum bibendum elementum eleifend. Etiam convallis feugiat odio id rhoncus. Duis pretium vestibulum mi sed cursus. Vivamus non laoreet felis. Nullam egestas ipsum eu egestas laoreet.

Nam in volutpat felis, eu ullamcorper dui. Integer tincidunt nisi leo, quis ornare lacus gravida non. Nam sit amet ante ornare, placerat lacus eget, iaculis justo. Fusce et magna vulputate, ullamcorper sapien sed, volutpat tortor. Integer velit dolor, egestas sed placerat eget, luctus non eros. Integer id tellus ultricies, porta sem et, ultrices ex. Phasellus feugiat ligula eget dui blandit aliquet. Aenean pretium, ligula a viverra tristique, massa eros laoreet sapien, at rhoncus mi leo vel elit.

Vestibulum ultrices ornare nibh at euismod. Nulla facilisi. Mauris dignissim tellus a accumsan fermentum. Proin id urna a orci consequat imperdiet. Donec ultricies odio vel magna rutrum volutpat. Donec facilisis diam a massa vehicula laoreet. Maecenas mattis ligula eget pulvinar semper. Etiam sed pretium nunc. Sed nulla urna, interdum eu elit non, dignissim dictum mauris. Quisque hendrerit ligula felis, iaculis viverra metus malesuada in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus posuere a ex vel posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras at malesuada ante. Duis sollicitudin dolor eget varius egestas. Sed et nulla neque.

Nunc lacinia mauris nulla, quis condimentum risus elementum a. Nunc commodo leo nibh, a faucibus urna viverra at. Vivamus libero mauris, blandit sollicitudin feugiat bibendum, dapibus ut quam. Quisque id suscipit lectus, at aliquet dolor. Praesent ultrices, magna ut dapibus semper, risus magna molestie ex, volutpat dapibus ante est nec massa. Nullam iaculis dui quis libero pulvinar aliquet. Aenean pretium iaculis nisl quis tincidunt. Aliquam ut nisi purus.

Aenean sed dictum nibh. Quisque porttitor libero ut sapien mattis, sed auctor lorem volutpat. Nulla auctor finibus ullamcorper. Cras eget lorem auctor, consectetur libero eu, sodales dolor. Phasellus pulvinar lectus placerat pulvinar tristique. Aenean vitae felis nisl. Fusce cursus non nisl sit amet euismod. Phasellus faucibus egestas tempus. Suspendisse blandit lobortis viverra. Vivamus at dictum metus.[/border][/border][/border]

[border=0;box-sizing: border-box; width:350px; height:25px; top: 180px; left: 0px; background-size:cover; position: absolute; color: var(--namecolor); line-height: 10px; text-align: right; font-size: 28px; text-shadow: 2px 2px 4px var(--nameshadowcolor); letter-spacing: 2px;][comment]

The name at the bottom goes here! 

If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.

[/comment][font=Syne Mono]character name [/font] [/border]

[border=0px; position: absolute; height: 160px; width: 150px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 20px; left: 180px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--moodtextcolor); font-size: 9px; line-height: 15px; text-align: justify;][border=0; position: relative; background: transparent; height: 150px; width: 120px; border-radius: 0px; font-size: 50px; text-align: center; line-height: 25px;][comment]

Here goes the big icon beside the photo!

[/comment]
[fa]fas fa-joint[/fa][/border][font=Syne Mono][u]mood:[/u]
mood mood mood mood mood mood

[u]outfit:[/u]
outfit outfit outfit outfit outfit outfit outfit

[u]location:[/u]
location location location location location

[u]mentions:[/u]
mentions mentions mentions mentions mentions

[u]interactions:[/u]
interactions interactions interactions interactions interactions

[u]tags:[/u]
tags tags tags tags tags [/font][border=transparent; height:20px; width:20px; padding:0; overflow:hidden; position:relative; top: 25px; left: 60px; opacity: 0%][border=transparent; height:80px; width:180px; padding:0; margin-top:-2px; margin-left:-10px;][comment]

Put whatever (SoundCloud) song you'd like as the link between the media brackets!

[/comment][media=soundcloud]https://soundcloud.com/lilpump/lil-pump-gucci-gang-prod-bighead-gnealz[/media][/border][/border][border=0;box-sizing: border-box; width: fit-content; height:25px; left: 55px; background-size:cover; position: relative; color: var(--moodtextcolor); line-height: 10px; font-size: 20px; text-align: left; letter-spacing: 2px; pointer-events: none;][fa]fas fa-play[/fa][/border]
[border=0;box-sizing: border-box; width: 130px; height:fit-content; background-size:cover; position: relative; color: var(--moodtextcolor); line-height: 12px; font-size: 10px; text-align: left; letter-spacing: 2px; pointer-events: none; left: 5px;][comment]

Here goes your song!

If you'd like to change the fonts, just change the things after the "[font="! All fonts can be found at fonts.google.com. 

[/comment][center][font=Syne Mono]song title
by [artist][/center][/font][/border][/border][/border][/border]

[/border][font=Syne Mono][font=Syne Mono][border=0; color: #292929; font-size: 8px; position: relative; top: -25px;][font=Quicksand] º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º [/font][/border][/font][/font][/border][font=Syne Mono][font=Syne Mono][/font][/font]
Code:
[border= 0;

--toppic: url(https://data.whicdn.com/images/328305205/original.gif) 50% 100%;
--toppicborder: #496E49;
--backgroundbehindtoppic: #9ACC9A;
--namecolor: #496E49;
--nameshadowcolor: #9ACC9A;
--speechbubblecolor: #496E49;
--maintextcolor: #9ACC9A;
--moodtextcolor: #527152;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: 410px; position: relative; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; overflow: hidden;][border= 0; box-sizing: border-box; padding: 0px; width: 350px; height: 400px; background: transparent; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center;]

[border=0;box-sizing: border-box; width:350px; height:190px; background: var(--backgroundbehindtoppic); background-size:cover; position: absolute; top: 15px; left: 0px; overflow: auto;][/border]

[border=0;box-sizing: border-box; width:180px; height:180px; background: var(--toppic); background-size:cover; position: absolute; top: 20px; left: 5px; overflow: auto; border: 6px solid var(--toppicborder);][/border]

[border=0;box-sizing: border-box; width:350px; height:200px; background: var(--speechbubblecolor); background-size:cover; position: absolute; top: 175px; left: 0px; overflow: auto; clip-path: polygon(0 100%, 100% 100%, 100% 18%, 18% 18%, 13% 0, 9% 18%, 0 18%);][/border]

[border=0px; position: absolute; height: 145px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 210px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][comment]

Post text starts here!

[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum scelerisque dolor, id auctor sem lobortis ut. Suspendisse potenti. Donec volutpat enim tortor, ut efficitur diam commodo eu. Curabitur sollicitudin, urna ac auctor molestie, lectus metus convallis metus, nec efficitur lorem lectus ac risus. Phasellus tristique enim nisi, nec mattis lacus vestibulum quis. Morbi eleifend, ante eu bibendum ornare, tellus arcu dignissim mi, nec porta nisl massa vitae mi. Vestibulum bibendum elementum eleifend. Etiam convallis feugiat odio id rhoncus. Duis pretium vestibulum mi sed cursus. Vivamus non laoreet felis. Nullam egestas ipsum eu egestas laoreet.

Nam in volutpat felis, eu ullamcorper dui. Integer tincidunt nisi leo, quis ornare lacus gravida non. Nam sit amet ante ornare, placerat lacus eget, iaculis justo. Fusce et magna vulputate, ullamcorper sapien sed, volutpat tortor. Integer velit dolor, egestas sed placerat eget, luctus non eros. Integer id tellus ultricies, porta sem et, ultrices ex. Phasellus feugiat ligula eget dui blandit aliquet. Aenean pretium, ligula a viverra tristique, massa eros laoreet sapien, at rhoncus mi leo vel elit.

Vestibulum ultrices ornare nibh at euismod. Nulla facilisi. Mauris dignissim tellus a accumsan fermentum. Proin id urna a orci consequat imperdiet. Donec ultricies odio vel magna rutrum volutpat. Donec facilisis diam a massa vehicula laoreet. Maecenas mattis ligula eget pulvinar semper. Etiam sed pretium nunc. Sed nulla urna, interdum eu elit non, dignissim dictum mauris. Quisque hendrerit ligula felis, iaculis viverra metus malesuada in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus posuere a ex vel posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras at malesuada ante. Duis sollicitudin dolor eget varius egestas. Sed et nulla neque.

Nunc lacinia mauris nulla, quis condimentum risus elementum a. Nunc commodo leo nibh, a faucibus urna viverra at. Vivamus libero mauris, blandit sollicitudin feugiat bibendum, dapibus ut quam. Quisque id suscipit lectus, at aliquet dolor. Praesent ultrices, magna ut dapibus semper, risus magna molestie ex, volutpat dapibus ante est nec massa. Nullam iaculis dui quis libero pulvinar aliquet. Aenean pretium iaculis nisl quis tincidunt. Aliquam ut nisi purus.

Aenean sed dictum nibh. Quisque porttitor libero ut sapien mattis, sed auctor lorem volutpat. Nulla auctor finibus ullamcorper. Cras eget lorem auctor, consectetur libero eu, sodales dolor. Phasellus pulvinar lectus placerat pulvinar tristique. Aenean vitae felis nisl. Fusce cursus non nisl sit amet euismod. Phasellus faucibus egestas tempus. Suspendisse blandit lobortis viverra. Vivamus at dictum metus.[/border][/border][/border]

[border=0;box-sizing: border-box; width:350px; height:25px; top: 0px; left: 5px; background-size:cover; position: absolute; color: var(--namecolor); line-height: 10px; text-align: right; font-size: 28px; text-shadow: 2px 2px 4px var(--nameshadowcolor); letter-spacing: 2px;][comment]

The name at the bottom goes here! 

If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.

[/comment][font=Syne Mono]character name [/font] [/border]

[border=0px; position: absolute; height: 160px; width: 180px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 20px; left: 180px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--moodtextcolor); font-size: 9px; line-height: 15px; text-align: justify;][border=0; position: relative; background: transparent; height: 150px; width: 135px; border-radius: 0px; font-size: 50px; text-align: center; line-height: 25px;][comment]

Here goes the big icon beside the photo!

[/comment]
[fa]fas fa-joint[/fa][/border][font=Syne Mono][u]mood:[/u]
mood mood mood mood mood mood

[u]outfit:[/u]
outfit outfit outfit outfit outfit outfit outfit

[u]location:[/u]
location location location location location

[u]mentions:[/u]
mentions mentions mentions mentions mentions

[u]interactions:[/u]
interactions interactions interactions interactions interactions

[u]tags:[/u]
tags tags tags tags tags [/font][border=transparent; height:20px; width:20px; padding:0; overflow:hidden; position:relative; top: 25px; left: 70px; opacity: 0%][border=transparent; height:80px; width:180px; padding:0; margin-top:-2px; margin-left:-10px;][comment]

Put whatever (SoundCloud) song you'd like as the link between the media brackets!

[/comment][media=soundcloud]https://soundcloud.com/lilpump/lil-pump-gucci-gang-prod-bighead-gnealz[/media][/border][/border][border=0;box-sizing: border-box; width: fit-content; height:25px; left: 65px; background-size:cover; position: relative; color: var(--moodtextcolor); line-height: 10px; font-size: 20px; text-align: left; letter-spacing: 2px; pointer-events: none;][fa]fas fa-play[/fa][/border]
[border=0;box-sizing: border-box; width: 150px; height:fit-content; background-size:cover; position: relative; color: var(--moodtextcolor); line-height: 12px; font-size: 10px; text-align: left; letter-spacing: 2px; pointer-events: none;][comment]

Here goes your song!

If you'd like to change the fonts, just change the things after the "[font="! All fonts can be found at fonts.google.com. 

[/comment][font=Syne Mono]song title
[right]by [artist][/right][/font][/border][/border][/border][/border]

[/border][font=Syne Mono][font=Syne Mono][border=0; color: #292929; font-size: 8px; position: relative; top: -25px;][font=Quicksand] º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º [/font][/border][/font][/font][/border][font=Syne Mono][font=Syne Mono][/font][/font]
 
Last edited:

Ditto

ʟɪᴠɪɴ' ʟɪᴋᴇ ʟᴀʀʀʏ








COOL GUY


mobile-friendly!
in-character post!
hidden scrolls!
MUSIC PLAYER!



º º code by ditto º º










Character Name


mood

location

outfit

mentions

interactions

tags





Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum scelerisque dolor, id auctor sem lobortis ut. Suspendisse potenti. Donec volutpat enim tortor, ut efficitur diam commodo eu. Curabitur sollicitudin, urna ac auctor molestie, lectus metus convallis metus, nec efficitur lorem lectus ac risus. Phasellus tristique enim nisi, nec mattis lacus vestibulum quis. Morbi eleifend, ante eu bibendum ornare, tellus arcu dignissim mi, nec porta nisl massa vitae mi. Vestibulum bibendum elementum eleifend. Etiam convallis feugiat odio id rhoncus. Duis pretium vestibulum mi sed cursus. Vivamus non laoreet felis. Nullam egestas ipsum eu egestas laoreet.

Nam in volutpat felis, eu ullamcorper dui. Integer tincidunt nisi leo, quis ornare lacus gravida non. Nam sit amet ante ornare, placerat lacus eget, iaculis justo. Fusce et magna vulputate, ullamcorper sapien sed, volutpat tortor. Integer velit dolor, egestas sed placerat eget, luctus non eros. Integer id tellus ultricies, porta sem et, ultrices ex. Phasellus feugiat ligula eget dui blandit aliquet. Aenean pretium, ligula a viverra tristique, massa eros laoreet sapien, at rhoncus mi leo vel elit.

Vestibulum ultrices ornare nibh at euismod. Nulla facilisi. Mauris dignissim tellus a accumsan fermentum. Proin id urna a orci consequat imperdiet. Donec ultricies odio vel magna rutrum volutpat. Donec facilisis diam a massa vehicula laoreet. Maecenas mattis ligula eget pulvinar semper. Etiam sed pretium nunc. Sed nulla urna, interdum eu elit non, dignissim dictum mauris. Quisque hendrerit ligula felis, iaculis viverra metus malesuada in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus posuere a ex vel posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras at malesuada ante. Duis sollicitudin dolor eget varius egestas. Sed et nulla neque.

Nunc lacinia mauris nulla, quis condimentum risus elementum a. Nunc commodo leo nibh, a faucibus urna viverra at. Vivamus libero mauris, blandit sollicitudin feugiat bibendum, dapibus ut quam. Quisque id suscipit lectus, at aliquet dolor. Praesent ultrices, magna ut dapibus semper, risus magna molestie ex, volutpat dapibus ante est nec massa. Nullam iaculis dui quis libero pulvinar aliquet. Aenean pretium iaculis nisl quis tincidunt. Aliquam ut nisi purus.

Aenean sed dictum nibh. Quisque porttitor libero ut sapien mattis, sed auctor lorem volutpat. Nulla auctor finibus ullamcorper. Cras eget lorem auctor, consectetur libero eu, sodales dolor. Phasellus pulvinar lectus placerat pulvinar tristique. Aenean vitae felis nisl. Fusce cursus non nisl sit amet euismod. Phasellus faucibus egestas tempus. Suspendisse blandit lobortis viverra. Vivamus at dictum metus.





song title


artist name






º º code by ditto º º
Code:
[comment]

Variables go in this border! The names should be relatively self-explanatory.

If any image is not in the position that you would like, change the percentages to its right-- the first percentage is the x-value, and the second percentage is the y-value. The larger the first percentage, the further to the right the image will go; the larger the second percentage is, the lower the image will go.

If you would like the boxes at the bottom to be colors instead of images, then take out the "url()" and put the hex code of whatever color you'd like there instead!
Ex:
--bg: #FFF9F9;
instead of 
--bg: url(https://cdn131.picsart.com/313863409174201.jpg?type=webp&to=min&r=640);
Be sure to keep the semicolon!

[/comment][border= 0;

--bg: url(https://cdn131.picsart.com/313863409174201.jpg?type=webp&to=min&r=640);
--toppic: url(https://img.wattpad.com/7a5be91856dbec27ba8b81d9737307bbf7081d90/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f6d547759496c545f4352556c65513d3d2d3534333033373132372e3135313937656662346332633266613335343530333631373133372e676966) 30% 50%;
--toppicborder: #26ADA1;
--namecolor: #0B554E;
--nameshadowcolor: #A0E2DC;
--moodbgcolor: #A0E2DC;
--moodtextcolor: #0B554E;
--maintextbg: #A0E2DC;
--maintextcolor: #0B554E;
--playerbg: #A0E2DC;
--playerborder: #0B554E;
--playbuttoncolor: #0B554E;
--playertexttop: #0B554E;
--playertextbottom: #26ADA1;
--playerlinecolor1: #26ADA1;
--playerlinecolor2: #0B554E;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: 500px; position: relative; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;]

[border= 0; box-sizing: border-box; padding: 0px; width: 350px; height: 500px; background: var(--bg); background-size: cover; display: flex; flex-direction: column; margin: auto; hidden; justify-content: center; align-items: center;]

[border=0;box-sizing: border-box; width:268px; height:115px; background: var(--moodbgcolor); background-size:cover; position: absolute; top: 28px; left:62px;][/border]

[border=0;box-sizing: border-box; width:140px; height:140px; background: var(--toppic); background-size:cover; position: absolute; top:20px; left:20px; overflow: auto; border-radius: 100%; border: 2px solid var(--toppicborder);][/border]

[border=0;box-sizing: border-box; width:217px; height:30px; top: 13px; left: 135px; background-size:cover; position: absolute; color: var(--namecolor); line-height: 10px; text-align: center; font-family: Viaoda Libre; font-size: 24px; text-align: left; font-weight: bold; text-shadow: 3px 0px var(--nameshadowcolor); letter-spacing: 2px;][comment]

The name at the top goes here! 

If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.

[/comment][font=Lobster]Character Name[/font][/border]

[border=0px; position: absolute; height: 80px; width: 160px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 40px; left: 154px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][row][column=span2][size=13px][fa]fal fa-grin[/fa][/size][/column] mood [/row]

[row][column=span2][size=13px][fa]fal fa-location-arrow[/fa][/size][/column] location [/row]

[row][column=span2][size=13px][fa]fal fa-tshirt[/fa][/size][/column] outfit [/row]

[row][column=span2][size=13px][fa]fal fa-comments-alt[/fa][/size][/column] mentions [/row]

[row][column=span2][size=13px][fa]fal fa-users[/fa][/size][/column] interactions [/row]

[row][column=span2][size=13px][fa]fal fa-at[/fa][/size][/column] tags [/row]

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

[border=0;box-sizing: border-box; width:315px; height:290px; background: var(--maintextbg); background-size:cover; position: absolute; top: 166px; left:18px; overflow: auto;][/border]

[border=0px; position: absolute; height: 240px; width: 303px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 170px; left: 15px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][comment]

Post starts here!

[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum scelerisque dolor, id auctor sem lobortis ut. Suspendisse potenti. Donec volutpat enim tortor, ut efficitur diam commodo eu. Curabitur sollicitudin, urna ac auctor molestie, lectus metus convallis metus, nec efficitur lorem lectus ac risus. Phasellus tristique enim nisi, nec mattis lacus vestibulum quis. Morbi eleifend, ante eu bibendum ornare, tellus arcu dignissim mi, nec porta nisl massa vitae mi. Vestibulum bibendum elementum eleifend. Etiam convallis feugiat odio id rhoncus. Duis pretium vestibulum mi sed cursus. Vivamus non laoreet felis. Nullam egestas ipsum eu egestas laoreet.

Nam in volutpat felis, eu ullamcorper dui. Integer tincidunt nisi leo, quis ornare lacus gravida non. Nam sit amet ante ornare, placerat lacus eget, iaculis justo. Fusce et magna vulputate, ullamcorper sapien sed, volutpat tortor. Integer velit dolor, egestas sed placerat eget, luctus non eros. Integer id tellus ultricies, porta sem et, ultrices ex. Phasellus feugiat ligula eget dui blandit aliquet. Aenean pretium, ligula a viverra tristique, massa eros laoreet sapien, at rhoncus mi leo vel elit.

Vestibulum ultrices ornare nibh at euismod. Nulla facilisi. Mauris dignissim tellus a accumsan fermentum. Proin id urna a orci consequat imperdiet. Donec ultricies odio vel magna rutrum volutpat. Donec facilisis diam a massa vehicula laoreet. Maecenas mattis ligula eget pulvinar semper. Etiam sed pretium nunc. Sed nulla urna, interdum eu elit non, dignissim dictum mauris. Quisque hendrerit ligula felis, iaculis viverra metus malesuada in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus posuere a ex vel posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras at malesuada ante. Duis sollicitudin dolor eget varius egestas. Sed et nulla neque.

Nunc lacinia mauris nulla, quis condimentum risus elementum a. Nunc commodo leo nibh, a faucibus urna viverra at. Vivamus libero mauris, blandit sollicitudin feugiat bibendum, dapibus ut quam. Quisque id suscipit lectus, at aliquet dolor. Praesent ultrices, magna ut dapibus semper, risus magna molestie ex, volutpat dapibus ante est nec massa. Nullam iaculis dui quis libero pulvinar aliquet. Aenean pretium iaculis nisl quis tincidunt. Aliquam ut nisi purus.

Aenean sed dictum nibh. Quisque porttitor libero ut sapien mattis, sed auctor lorem volutpat. Nulla auctor finibus ullamcorper. Cras eget lorem auctor, consectetur libero eu, sodales dolor. Phasellus pulvinar lectus placerat pulvinar tristique. Aenean vitae felis nisl. Fusce cursus non nisl sit amet euismod. Phasellus faucibus egestas tempus. Suspendisse blandit lobortis viverra. Vivamus at dictum metus.[/border][/border][/border]

[border=0;box-sizing: border-box; width:212px; height:54px; background: var(--playerbg); background-size:cover; position: absolute; top: 430px; left:70px; overflow: auto; border-radius: 15px; border: 2px solid var(--playerborder);][border=transparent; height:1px; width:90%; padding:0; border-radius:5px; background: var(--playerlinecolor1); display:flex; align-items:center; top: 40px; left: 10px; position: absolute;][border=transparent; height:3px; padding:0; border-radius:5px; background: var(--playerlinecolor2); width:74%;][/border][/border][/border]

[border=transparent; height:20px; width:20px; padding:0; overflow:hidden; position:absolute; left: 85px; top: 442px; opacity: 0%;][border=transparent; height:80px; width:180px; padding:0; margin-top:-2px; margin-left:-10px; top:-40px;][comment]

Put whatever (SoundCloud) song you'd like as the link between the media brackets!

[/comment][media=soundcloud]https://soundcloud.com/callmekarizma/rebels[/media][/border][/border]

[border=0;box-sizing: border-box; width:150px; height:14px; top: 435px; left: 103px; background-size:cover; position: absolute; color: var(--playertexttop); line-height: 10px; text-align: center; font-family: Viaoda Libre; font-size: 13px; text-align: center; font-weight: bold;][comment]

The song title goes here! 

If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.

[/comment][font=Lobster]song title[/font][/border]

[border=0;box-sizing: border-box; width:150px; height:14px; top: 445px; left: 103px; background-size:cover; position: absolute; color: var(--playertextbottom); line-height: 10px; text-align: center; font-size: 8px; text-align: center;]artist name[/border]

[border=0;box-sizing: border-box; width:20px; height:20px; top: 435px; left: 80px; background-size:cover; position: absolute; color: var(--playbuttoncolor); line-height: 10px; text-align: center; font-family: Viaoda Libre; font-size: 18px; text-align: center; font-weight: bold; pointer-events: none;][fa]fas fa-play[/fa][/border]

[/border]

[border=0; color: #292929; font-size: 8px;][font=Quicksand] º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º [/font][/border][/border]
 
Last edited:

Ditto

ʟɪᴠɪɴ' ʟɪᴋᴇ ʟᴀʀʀʏ








SQUAREZ


mobile-friendly!
in-character post!
hidden scrolls!

º º code by ditto º º

(big ups to butterfly aubade butterfly aubade for helping me out with the hidden scrolls!)













character name

mood mood mood mood mood​

outfit outfit outfit outfit outfit​

mentions mentions mentions​

interactions interactions​

tags tags tags tags tags​





textextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextexttextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextexttextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextexttextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextexttextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextexttextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextext


º º code by ditto º º


Code:
 [border= 0;

--bgborder: #9C3535;
--bg: #9C3535;
--toppic: url(https://i.pinimg.com/originals/98/4a/b3/984ab39dd9bcdfd69584d15ccee46623.gif) 50% 50%;
--toppicborders: #FFF9F9;
--namecolor: #FFF9F9;
--moodtextcolor: #FFF9F9;
--textbg: #FFF9F9;
--textbgborder: #FFF9F9;
--maintextcolor: #9C3535;

box-sizing: border-box; padding: 0; max-width: 375px; min-height: 380px; position: relative; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;]

[border= 0; box-sizing: border-box; padding: 0px; width: 375px; height: 380px; background: transparent; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center;]

[border= 0; box-sizing: border-box; padding: 0px; position: absolute; width: 370px; height: 370px; background: transparent; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center; border: 2px solid var(--bgborder);]

[border= 0; box-sizing: border-box; padding: 0px; position: absolute; width: 360px; height: 360px; background: var(--bg); display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center;]

[border= 0; box-sizing: border-box; padding: 0px; width: 120px; height: 120px; position: absolute; background: transparent; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center; top: 25px; left: 25px; background-size: cover; border: 2px solid var(--toppicborders);]

[border= 0; box-sizing: border-box; padding: 0px; width: 110px; height: 110px; position: absolute; background: var(--toppic); display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center; top: 3px; left: 3px; background-size: cover; border: 2px solid var(--toppicborders);] [/border][/border]

[border=0px; position: absolute; height: 120px; width: 200px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 15px; left: 145px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--moodtextcolor); font-size: 9px; line-height: 15px; text-align: justify;][border=0; box-sizing: border-box; padding: 0 0 10px 10px; padding:5px 10px; height: 30%; margin-left: -10px; position: sticky; top: 0; background: var(--bg); z-index: 3; color: var(--namecolor);][center][comment]

Character name here!

If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.

[/comment][font=Cedarville Cursive][size=25px]character name[/size][/font][/center][/border]

[row][column=span2][size=15px][center][b][fa]fal fa-smile[/fa][/b][/center][b][/b][/size][b][/b][/column][center]mood mood mood mood mood[/center][/row]

[row][column=span2][size=15px][b][center][fa]fal fa-tshirt[/fa][/center][/b][/size][b][/b][/column][center]outfit outfit outfit outfit outfit[/center][/row]

[row][column=span2][size=15px][b][center][fa]fal fa-comments-alt[/fa][/center][/b][/size][b][/b][/column][center]mentions mentions mentions[/center][/row]

[row][column=span2][size=15px][b][center][fa]fal fa-exclamation[/fa][/center][/b][/size][b][/b][/column][center]interactions interactions[/center][/row]

[row][column=span2][size=15px][b][center][fa]fal fa-at[/fa][/center][/b][/size][b][/b][/column][center]tags tags tags tags tags[/center][/row][/border][/border][/border][/border]

[border= 0; box-sizing: border-box; padding: 0px; position: absolute; width: 325px; height: 170px; background: transparent; left: 20px; top: 175px; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center; border: 2px solid var(--textbgborder);]

[border= 0; box-sizing: border-box; padding: 0px; position: absolute; width: 310px; height: 154px; background: var(--textbg); left: 5px; top: 6px; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center;]

[border=0px; position: absolute; height: 135px; width: 300px; border-radius:0px; line-height:15px; overflow-y: scroll; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][comment]

Post starts here!

[/comment]textextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextexttextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextexttextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextexttextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextexttextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextexttextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextext[/border][/border][/border][/border]

[/border][comment]

Please do not remove credit!

[/comment][/border][/border][border=0; color: #878787; font-size: 8px; position: relative; margin-top: 0px;][font=Quicksand] º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º [/font][/border][/border]
 
Last edited:

Ditto

ʟɪᴠɪɴ' ʟɪᴋᴇ ʟᴀʀʀʏ








BARS


in-character post!
MOBILE FRIENDLY!
hidden scrolls!

º º code by ditto º º





CHARACTER NAME


MOOD: mood mood mood mood mood

OUTFIT: outfit outfit outfit outfit outfit

MENTIONS: mentions mentions mentions

INTERACTIONS: interactions interactions

TAGS: tags tags tags tags tags

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum scelerisque dolor, id auctor sem lobortis ut. Suspendisse potenti. Donec volutpat enim tortor, ut efficitur diam commodo eu. Curabitur sollicitudin, urna ac auctor molestie, lectus metus convallis metus, nec efficitur lorem lectus ac risus. Phasellus tristique enim nisi, nec mattis lacus vestibulum quis. Morbi eleifend, ante eu bibendum ornare, tellus arcu dignissim mi, nec porta nisl massa vitae mi. Vestibulum bibendum elementum eleifend. Etiam convallis feugiat odio id rhoncus. Duis pretium vestibulum mi sed cursus. Vivamus non laoreet felis. Nullam egestas ipsum eu egestas laoreet.

Nam in volutpat felis, eu ullamcorper dui. Integer tincidunt nisi leo, quis ornare lacus gravida non. Nam sit amet ante ornare, placerat lacus eget, iaculis justo. Fusce et magna vulputate, ullamcorper sapien sed, volutpat tortor. Integer velit dolor, egestas sed placerat eget, luctus non eros. Integer id tellus ultricies, porta sem et, ultrices ex. Phasellus feugiat ligula eget dui blandit aliquet. Aenean pretium, ligula a viverra tristique, massa eros laoreet sapien, at rhoncus mi leo vel elit.

Vestibulum ultrices ornare nibh at euismod. Nulla facilisi. Mauris dignissim tellus a accumsan fermentum. Proin id urna a orci consequat imperdiet. Donec ultricies odio vel magna rutrum volutpat. Donec facilisis diam a massa vehicula laoreet. Maecenas mattis ligula eget pulvinar semper. Etiam sed pretium nunc. Sed nulla urna, interdum eu elit non, dignissim dictum mauris. Quisque hendrerit ligula felis, iaculis viverra metus malesuada in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus posuere a ex vel posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras at malesuada ante. Duis sollicitudin dolor eget varius egestas. Sed et nulla neque.

Nunc lacinia mauris nulla, quis condimentum risus elementum a. Nunc commodo leo nibh, a faucibus urna viverra at. Vivamus libero mauris, blandit sollicitudin feugiat bibendum, dapibus ut quam. Quisque id suscipit lectus, at aliquet dolor. Praesent ultrices, magna ut dapibus semper, risus magna molestie ex, volutpat dapibus ante est nec massa. Nullam iaculis dui quis libero pulvinar aliquet. Aenean pretium iaculis nisl quis tincidunt. Aliquam ut nisi purus.

Aenean sed dictum nibh. Quisque porttitor libero ut sapien mattis, sed auctor lorem volutpat. Nulla auctor finibus ullamcorper. Cras eget lorem auctor, consectetur libero eu, sodales dolor. Phasellus pulvinar lectus placerat pulvinar tristique. Aenean vitae felis nisl. Fusce cursus non nisl sit amet euismod. Phasellus faucibus egestas tempus. Suspendisse blandit lobortis viverra. Vivamus at dictum metus.


º º code by ditto º º


Code:
[border=0; background: transparent; center;

--charactername: #878787;
--toppic: url(https://66.media.tumblr.com/26ec2b47f0de217a8415f08d6cce9963/tumblr_inline_poiuxs3gUm1td3ts4_1280.gif) 50% 30%;
--topborder: #878787;
--middleborder: #878787;
--bottomborder: #878787;
--moodtextcolor: #ffffff;
--textbg: #EFEFEF;
--maintextcolor: #878787;

center; max-width: 550px; min-height: 450px; box-sizing: border-box; padding: 0; position: relative; margin: auto; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center;][border= 0; box-sizing: border-box; padding: 0px; width: 375px; min-height: 450px; background: transparent; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center;]

[border=0; position: absolute; top: -8px; width: 550px; height: fit-content; text-align: center; letter-spacing: 4px; font-size: 20px; color: var(--charactername);][comment]

Character name here!

If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.

[/comment][font=Avenir]CHARACTER NAME[/font][/border]

[border=0;box-sizing: border-box; width:100%; height:220px; background: var(--toppic); background-size:cover; position: absolute; top: 40px; left: 0px; overflow: hidden; border-bottom: 10px solid var(--middleborder); border-top: 10px solid var(--topborder); align-items: right;][border=0px; position: absolute; background: transparent; height: 33px; width: 100%; border-radius:0px; line-height:15px; text-align: right; color: var(--moodtextcolor); overflow-y: scroll; font-size:12px; top: 145px; left: 0px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 20px; width: 50%; color: var(--moodetccolor); font-size: 12px; line-height: 11px; opacity: 85%;][comment]

Mood things start here!

If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.

[/comment][font=Avenir][row][b]MOOD:[/b] mood mood mood mood mood[/row]

[row][b]OUTFIT:[/b] outfit outfit outfit outfit outfit[/row]

[row][b]MENTIONS:[/b] mentions mentions mentions[/row]

[row][b]INTERACTIONS:[/b] interactions interactions[/row]

[row][b]TAGS:[/b] tags tags tags tags tags[/row][/font][/border][/border][/border][/border][/border]

[border=0px; height: 180px; width: 100%; font-size: 13px; color: var(--maintextcolor); background: var(--textbg); position: absolute; top: ; line-height: 20px; text-align: justify; padding: 0 25px 25px 25px; top: 260px; border-bottom: 10px solid var(--bottomborder);][border=0px; height: 175px; position: relative; top: 0px; border-radius:0px; line-height:15px; overflow-y: scroll; font-size:12px; overflow:auto; left: -12px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box;  width: 48%; line-height: 15px; text-align: justify;][comment]

Post starts here!

If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.

[/comment][font=Avenir]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum scelerisque dolor, id auctor sem lobortis ut. Suspendisse potenti. Donec volutpat enim tortor, ut efficitur diam commodo eu. Curabitur sollicitudin, urna ac auctor molestie, lectus metus convallis metus, nec efficitur lorem lectus ac risus. Phasellus tristique enim nisi, nec mattis lacus vestibulum quis. Morbi eleifend, ante eu bibendum ornare, tellus arcu dignissim mi, nec porta nisl massa vitae mi. Vestibulum bibendum elementum eleifend. Etiam convallis feugiat odio id rhoncus. Duis pretium vestibulum mi sed cursus. Vivamus non laoreet felis. Nullam egestas ipsum eu egestas laoreet.

Nam in volutpat felis, eu ullamcorper dui. Integer tincidunt nisi leo, quis ornare lacus gravida non. Nam sit amet ante ornare, placerat lacus eget, iaculis justo. Fusce et magna vulputate, ullamcorper sapien sed, volutpat tortor. Integer velit dolor, egestas sed placerat eget, luctus non eros. Integer id tellus ultricies, porta sem et, ultrices ex. Phasellus feugiat ligula eget dui blandit aliquet. Aenean pretium, ligula a viverra tristique, massa eros laoreet sapien, at rhoncus mi leo vel elit.

Vestibulum ultrices ornare nibh at euismod. Nulla facilisi. Mauris dignissim tellus a accumsan fermentum. Proin id urna a orci consequat imperdiet. Donec ultricies odio vel magna rutrum volutpat. Donec facilisis diam a massa vehicula laoreet. Maecenas mattis ligula eget pulvinar semper. Etiam sed pretium nunc. Sed nulla urna, interdum eu elit non, dignissim dictum mauris. Quisque hendrerit ligula felis, iaculis viverra metus malesuada in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus posuere a ex vel posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras at malesuada ante. Duis sollicitudin dolor eget varius egestas. Sed et nulla neque.

Nunc lacinia mauris nulla, quis condimentum risus elementum a. Nunc commodo leo nibh, a faucibus urna viverra at. Vivamus libero mauris, blandit sollicitudin feugiat bibendum, dapibus ut quam. Quisque id suscipit lectus, at aliquet dolor. Praesent ultrices, magna ut dapibus semper, risus magna molestie ex, volutpat dapibus ante est nec massa. Nullam iaculis dui quis libero pulvinar aliquet. Aenean pretium iaculis nisl quis tincidunt. Aliquam ut nisi purus.

Aenean sed dictum nibh. Quisque porttitor libero ut sapien mattis, sed auctor lorem volutpat. Nulla auctor finibus ullamcorper. Cras eget lorem auctor, consectetur libero eu, sodales dolor. Phasellus pulvinar lectus placerat pulvinar tristique. Aenean vitae felis nisl. Fusce cursus non nisl sit amet euismod. Phasellus faucibus egestas tempus. Suspendisse blandit lobortis viverra. Vivamus at dictum metus.[/font][/border][/border][/border][/border][/border]

[bg=transparent; padding-top: 0px; margin-top: -25px; font-family: Avenir; box-sizing: border-box; font-size: 8px; color: #878787; text-align: center;] º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º [/bg]
 
Last edited:

Ditto

ʟɪᴠɪɴ' ʟɪᴋᴇ ʟᴀʀʀʏ








FIELDS


placeholder!
should be mobile-friendly!

º º code by ditto º º



quote here quote here.
name. age. face claim. other.

º º code by ditto º º
Code:
[border=0px; justify-content: center; margin: auto; align-items: center; center; max-width: 350px; min-height: 350px; 

--bg: url(https://i.pinimg.com/originals/f3/58/57/f3585768009c22148ce472033e93ac2e.gif);
--bgborder: #eeeeee;
--toptextcolor: #000000;
--bottomtextcolor: #ffffff;
--centerimage: url(https://media.tenor.com/images/1d1fa3404877f4b640c996cb5924da1a/tenor.gif);
--centerimageborder: #eeeeee;

background: var(--bg); padding: 25px; border: 5px solid var(--bgborder); background-size: cover;][border=0px; justify-content: center; margin: auto; align-items: center; center; max-width: 350px; min-height: 350px;][border=0px; height: fit-content; width: fit-content; margin: auto; font-size: 20px; text-align: center; font-family: Cedarville Cursive; color: var(--toptextcolor); position: relative;][comment]

Top text goes here!

[/comment]quote here quote here.[/border][border=0px; height: 250px; width: 250px; background: var(--centerimage); border: 5px solid var(--centerimageborder); background-size: cover; position: relative; margin: auto;][/border][border=0px; height: fit-content; width: fit-content; margin: auto; font-size: 20px; text-align: center; font-family: Cedarville Cursive; color: var(--bottomtextcolor); position: relative;][comment]

Bottom text goes here!

[/comment]name. age. face claim. other.[/border][/border][/border][comment]

Credit-- don't delete!

[/comment]
[bg=transparent; padding-top: 0px; margin-top: 0px; font-family: Avenir; box-sizing: border-box; font-size: 8px; color: #878787; text-align: center;] º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º [/bg]
 

Ditto

ʟɪᴠɪɴ' ʟɪᴋᴇ ʟᴀʀʀʏ
Ahem.

Hello, Ditto here. It's come to my attention that the hidden scrolls I have (that I thought I FIXED) are (still) not actually hidden to a majority of people, though they were to me. 😔 Major sad hour-- and also major headache hour, since I can't see any of the changes I'm making, thanks to the fact that EVERYTHING already looks fixed to me. 😂

Anywho, I'm going to be making an attempt at solving this problem in...uh...all of my codes. 😂

Thank you to everyone who let me know-- and thanks to Winona Winona for helping me find a solution to the issue that worked on my end, too, and for Stardust Galaxy Stardust Galaxy for being so willing to inspect. 😂

I believe that I'll be making a new coding thread (just because I think that'd be easier) with my fixed codes. I'll keep this one around for, uh...old memory's sake, I suppose. 😂
 
Last edited:

Ditto

ʟɪᴠɪɴ' ʟɪᴋᴇ ʟᴀʀʀʏ
New goal: improve these codes and put them in my new thread before classes start again. Can I do it? We shall see.









BLUE


not mobile-friendly
in-character post



º º code by ditto º º





@handle
filler
MOOD || mood here
filler
OUTFIT || outfit here
filler
LOCATION || location here
filler
INTERACTIONS || interactions here
filler
MENTIONS || mentions here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.
code by ditto (head empty go bonk)
Code:
[border=0px; position: relative; radius: 40px; background-image:url(https://i.pinimg.com/736x/11/fd/cd/11fdcd849ffc66f0bf21f0903d898643.jpg); background-size:cover; background-position: 60% 30%; width: 700px; height:500px; margin: auto; border-radius:20px; line-height:0px;]
[border=0px; position: absolute; background-color: white; width: 200px; height:200px; top:25px; left:25px; border-radius:10px;]
[border=0px; position: absolute; filter: grayscale(0.8); height: 150px; width: 150px; left: 22px; border-radius: 100%; border: 2px solid #000f88;; margin: auto; background-image: url(https://data.whicdn.com/images/308560607/original.gif); background-size:cover; background-position: 70% 30%;][/border]
[/border][border=0px; position: absolute; radius: 40px; background: white; height: 265px; width: 200px; top:210px; left:25px; border-radius:20px; line-height:20px; text-align: justify;][center][size=15px][font=Cabin][i]@handle[/i][/font][/size][font=Cabin]
[color=#ffffff]filler[/color]
[left][font=Overpass][b]MOOD[/b][/font] || [i]mood here[/i]
[color=#ffffff]filler[/color]
[font=Overpass][b]OUTFIT[/b][/font] || [i]outfit here[/i]
[color=#ffffff]filler[/color]
[font=Overpass][b]LOCATION[/b][/font] || [i]location here[/i]
[color=#ffffff]filler[/color]
[font=Overpass][b]INTERACTIONS[/b][/font] || [i]interactions here[/i]
[color=#ffffff]filler[/color]
[font=Overpass][b]MENTIONS[/b][/font] || [i]mentions here[/i]
[/left][/font][/center][/border][center][font=Cabin][left]
[border=0px; position: absolute; radius: 20px; background: white; height: 450px; width: 400px; top:25px; left:275px; border-radius:20px; line-height:20px; overflow-y: scroll; text-align: justify;][font=Cabin]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.[/font][/border][font=Cabin][/font][/left][/font][/center][/border][center][font=Cabin][left][font=Cabin][SIZE=15px][FONT=Cabin][CENTER][SIZE=1][I]code by [URL='https://www.rpnation.com/members/ditto.83850/']ditto[/URL] (head empty go bonk)[/I][/SIZE][/CENTER][/FONT][/SIZE][/font][/left][/font][/center]



CHARACTER NAME





• B A S I C •

Name
name

Age
age

Gender
gender

Sexuality
sexuality

Birth Date
birth date

Zodiac
zodiac


• A P P E A R A N C E •

Gen. Desc.
general description

Height
height

Build
build

Hair
hair color

Eyes
eye color

Mods
body mods (tats, piercings, etc.)

Other
other (freckles, scars, etc.)

Face Claim
face claim


• P E R S O N A •

Personality Summary
personality summary

Virtues
list of virtues

Vices
list of vices

Likes and Dislikes
♥ like
♥ like
♥ like
♥ like
♥ like
♥ like
♥ like
↪ dislike
↪ dislike
↪ dislike
↪ dislike
↪ dislike

Misc.
misc information


• H I S T O R Y & R E L A T I O N S H I P S •

history

history here

relationships

R. Ship I
desc.

R. Ship II
desc.

R. Ship III
desc.

R. Ship IV
desc.

R. Ship V
desc.

R. Ship VI
desc.

R. Ship VII
desc.

R. Ship VIII
desc.

R. Ship IX
desc.

R. Ship X
desc.



code by ditto (head empty go bonk)









FLOWERS


not mobile-friendly
character sheet



º º code by ditto º º


Code:
[comment]

This is your background. Put your left image in the first parentheses, and put the right image in the second parentheses.

[/comment]
[border=0px; left:10px; position:relative; padding: 0; width: 1200px; height: 550px; background-image: url('https://i.pinimg.com/originals/d1/df/c1/d1dfc122c74e5cdfca7ae69825af76c9.jpg'), url('https://64.media.tumblr.com/00d18be9d05e7a5fe5facf2e0a0a04f3/tumblr_pai09mTNtE1xnzt25o3_500.jpg'); background-size: 50%; background-repeat: no-repeat; filter: grayscale(80%); opacity: 60%; background-position: left, right;][/border]
[comment]

Character name and photo

[/comment]
[border=0px; position:absolute; top:25px; font-size:40px; color:#ffffff; width:600px; text-align: center;][font=Prata]CHARACTER NAME[/font][/border]
[border=0px; position:absolute; top:125px; left: 115px; width: 350px; height: 400px; background-image: url(https://em.wattpad.com/5feaf2554b3d52f46ec71323f98793525160e640/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f315a6f4d414e7171664d657144673d3d2d3731393531353033312e313539353662366233343233653432303138393331393239333239362e6a7067?s=fit&w=720&h=720); background-size: 120%;][/border]

[border=0px; height:470px; width:540px; position:absolute; top:75px; left: 625px; padding:0px; background: #BDB4B4; overflow-y:scroll;]
[border=0px; position:relative; width: 300px; height: 200px; overflow: scroll;]
[border=0px; width: 300px; height: 200px; overflow-Y: scroll; font-size: 14px; line-height: 20px; color: #FFFFFF;][font=Roboto][center][font=Prata]• B A S I C •[/font][/center]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Name[/font][/size][/b][/color][/column] name[/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Age[/font][/size][/b][/color][/column] age [/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Gender[/font][/size][/b][/color][/column] gender [/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Sexuality[/font][/size][/b][/color][/column] sexuality [/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Birth Date[/font][/size][/b][/color][/column] birth date [/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Zodiac[/font][/size][/b][/color][/column] zodiac [/row][/font]
[/border][/border][border=2px white solid; position: absolute; top:20px; left: 350px; width:150px; height: 200px; background-image: url(https://wikiace.com/wp-content/uploads/2020/07/Bridget-Satterlee.jpg); background-size: 200%; background-position: 40% 30%; filter: grayscale(0.6);][/border]
[border=0px; position:relative; left: 200px; width: 300px; height: 200px; overflow: scroll;]
[border=0px; width: 300px; height: 200px; overflow-Y: scroll; font-size: 14px; line-height: 20px; color: #FFFFFF;][font=Roboto][center][font=Prata]• A P P E A R A N C E •[/font][/center]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Gen. Desc.[/font][/size][/b][/color][/column][column=span6] general description[/column] [/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Height[/font][/size][/b][/color][/column][column=span6] height[/column][/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Build[/font][/size][/b][/color][/column][column=span6] build[/column][/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Hair[/font][/size][/b][/color][/column][column=span6] hair color[/column][/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Eyes[/font][/size][/b][/color][/column][column=span6] eye color [/column][/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Mods[/font][/size][/b][/color][/column][column=span6] body mods (tats, piercings, etc.) [/column][/row]

[row][column=span2][color=#196378][b][size=15px][font=Prata]Other[/font][/size][/b][/color][/column][column=span6] other (freckles, scars, etc.) [/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]Face Claim[/font][/size][/B][/COLOR][/column][COLOR=#196378][B][/b][/color][column=span6] face claim[/column][/row][/font][/border][font=Roboto][/font][/border][font=Roboto]
[border=2px white solid; position: absolute; top:275px; left: 25px; width:150px; height: 200px; background-image: url(https://data.whicdn.com/images/341341793/original.jpg); background-size: 150%; background-position: 40% 20%; filter: grayscale(0.6);][/border]
[border=0px; position:relative; width: 300px; height: 200px; overflow: scroll;][border=0px; width: 300px; height: 200px; overflow-Y: scroll; font-size: 14px; line-height: 20px; color: #FFFFFF;][font=Roboto][center][font=Prata]• P E R S O N A •[/font][/center]

[row][column=span3][COLOR=#196378][B][SIZE=4][font=Prata]Personality Summary[/font][/SIZE][/B][/COLOR][/column] personality summary[/row]

[COLOR=#196378][B][SIZE=4][font=Prata]Virtues[/font][/SIZE][/B][/COLOR]
list of virtues

[COLOR=#196378][B][SIZE=4][font=Prata]Vices[/font][/SIZE][/B][/COLOR]
list of vices

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]Likes and Dislikes[/font][/SIZE][/B][/COLOR][/column][column=span6]♥ like
♥ like
♥ like
♥ like
♥ like
♥ like
♥ like
↪ dislike
↪ dislike
↪ dislike
↪ dislike
↪ dislike
[/column][/row]

[COLOR=#196378][B][SIZE=4][font=Prata] Misc. [/font][/SIZE][/B][/COLOR]
misc information
[/font][/border][font=Roboto][/font][/border][font=Roboto][border=2px white solid; position: absolute; top:525px; left: 350px; width:150px; height: 200px; background-image: url(https://pbs.twimg.com/media/C7iao-pU8AEqy6x.jpg); background-size: 150%; background-position: 40% 0%; filter: grayscale(0.6);][/border]
[border=0px; position:relative; left: 200px; width: 300px; height: 200px; overflow: scroll;]
[border=0px; width: 300px; height: 200px; overflow-Y: scroll; font-size: 14px; line-height: 20px; color: #FFFFFF;][font=Roboto][center][font=Prata]• H I S T O R Y & R E L A T I O N S H I P S •[/font]

[font=Prata][COLOR=#196378][i]history[/i][/COLOR][/font][COLOR=#196378][/color][/center]

history here

[center][font=Prata][COLOR=#196378][i]relationships[/i][/COLOR][/font][COLOR=#196378][/color][/center]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship I[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship II[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship III[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship IV[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship V[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship VI[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship VII[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship VIII[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship IX[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]

[row][column=span2][COLOR=#196378][B][SIZE=4][font=Prata]R. Ship X[/font][/SIZE][/B][/COLOR][/column][column=span6] desc.[/column][/row]
[/font][/border][font=Roboto][/font][/border][font=Roboto]
[border=2px white solid; position: absolute; top:800px; left: 25px; width:150px; height: 200px; background-image: url(https://iv1.lisimg.com/image/21040237/740full-bridget-satterlee.jpg); background-size: 150%; background-position: 40% 20%; filter: grayscale(0.6);][/border]

[/font][/font][/font][/border][font=Quicksand][SIZE=1][color=#196378][center][I]code by [URL='https://www.rpnation.com/members/ditto.83850/']ditto[/URL] (head empty go bonk)[/I][/center][/color][/SIZE][/font]








NEWS


not mobile-friendly
in-character post



º º code by ditto º º









CHARACTER NAME
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis pulvinar dolor. Cras pretium blandit nunc, sollicitudin rutrum sapien vehicula vel. Nulla sed sagittis quam. Mauris fermentum enim ac diam venenatis vulputate. Vestibulum vulputate fringilla enim quis vestibulum. Donec eu convallis purus, sit amet porttitor arcu. Quisque vulputate hendrerit dui a laoreet. Praesent sagittis ipsum ut odio blandit, vitae vestibulum urna sollicitudin. Cras vitae tellus eu odio convallis vehicula at in nunc. Mauris condimentum nunc massa, non interdum arcu laoreet sed.

Cras fringilla ultricies metus non scelerisque. Sed aliquam, mauris a faucibus elementum, diam velit sagittis tellus, ut vestibulum dui lorem sit amet nunc. Pellentesque in ornare tortor, in molestie ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent sagittis felis non dolor vehicula luctus. Duis ac odio at lacus eleifend blandit eget at metus. Morbi convallis purus ac leo sollicitudin, vitae interdum purus sagittis. Cras egestas finibus arcu vitae finibus. Morbi cursus iaculis mattis. Donec congue, lacus dictum lacinia consequat, tortor magna elementum urna, eget dapibus neque libero eu magna. Donec et turpis arcu. Nam sem nisi, lacinia nec nisl eget, maximus mollis sapien.

Nulla venenatis, elit a convallis volutpat, nunc enim euismod dolor, at viverra ante eros et dui. Integer vel aliquam ex, eu sollicitudin ligula. Proin et ultrices purus. Vivamus cursus leo ipsum, non tincidunt neque tincidunt sed. Duis tellus dolor, vulputate eget luctus posuere, finibus ut diam. Mauris sagittis rutrum malesuada. Quisque suscipit tristique mauris, quis semper leo venenatis eu. Phasellus interdum erat in dictum porttitor. Curabitur posuere hendrerit neque, vel congue nisl tempus id. Morbi quis velit laoreet justo tempor vestibulum id in nisl.


code by ditto (head empty go bonk)

Code:
[border=0px; position: relative; radius: 40px; background: transparent; background-size:cover; background-position: 60% 10%; width: 750px; height:500px; margin: auto; border-radius:20px; line-height:0px;]
[border=0px; position: relative; radius: 40px; background: #878787; background-size:cover; background-image: url(https://sight-management.com/uploads/models/000/283/560//original/jeremydufour_sightmanagementstudio2.jpg); background-position: 60% 10%; width: 750px; height:200px; margin: auto; border-radius:20px; line-height:0px;][border=0px; position: relative; radius: 40px; background: transparent; background-size:cover; background-position: 60% 10%; width: 750px; height:200px; margin: auto; border-radius:20px; color: #FFFFFF; line-height:20px;][right]
[size=280px]
[b]
[font=Playfair Display]
[i] 
[/i]
CHARACTER NAME[/font][/b][font=Playfair Display][/font][/size][font=Playfair Display][/font][/right][/border][/border]
[border=0px; position: relative; radius: 40px; background-position: 60% 10%; width: 750px; height:300px; margin: auto; border-radius:20px; line-height:0px; line-height:20px; overflow-y: scroll; text-align: justify; color: #878787;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis pulvinar dolor. Cras pretium blandit nunc, sollicitudin rutrum sapien vehicula vel. Nulla sed sagittis quam. Mauris fermentum enim ac diam venenatis vulputate. Vestibulum vulputate fringilla enim quis vestibulum. Donec eu convallis purus, sit amet porttitor arcu. Quisque vulputate hendrerit dui a laoreet. Praesent sagittis ipsum ut odio blandit, vitae vestibulum urna sollicitudin. Cras vitae tellus eu odio convallis vehicula at in nunc. Mauris condimentum nunc massa, non interdum arcu laoreet sed.

Cras fringilla ultricies metus non scelerisque. Sed aliquam, mauris a faucibus elementum, diam velit sagittis tellus, ut vestibulum dui lorem sit amet nunc. Pellentesque in ornare tortor, in molestie ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent sagittis felis non dolor vehicula luctus. Duis ac odio at lacus eleifend blandit eget at metus. Morbi convallis purus ac leo sollicitudin, vitae interdum purus sagittis. Cras egestas finibus arcu vitae finibus. Morbi cursus iaculis mattis. Donec congue, lacus dictum lacinia consequat, tortor magna elementum urna, eget dapibus neque libero eu magna. Donec et turpis arcu. Nam sem nisi, lacinia nec nisl eget, maximus mollis sapien.

Nulla venenatis, elit a convallis volutpat, nunc enim euismod dolor, at viverra ante eros et dui. Integer vel aliquam ex, eu sollicitudin ligula. Proin et ultrices purus. Vivamus cursus leo ipsum, non tincidunt neque tincidunt sed. Duis tellus dolor, vulputate eget luctus posuere, finibus ut diam. Mauris sagittis rutrum malesuada. Quisque suscipit tristique mauris, quis semper leo venenatis eu. Phasellus interdum erat in dictum porttitor. Curabitur posuere hendrerit neque, vel congue nisl tempus id. Morbi quis velit laoreet justo tempor vestibulum id in nisl.[/border][/border]

[SIZE=1][color=#878787][center][I]code by [URL='https://www.rpnation.com/members/ditto.83850/']ditto[/URL] (head empty go bonk)[/I][/center][/color][center][/center][/SIZE][center][/center]








LOGGED IN


mobile-friendly!
character sheet
hidden scrolls!



º º code by ditto º º


"quote here."
♔ CHARACTER NAME ♔
"quote here."
✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁
✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁
✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁
✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁
✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁
✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁
✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁
✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁
✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁
✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁
✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁
BASICS
@username has set their name to:
name here

@username has set their nicknames to:
nicknames here

@username has set their age to:
age here

@username has set their birthday to:
birthday here

@username has set their grade to:
grade here

@username has set their gender to:
gender here

@username has set their sexuality to:
sexuality here
PHYSICAL
@username has set their hair color to:
hair color here

@username has set their eye color to:
eye color here

@username has set their body mods to:
body mods here

@username has set their distinctive features to:
distinctive features here

@username has set their height to:
height here

@username has set their build to:
build here

@username has set their typical hair style to:
typical hair style here

@username has set their typical clothing style to:
clothing style here

@username has set their face claim to:
face claim here
PERSONA
@username has updated their personality summary:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.


@username has updated their virtues:








@username has updated their vices:









@username has updated their likes:








@username has updated their dislikes:








BACKGROUND
@username has updated their background:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.
FAMILY
@username has updated their family information:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.



º º code by ditto º º
Code:
[comment]

Variables are in the first box! Their names should be relatively self-explanatory.

If an image is not in the position that you would like, change the percentages to its right-- the first percentage is the x-value, and the second percentage is the y-value. The larger the first percentage, the further to the right the image will go; the larger the second percentage is, the lower the image will go.

[/comment][border= 0;

--leftbgcolor: #E2E2E2;
--rightbgcolor: #F5F6F6;

--textinsidebannercolor: #DAAA71;
--maintextcolor: #B0B0B0;
--headerscolor: #51A0EC;

--littlewordsonleftsidecolor: #ECEAEA;
--namecolor: #F5F6F6;
--nameshadowcolor: #51A0EC; 

--imageborder: #DBDBDB;

--leftbannerpictop: url(https://64.media.tumblr.com/52356569216e9ccd82f69480ddbb97ff/tumblr_ppwo6ogkNS1y9khiuo1_400.gifv) 0% 60%;
--leftbannerpicbottom: url(https://i.pinimg.com/originals/83/db/b9/83dbb9532e887a79164873af25cf865f.gif) 0% 20%;

--firstfourtopleft: url(https://64.media.tumblr.com/39e85f3a4d5f8556b05aeaa4546d4304/tumblr_pq9p5vhVYM1v3pieu_1280.jpg) 50% 10%;
--firstfourtopright: url(https://64.media.tumblr.com/3bcca6951edaa743e5b94204ea17dc1a/e71adcda646d994b-dc/s400x600/4cf0b15334b257a686ec4dfd0fcb8d198cffec01.png) 0% 10%;
--firstfourbottomleft: url(https://64.media.tumblr.com/387ebba3e9d16e92f739c2b46e1de04e/tumblr_pq9p5sQi741v3pieu_1280.jpg);
--firstfourbottomright: url(https://64.media.tumblr.com/203e83ba687be67a1632b7ed6c8b7ed4/e71adcda646d994b-0b/s400x600/735134abfb4991799d8268a1019a5c7985bc8b79.png);
--picbeneathfirstfour: url(https://64.media.tumblr.com/00278cdb4c67cf9b9da4e010e004985c/d349e4bbd348a43c-8c/s400x600/7b223d6fef63bc1016625498689c2b57894bbc96.gifv) 0% 20%;

--basicspic: url(https://wallpaperaccess.com/full/2621976.jpg) 50% 50%;
--physicalpic: url(https://data.whicdn.com/images/341278931/original.jpg) 50% 50%;
--picabovepersona: url(https://i.pinimg.com/736x/4f/04/e8/4f04e850a6c887c87f59dc0ff2041d07.jpg) 0% 45%;
--firstpicbelowpersona: url(https://64.media.tumblr.com/dba13068c966a2a7968261d32e9825e4/d84c6f11e93fa370-47/s400x600/117367fbe5834c99f6084332ab3d8a19da821cad.gifv);
--secondpicbelowpersona: url(https://64.media.tumblr.com/04798605d23eefb608ab5f21743b1059/cfa0198ca3d10df9-65/s400x600/9d743d193c46cb1da565102624ea132ba0d61159.gifv);
--picbelowbackground: url(https://i.pinimg.com/originals/04/77/da/0477dab36714ab4f8f0acc2d1466aa84.jpg) 0% 42%;
--picbelowfamily: url(https://www.j-14.com/wp-content/uploads/2020/06/gavin-leatherwood-love-life02.jpg?resize=1080%2C1080) 0 35%;

box-sizing: border-box; padding: 0; max-width: 700px; min-height: 450px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: black;][border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 450px; background: var(--leftbgcolor); display: flex; flex-direction: column; overflow: hidden; align-items:center;][border= 0; box-sizing: border-box; padding: 0; width: 100%; height: 137px; position: relative; display: flex; margin-bottom: 5px; justify-content:center; align-items:center;][comment]

Your left pics are here. If you don't want them to be in grayscale, change the number in the parentheses after the "filter: grayscale" to any number between 0.0 and 1.0.

[/comment][border=0; box-sizing: border-box; padding: 0; background: var(--leftbannerpictop); background-size: cover; filter: grayscale(1.0); height:150px; width:100%; border-radius: 0%; position:absolute; border: 2px solid var(--imageborder); left:0px;][/border][border=0; box-sizing: border-box; padding: 0; background: var(--leftbannerpicbottom); background-size: cover; filter: grayscale(1.0); height:150px; width:100%; border-radius: 0%; position:absolute; border: 2px solid var(--imageborder); left:0px; top: 250px;][/border][comment]

Your character name and quotes go here! If you'd like to change the position of the shadow, change the numbers after the "text-shadow:" to any numbers you'd like. The first number moves the shadow left and right, and the second moves it up and down. If the first number is negative, the shadow is moved to the left. If the second number is negative, the shadow is moved upward,

[/comment][border=0px; position: absolute; width: 100%; top: 145px; font-size: 27px; color: var(--namecolor); background: transparent; text-align: center; text-shadow: -2px 2px var(--nameshadowcolor); line-height:20px; left:-10px;][font=Contrail One][i][size=10px]"quote here."[/size][/i]
♔ CHARACTER NAME ♔
[i][size=10px]"quote here."[/size][/i][/font][/border][comment]

In all of these borders go your little aesthetic words/symbols behind the pic. If you don't want them, delete from the comment that says "start deleting here" to the comment that says "stop deleting here".

[/comment][comment]

Start deleting here if you don't want the aesthetic words.

[/comment][border=0px; width:7px; color: var(--littlewordsonleftsidecolor);]✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁[/border][border=0px; width:7px; color: var(--littlewordsonleftsidecolor);]✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁[/border][border=0px; width:7px; color: var(--littlewordsonleftsidecolor);]✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁[/border][border=0px; width:7px; color: var(--littlewordsonleftsidecolor);]✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁[/border][border=0px; width:7px; color: var(--littlewordsonleftsidecolor);]✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁[/border][border=0px; width:7px; color: var(--littlewordsonleftsidecolor);]✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁[/border][border=0px; width:7px; color: var(--littlewordsonleftsidecolor);]✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁[/border][border=0px; width:7px; color: var(--littlewordsonleftsidecolor);]✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁[/border][border=0px; width:7px; color: var(--littlewordsonleftsidecolor);]✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁[/border][border=0px; width:7px; color: var(--littlewordsonleftsidecolor);]✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁[/border][border=0px; width:7px; color: var(--littlewordsonleftsidecolor);]✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁✁[/border][comment]

Stop deleting here if you don't want the aesthetic words.

[/comment][/border][/border][border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 450px; background: var(--rightbgcolor); display: flex; flex-direction: column; overflow: hidden;][border=
0; box-sizing: border-box; padding: 0; flex: 1; position: relative; text-align: justify; overflow: auto; color: var(--maintextcolor); width: 200%;][border= 0; box-sizing: border-box; padding: 0; width: 50%; font-size: 12px; line-height: 14px;][border=0; box-sizing: border-box; padding: 0; background: var(--firstfourtopleft); background-size: cover; filter: grayscale(0.0); height:150px; width:150px; border-radius: 0%; position:absolute; border: 2px solid var(--imageborder); left:0px; top:0px;][/border][border=0; box-sizing: border-box; padding: 0; background: var(--firstfourtopright); background-size: cover; filter: grayscale(0.0); height:150px; width:150px; border-radius: 0%; position:absolute; border: 2px solid var(--imageborder); left:150px; top:0px;][/border][border=0; box-sizing: border-box; padding: 0; background: var(--firstfourbottomright); background-size: cover; filter: grayscale(0.0); height:150px; width:150px; border-radius: 0%; position:absolute; border: 2px solid var(--imageborder); left:150px; top:150px;][/border][border=0; box-sizing: border-box; padding: 0; background: var(--firstfourbottomleft); background-size: cover; filter: grayscale(0.0); height:150px; width:150px; border-radius: 0%; position:absolute; border: 2px solid var(--imageborder); left:0px; top:150px;][/border][border=0; box-sizing: border-box; padding: 0; background: var(--picbeneathfirstfour); background-size: cover; filter: grayscale(0.0); height:90px; width:300px; border-radius: 0%; position:absolute; border: 2px solid var(--imageborder); left:0px; top:300px;][/border] [border=0px; top:400px; height: 200px; width:70px; box-sizing: border-box; padding: 0; background: var(--basicspic); background-size: cover; filter: grayscale(0.0); border-radius: 0%; position:absolute; border: 2px solid var(--imageborder); left: 225px;][/border][border=0px; position: absolute; background: var(--rightbgcolor); top: 400px; height: 176px; width: 200px; border-radius:0px; line-height:15px; text: justify; color: var(--headerscolor); overflow-y: scroll; font-size:12px;][comment]

Basics header.

[/comment][size=40px][b][i]BASICS[/I][/b][/size][border=0px; box-sizing:border-box; padding:0; width:200px;][/border][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 90%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 50%; color: var(--maintextcolor); font-size: 11px; line-height: 11px;][comment]

Basics start here.

[/comment][b][size=8px][i]@[u]username[/u] has set their name to:[/i][/b][/size]
name here

[size=8px][b][i]@[u]username[/u] has set their nicknames to:[/i][/b][/size]
nicknames here

[size=8px][b][i]@[u]username[/u] has set their age to:[/i][/b][/size]
age here

[size=8px][b][i]@[u]username[/u] has set their birthday to:[/i][/b][/size]
birthday here

[size=8px][b][i]@[u]username[/u] has set their grade to:[/i][/b][/size]
grade here

[size=8px][b][i]@[u]username[/u] has set their gender to:[/i][/b][/size]
gender here

[size=8px][i]@[u]username[/u] has set their sexuality to:[/i][/size]
sexuality here[/border][/border][/border][/border][border=0px; top:610px; height: 200px; width:70px; box-sizing: border-box; padding: 0; background: var(--physicalpic); background-size: cover; filter: grayscale(0.0); border-radius: 0%; position:absolute; border: 2px solid var(--imageborder); ][/border] [border=0px; position: absolute; background: var(--rightbgcolor); top: 610px; height: 176px; width: 200px; border-radius:0px; line-height:15px; text: justify; color: var(--headerscolor); overflow-y: scroll; font-size:12px; left:75px;][comment]

Physical header.

[/comment][size=40px][b][i]PHYSICAL[/I][/b][/size][border=0px; box-sizing:border-box; padding:0; width:200px;][/border][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 90%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 50%; color: var(--maintextcolor); font-size: 11px; line-height: 11px;][comment]

Physical starts here.

[/comment] [size=8px][b][i]@[u]username[/u] has set their hair color to:[/i][/b][/size]
hair color here

[size=8px][b][i]@[u]username[/u] has set their eye color to:[/i][/b][/size]
eye color here

[size=8px][b][i]@[u]username[/u] has set their body mods to:[/i][/b][/size]
body mods here

[size=8px][b][i]@[u]username[/u] has set their distinctive features to:[/i][/b][/size]
distinctive features here

 [size=8px][b][i]@[u]username[/u] has set their height to:[/i][/b][/size]
height here

[size=8px][b][i]@[u]username[/u] has set their build to:[/i][/b][/size]
build here

[size=8px][b][i]@[u]username[/u] has set their typical hair style to:[/i][/b][/size]
typical hair style here

[size=8px][i]@[u]username[/u] has set their typical clothing style to:[/i][/size]
clothing style here

[size=8px][i]@[u]username[/u] has set their face claim to:[/i][/size]
face claim here[/border][/border][/border] [border=0; box-sizing: border-box; padding: 0; background: var(--picabovepersona); background-size: cover; filter: grayscale(0.0); height:200px; width:300px; border-radius: 0%; position:absolute; border: 2px solid var(--imageborder); left:0px; top:825px;][/border][border=0px; position: absolute; background: var(--rightbgcolor); top: 1035px; height: 176px; width: 300px; border-radius:0px; line-height:15px; text: justify; color: var(--headerscolor); overflow-y: scroll; font-size:12px; left:0px;][comment]

Persona header.

[/comment][size=40px][b][i]PERSONA[/I][/b][/size][border=0px; box-sizing:border-box; padding:0; width:200%; left:-15px;][/border][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 90%; overflow: auto; left:-15px;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 48%; color: var(--maintextcolor); font-size: 11px; line-height: 11px;][comment]

Persona starts here. Don't delete the little "[center] [/center]"s. They're important for keeping the spacing.

[/comment][size=8px][b][i]@[u]username[/u] has updated their personality summary:[/i][/b][/size]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.

[center] [/center]

[b][i]@[u]username[/u] has updated their virtues:[/i][/b]

☆
☆
☆
☆
☆

[center] [/center]

[b][i]@[u]username[/u] has updated their vices:[/i][/b]

★
★
★
★
★

[center] [/center]


[b][i]@[u]username[/u] has updated their likes:[/i][/b]

♡
♡
♡
♡
♡

[center] [/center]

[b][i]@[u]username[/u] has updated their dislikes:[/i][/b]

❯
❯
❯
❯
❯

[center] [/center]

[/border][/border][/border][border=0; box-sizing: border-box; padding: 0; background: var(--firstpicbelowpersona); background-size: cover; filter: grayscale(0.0); height:185px; width:300px; border-radius: 0%; position:absolute; border: 2px solid var(--imageborder); left:0px; top:1245px;][/border][border=0; box-sizing: border-box; padding: 0; background: var(--secondpicbelowpersona); background-size: cover; filter: grayscale(0.0); height:185px; width:300px; border-radius: 0%; position:absolute; border: 2px solid var(--imageborder); left:0px; top:1445px;][/border][border=0px; position: absolute; background: var(--rightbgcolor); top: 1635px; height: 176px; width: 300px; border-radius:0px; line-height:15px; text: justify; color: var(--headerscolor); overflow-y: scroll; font-size:12px; left:0px;][comment]

Background header.

[/comment][size=40px][b][i]BACKGROUND[/I][/b][/size][border=0px; box-sizing:border-box; padding:0; width:200%; left:-15px;][/border][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 90%; overflow: auto; left:-15px;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 48%; color: var(--maintextcolor); font-size: 11px; line-height: 11px;][comment]

Background starts here.

[/comment][size=8px][b][i]@[u]username[/u] has updated their background:[/i][/b][/size]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.[/border][/border][/border][border=0; box-sizing: border-box; padding: 0; background: var(--picbelowbackground); background-size: cover; filter: grayscale(0.0); height:85px; width:300px; border-radius: 0%; position:absolute; border: 2px solid var(--imageborder); left:0px; top:1835px;][/border][border=0px; position: absolute; background: var(--rightbgcolor); top: 1935px; height: 176px; width: 300px; border-radius:0px; line-height:15px; text: justify; color: var(--headerscolor); overflow-y: scroll; font-size:12px; left:0px;][comment]

Family header.

[/comment][size=40px][b][i]FAMILY[/I][/b][/size][border=0px; box-sizing:border-box; padding:0; width:200%; left:-15px;][/border][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 90%; overflow: auto; left:-15px;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 48%; color: var(--maintextcolor); font-size: 11px; line-height: 11px;][comment]

Family starts here.

[/comment][size=8px][b][i]@[u]username[/u] has updated their family information:[/i][/b][/size]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie consequat arcu. Vivamus venenatis nibh risus, ac semper velit molestie vel. Morbi mattis lacus mollis fringilla dignissim. In non quam tellus. Cras sit amet risus ipsum. Vivamus sit amet scelerisque libero, sed ultrices ipsum. Integer cursus arcu tortor, quis venenatis est bibendum sit amet. Sed aliquet ligula quis dolor sagittis vulputate non ut mauris. Sed sed euismod mauris. Maecenas quis ipsum tempus, dictum urna quis, scelerisque magna. Suspendisse iaculis sed ante sit amet iaculis. Maecenas magna risus, volutpat sit amet ipsum vel, semper tincidunt enim. Sed in justo vel justo cursus porta. Sed aliquam eleifend mi, at auctor nisl rhoncus quis. Morbi pretium mi vitae lacus gravida, ac varius purus feugiat.

Ut sit amet posuere nisl, eget ornare nisi. Nullam ut auctor dui. Integer vel magna dictum, ultrices eros a, dictum ex. Quisque gravida, arcu non pulvinar lacinia, libero velit tristique neque, sed rutrum ligula urna efficitur sem. Nullam sit amet justo consequat, dapibus nibh eget, convallis mauris. Vivamus sit amet quam sit amet erat semper dignissim quis ut ex. Proin ullamcorper at dolor vitae fermentum. Nulla malesuada odio ut libero posuere euismod. Proin vulputate, magna at mattis vehicula, nulla quam lacinia dolor, vel sodales justo nisl eget eros. Etiam imperdiet, lacus id eleifend egestas, risus mi pharetra nisi, quis varius odio metus id justo. Aenean vel congue ligula.[/border][/border][/border]
[border=0; box-sizing: border-box; padding: 0; background: var(--picbelowfamily); background-size: cover; filter: grayscale(0.0); height:130px; width:300px; border-radius: 0%; position:absolute; border: 2px solid var(--imageborder); left:0px; top:2145px;][/border]

[/border][/border][comment]

Please don't delete the credit!

[/comment][border=0; color: #878787; font-size: 8px; font-family: Quicksand;] º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º [/border][/border]








YELLOW


mobile-friendly!
in-character post!
hidden scrolls!
MUSIC PLAYER!



º º code by ditto º º


i'm in love with an e-girl...
Char Name
subtitle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ante dignissim, pharetra lacus vel, suscipit justo. Integer dictum mauris sit amet tellus consequat, ut tristique est rhoncus. Nulla in maximus urna. Proin venenatis hendrerit quam at aliquam. Nam nec dolor urna. Nunc lacinia tincidunt tristique. Vestibulum mollis sem in leo scelerisque finibus. Sed elementum vestibulum hendrerit. Proin vestibulum quis felis vulputate venenatis. Proin ut felis a dui dictum auctor. Donec aliquam dui quis mauris feugiat iaculis.

Quisque pretium nibh vel ultricies rhoncus. Ut ut felis posuere, consequat dolor sit amet, posuere dolor. Donec vitae porttitor lectus. Cras sed ullamcorper eros. Vestibulum pretium enim nulla, at pharetra est hendrerit ac. Nunc metus felis, ornare eget erat nec, semper mattis risus. Curabitur sollicitudin elit quis metus commodo, id hendrerit mauris consectetur. Suspendisse semper lacinia purus id vulputate. Sed id nulla et eros faucibus sodales id ac diam. Suspendisse sagittis rhoncus odio, nec hendrerit turpis tristique id. Aliquam vel vestibulum magna. Quisque convallis neque et tristique vestibulum. Vestibulum aliquam vestibulum nunc ut lobortis. Cras in ornare quam. Curabitur massa magna, mattis in ligula sit amet, mollis placerat magna. Maecenas consectetur non tortor eget sollicitudin.

Nulla dictum enim diam, efficitur consequat ante tincidunt vel. Etiam vulputate bibendum augue, quis laoreet magna dignissim nec. Nunc tristique mi a felis laoreet, eget feugiat diam ultricies. Aliquam malesuada tortor in risus congue, non malesuada sapien pharetra. Morbi metus erat, tincidunt nec ultricies nec, imperdiet sit amet eros. Donec a lorem sapien. Vivamus bibendum, libero sit amet tempor efficitur, turpis odio mattis ante, eget tempor purus magna sit amet libero. Morbi id varius ante. Aliquam varius bibendum arcu, sit amet congue arcu rutrum sit amet. Nam quis vehicula nunc.

Sed pretium mauris finibus nibh placerat, non tristique dui blandit. Nullam vehicula molestie diam ut sollicitudin. Sed nec ante imperdiet, convallis ante ac, convallis nunc. Maecenas volutpat libero nulla, eu pharetra eros mattis ac. Cras luctus nisl nisi. Morbi eu erat tortor. Integer euismod ac metus eu posuere.

Duis gravida id ante nec euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ipsum urna, sollicitudin sit amet mauris at, pharetra imperdiet ligula. Praesent laoreet aliquam commodo. Nam et tortor quis odio finibus sagittis ac eu ipsum. Nulla eleifend vel leo ac hendrerit. Curabitur et iaculis elit.
| mood: mood | outfit: outfit | location: location | mentions: mentions | interactions: interactions | tags: tags |
º º code by ditto º º
Code:
[border= 0;

--bgcolor: #ECE6D2;
--maintextcolor: #4E3600;
--pic: url(https://media1.tenor.com/images/dbf183a2bb59ad5bb8eee63da9a7d293/tenor.gif?itemid=13630034) 60% 0%;
--namecolor: #e28c9b;
--moodthingscolor: #fafafa;
--topbox: #DBC188; 
--textbackground: #DBC188;
--namecolor: #4E3600;
--subtitlecolor: #4E3600;
--topboxtextcolor: #4E3600;
--moodthingscolor: #4E3600;

box-sizing: border-box; padding: 0; max-width: 375px; min-height: 500px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: black;][border= 0; box-sizing: border-box; padding: 0px; width: 375px; height: 500px; background: var(--bgcolor); display: flex; flex-direction: column; overflow:auto;][border=transparent; height:20px; width:20px; padding:0; overflow:hidden; position:absolute; top:10px; left:330px;][border=transparent; height:80px; width:180px; padding:0; margin-top:-2px; margin-left:-10px; top:-40px;][comment]

Put whatever (SoundCloud) song you'd like as the link between the media brackets!

[/comment][media=soundcloud]https://soundcloud.com/wilbur-soot/im-in-love-with-an-e-girl[/media][/border][/border][border=0; box-sizing: border-box; width:375px; height:50px; background: var(--topbox); color: var(--topboxtextcolor); text-align: right; pointer-events: none; position: absolute;][comment]

This is the box with the song. Click the play button to play the song!

The font is Quicksand, but feel free to change it!

[/comment] [font=quicksand] i'm in love with an e-girl... [/font] [fa] fas fa-play[/fa] [fa] fas fa-pause[/fa][/border][border=0; box-sizing: border-box; width:375px; height:150px; color: var(--namecolor); text-align: right; top:25px; position:absolute; font-size: 36px; padding: 25px; pointer-events: none; ][comment]

Character name goes here! If it doesn't fit, change the "font-size" of the border before this comment. Feel free to change the font in the brackets after this. If the name isn't placed how you'd like it, change the "top:25px" to any pixels.

[/comment][font=Quicksand] Char Name[/font][border=0; box-sizing: border-box; width:375px; height:150px; color: var(--subtitle); text-align: right; top:45px; left: -5px; position:absolute; font-size: 12px; padding: 25px; pointer-events: none; ][comment]

If you don't like where the words are placed, change the "top:45px" to any pixels. Feel free to change the font in the brackets after this.

[/comment][font=Quicksand]subtitle[/font][/border][/border][border=0px; position: absolute; background: var(--textbackground); top: 125px; height: 306px; width: 300px; border-radius:0px; line-height:15px; text: justify; color: var(--maintextcolor); overflow-y: scroll; left:30px; font-size:12px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 50%; color: var(--maintextcolor); text-align: justify; font-size: 11px; line-height: 15px;][comment]

Here starts your post!

[/comment]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer volutpat ante dignissim, pharetra lacus vel, suscipit justo. Integer dictum mauris sit amet tellus consequat, ut tristique est rhoncus. Nulla in maximus urna. Proin venenatis hendrerit quam at aliquam. Nam nec dolor urna. Nunc lacinia tincidunt tristique. Vestibulum mollis sem in leo scelerisque finibus. Sed elementum vestibulum hendrerit. Proin vestibulum quis felis vulputate venenatis. Proin ut felis a dui dictum auctor. Donec aliquam dui quis mauris feugiat iaculis.

Quisque pretium nibh vel ultricies rhoncus. Ut ut felis posuere, consequat dolor sit amet, posuere dolor. Donec vitae porttitor lectus. Cras sed ullamcorper eros. Vestibulum pretium enim nulla, at pharetra est hendrerit ac. Nunc metus felis, ornare eget erat nec, semper mattis risus. Curabitur sollicitudin elit quis metus commodo, id hendrerit mauris consectetur. Suspendisse semper lacinia purus id vulputate. Sed id nulla et eros faucibus sodales id ac diam. Suspendisse sagittis rhoncus odio, nec hendrerit turpis tristique id. Aliquam vel vestibulum magna. Quisque convallis neque et tristique vestibulum. Vestibulum aliquam vestibulum nunc ut lobortis. Cras in ornare quam. Curabitur massa magna, mattis in ligula sit amet, mollis placerat magna. Maecenas consectetur non tortor eget sollicitudin.

Nulla dictum enim diam, efficitur consequat ante tincidunt vel. Etiam vulputate bibendum augue, quis laoreet magna dignissim nec. Nunc tristique mi a felis laoreet, eget feugiat diam ultricies. Aliquam malesuada tortor in risus congue, non malesuada sapien pharetra. Morbi metus erat, tincidunt nec ultricies nec, imperdiet sit amet eros. Donec a lorem sapien. Vivamus bibendum, libero sit amet tempor efficitur, turpis odio mattis ante, eget tempor purus magna sit amet libero. Morbi id varius ante. Aliquam varius bibendum arcu, sit amet congue arcu rutrum sit amet. Nam quis vehicula nunc.

Sed pretium mauris finibus nibh placerat, non tristique dui blandit. Nullam vehicula molestie diam ut sollicitudin. Sed nec ante imperdiet, convallis ante ac, convallis nunc. Maecenas volutpat libero nulla, eu pharetra eros mattis ac. Cras luctus nisl nisi. Morbi eu erat tortor. Integer euismod ac metus eu posuere.

Duis gravida id ante nec euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ipsum urna, sollicitudin sit amet mauris at, pharetra imperdiet ligula. Praesent laoreet aliquam commodo. Nam et tortor quis odio finibus sagittis ac eu ipsum. Nulla eleifend vel leo ac hendrerit. Curabitur et iaculis elit.[/border][/border][/border][border=0;box-sizing: border-box; width:150px; height:150px; background: var(--pic); top: 0px; left:0px; background-size:cover; position: absolute; border-radius: 100%; border: 5px solid var(--bgcolor);][/border][border=0px; position: absolute; height: 28px; width: 325px; border-radius:0px; line-height:15px; overflow-y: scroll; left:25px; top: 450px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 50%; color: var(--moodthingscolor); font-size: 8px; line-height: 15px; text-align: center;][comment]

Here go your mood thingies! (Ooh, yes, the bottom words *scroll*!)

[/comment]| [b]mood:[/b] mood | [b]outfit:[/b] outfit | [b]location:[/b] location | [b]mentions:[/b] mentions | [b]interactions:[/b] interactions | [b]tags:[/b] tags |[/border][/border][/border][/border][comment]

Here's the credit-- please don't delete it!

[/comment][border=0; color: #878787; font-size: 8px; font-family: Quicksand;] º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º [/border][/border]
 

Users who are viewing this thread

Top