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; overflow:auto; 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; overflow: auto;][/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]
 

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

Top