-
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 • ａｎ ａｔｔｅｍｐｔ ｗａｓ ｍａｄｅ • ｄｉｔｔｏ＇ｓ ｗｏｒｋｓｈｏｐ •
- Thread starter ditto
- Start date
ditto
still kicking :)
- Left W/ Border Around
- Left W/ Border Around Top & Sides
- Left W/o Border
- Right W/ Border Around
- Right W/ Border Around Top & Sides
- Right W/o 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: 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
No, I don't have too many characters.
So many variations. It's GORGEOUS. AMAZING.
You make me want to change my codes again.
You make me want to change my codes again.
ditto
still kicking :)
ditto
still kicking :)
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:
Winona
No, I don't have too many characters.
You're on literal coding fire today. Wow oh wow.
ditto
still kicking :)
It's more indecision, but thank you.
griim
edgebaby
i love all of them
ditto
still kicking :)
Thank you so much!
ditto
still kicking :)
Code:
[comment]
Variables go in this border! The names should be relatively self-explanatory.
If any image is not in the position that you would like, change the percentages to its right-- the first percentage is the x-value, and the second percentage is the y-value. The larger the first percentage, the further to the right the image will go; the larger the second percentage is, the lower the image will go.
If you would like the boxes at the bottom to be colors instead of images, then take out the "url()" and put the hex code of whatever color you'd like there instead!
Ex:
--bg: #FFF9F9;
instead of
--bg: url(https://cdn131.picsart.com/313863409174201.jpg?type=webp&to=min&r=640);
Be sure to keep the semicolon!
[/comment][border= 0;
--bg: url(https://cdn131.picsart.com/313863409174201.jpg?type=webp&to=min&r=640);
--toppic: url(https://img.wattpad.com/7a5be91856dbec27ba8b81d9737307bbf7081d90/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f6d547759496c545f4352556c65513d3d2d3534333033373132372e3135313937656662346332633266613335343530333631373133372e676966) 30% 50%;
--toppicborder: #26ADA1;
--namecolor: #0B554E;
--nameshadowcolor: #A0E2DC;
--moodbgcolor: #A0E2DC;
--moodtextcolor: #0B554E;
--maintextbg: #A0E2DC;
--maintextcolor: #0B554E;
--playerbg: #A0E2DC;
--playerborder: #0B554E;
--playbuttoncolor: #0B554E;
--playertexttop: #0B554E;
--playertextbottom: #26ADA1;
--playerlinecolor1: #26ADA1;
--playerlinecolor2: #0B554E;
box-sizing: border-box; padding: 0; max-width: 350px; min-height: 500px; position: relative; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;]
[border= 0; box-sizing: border-box; padding: 0px; width: 350px; height: 500px; background: var(--bg); background-size: cover; display: flex; flex-direction: column; margin: auto; hidden; justify-content: center; align-items: center;]
[border=0;box-sizing: border-box; width:268px; height:115px; background: var(--moodbgcolor); background-size:cover; position: absolute; top: 28px; left:62px;][/border]
[border=0;box-sizing: border-box; width:140px; height:140px; background: var(--toppic); background-size:cover; position: absolute; top:20px; left:20px; overflow: auto; border-radius: 100%; border: 2px solid var(--toppicborder);][/border]
[border=0;box-sizing: border-box; width:217px; height:30px; top: 13px; left: 135px; background-size:cover; position: absolute; color: var(--namecolor); line-height: 10px; text-align: center; font-family: Viaoda Libre; font-size: 24px; text-align: left; font-weight: bold; text-shadow: 3px 0px var(--nameshadowcolor); letter-spacing: 2px;][comment]
The name at the top goes here!
If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.
[/comment][font=Lobster]Character Name[/font][/border]
[border=0px; position: absolute; height: 80px; width: 160px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 40px; left: 154px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][row][column=span2][size=13px][fa]fal fa-grin[/fa][/size][/column] mood [/row]
[row][column=span2][size=13px][fa]fal fa-location-arrow[/fa][/size][/column] location [/row]
[row][column=span2][size=13px][fa]fal fa-tshirt[/fa][/size][/column] outfit [/row]
[row][column=span2][size=13px][fa]fal fa-comments-alt[/fa][/size][/column] mentions [/row]
[row][column=span2][size=13px][fa]fal fa-users[/fa][/size][/column] interactions [/row]
[row][column=span2][size=13px][fa]fal fa-at[/fa][/size][/column] tags [/row]
[/border][/border][/border]
[border=0;box-sizing: border-box; width:315px; height:290px; background: var(--maintextbg); background-size:cover; position: absolute; top: 166px; left:18px; overflow: auto;][/border]
[border=0px; position: absolute; height: 240px; width: 303px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 170px; left: 15px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][comment]
Post starts here!
[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum scelerisque dolor, id auctor sem lobortis ut. Suspendisse potenti. Donec volutpat enim tortor, ut efficitur diam commodo eu. Curabitur sollicitudin, urna ac auctor molestie, lectus metus convallis metus, nec efficitur lorem lectus ac risus. Phasellus tristique enim nisi, nec mattis lacus vestibulum quis. Morbi eleifend, ante eu bibendum ornare, tellus arcu dignissim mi, nec porta nisl massa vitae mi. Vestibulum bibendum elementum eleifend. Etiam convallis feugiat odio id rhoncus. Duis pretium vestibulum mi sed cursus. Vivamus non laoreet felis. Nullam egestas ipsum eu egestas laoreet.
Nam in volutpat felis, eu ullamcorper dui. Integer tincidunt nisi leo, quis ornare lacus gravida non. Nam sit amet ante ornare, placerat lacus eget, iaculis justo. Fusce et magna vulputate, ullamcorper sapien sed, volutpat tortor. Integer velit dolor, egestas sed placerat eget, luctus non eros. Integer id tellus ultricies, porta sem et, ultrices ex. Phasellus feugiat ligula eget dui blandit aliquet. Aenean pretium, ligula a viverra tristique, massa eros laoreet sapien, at rhoncus mi leo vel elit.
Vestibulum ultrices ornare nibh at euismod. Nulla facilisi. Mauris dignissim tellus a accumsan fermentum. Proin id urna a orci consequat imperdiet. Donec ultricies odio vel magna rutrum volutpat. Donec facilisis diam a massa vehicula laoreet. Maecenas mattis ligula eget pulvinar semper. Etiam sed pretium nunc. Sed nulla urna, interdum eu elit non, dignissim dictum mauris. Quisque hendrerit ligula felis, iaculis viverra metus malesuada in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus posuere a ex vel posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras at malesuada ante. Duis sollicitudin dolor eget varius egestas. Sed et nulla neque.
Nunc lacinia mauris nulla, quis condimentum risus elementum a. Nunc commodo leo nibh, a faucibus urna viverra at. Vivamus libero mauris, blandit sollicitudin feugiat bibendum, dapibus ut quam. Quisque id suscipit lectus, at aliquet dolor. Praesent ultrices, magna ut dapibus semper, risus magna molestie ex, volutpat dapibus ante est nec massa. Nullam iaculis dui quis libero pulvinar aliquet. Aenean pretium iaculis nisl quis tincidunt. Aliquam ut nisi purus.
Aenean sed dictum nibh. Quisque porttitor libero ut sapien mattis, sed auctor lorem volutpat. Nulla auctor finibus ullamcorper. Cras eget lorem auctor, consectetur libero eu, sodales dolor. Phasellus pulvinar lectus placerat pulvinar tristique. Aenean vitae felis nisl. Fusce cursus non nisl sit amet euismod. Phasellus faucibus egestas tempus. Suspendisse blandit lobortis viverra. Vivamus at dictum metus.[/border][/border][/border]
[border=0;box-sizing: border-box; width:212px; height:54px; background: var(--playerbg); background-size:cover; position: absolute; top: 430px; left:70px; overflow: auto; border-radius: 15px; border: 2px solid var(--playerborder);][border=transparent; height:1px; width:90%; padding:0; border-radius:5px; background: var(--playerlinecolor1); display:flex; align-items:center; top: 40px; left: 10px; position: absolute;][border=transparent; height:3px; padding:0; border-radius:5px; background: var(--playerlinecolor2); width:74%;][/border][/border][/border]
[border=transparent; height:20px; width:20px; padding:0; overflow:hidden; position:absolute; left: 85px; top: 442px; opacity: 0%;][border=transparent; height:80px; width:180px; padding:0; margin-top:-2px; margin-left:-10px; top:-40px;][comment]
Put whatever (SoundCloud) song you'd like as the link between the media brackets!
[/comment][media=soundcloud]https://soundcloud.com/callmekarizma/rebels[/media][/border][/border]
[border=0;box-sizing: border-box; width:150px; height:14px; top: 435px; left: 103px; background-size:cover; position: absolute; color: var(--playertexttop); line-height: 10px; text-align: center; font-family: Viaoda Libre; font-size: 13px; text-align: center; font-weight: bold;][comment]
The song title goes here!
If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.
[/comment][font=Lobster]song title[/font][/border]
[border=0;box-sizing: border-box; width:150px; height:14px; top: 445px; left: 103px; background-size:cover; position: absolute; color: var(--playertextbottom); line-height: 10px; text-align: center; font-size: 8px; text-align: center;]artist name[/border]
[border=0;box-sizing: border-box; width:20px; height:20px; top: 435px; left: 80px; background-size:cover; position: absolute; color: var(--playbuttoncolor); line-height: 10px; text-align: center; font-family: Viaoda Libre; font-size: 18px; text-align: center; font-weight: bold; pointer-events: none;][fa]fas fa-play[/fa][/border]
[/border]
[border=0; color: #292929; font-size: 8px;][font=Quicksand] º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#292929][fa]fas fa-heart[/fa][/color][/url] º [/font][/border][/border]
Last edited:
Winona
No, I don't have too many characters.
Well, you know what I'm going to say...
Absolutely beautiful and amazing.
Absolutely beautiful and amazing.
ditto
still kicking :)
Thank youuuuu.
You're far too kind.
jasmyn
f r e e b i r d
gorgeous! amazing! how is there so much talent in one thread?! 
Soap
faisons un vœu
fine i'll comment too.
ur talented.
ur talented.
ditto
still kicking :)
gorgeous! amazing! how is there so much talent in one thread?!
Y’all are literally the sweetest! Thank y’all!
ditto
still kicking :)
(big ups to
butterfly aubade
for helping me out with the hidden scrolls!)
butterfly aubade
for helping me out with the hidden scrolls!)
Code:
[border= 0;
--bgborder: #9C3535;
--bg: #9C3535;
--toppic: url(https://i.pinimg.com/originals/98/4a/b3/984ab39dd9bcdfd69584d15ccee46623.gif) 50% 50%;
--toppicborders: #FFF9F9;
--namecolor: #FFF9F9;
--moodtextcolor: #FFF9F9;
--textbg: #FFF9F9;
--textbgborder: #FFF9F9;
--maintextcolor: #9C3535;
box-sizing: border-box; padding: 0; max-width: 375px; min-height: 380px; position: relative; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;]
[border= 0; box-sizing: border-box; padding: 0px; width: 375px; height: 380px; background: transparent; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center;]
[border= 0; box-sizing: border-box; padding: 0px; position: absolute; width: 370px; height: 370px; background: transparent; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center; border: 2px solid var(--bgborder);]
[border= 0; box-sizing: border-box; padding: 0px; position: absolute; width: 360px; height: 360px; background: var(--bg); display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center;]
[border= 0; box-sizing: border-box; padding: 0px; width: 120px; height: 120px; position: absolute; background: transparent; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center; top: 25px; left: 25px; background-size: cover; border: 2px solid var(--toppicborders);]
[border= 0; box-sizing: border-box; padding: 0px; width: 110px; height: 110px; position: absolute; background: var(--toppic); display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center; top: 3px; left: 3px; background-size: cover; border: 2px solid var(--toppicborders);] [/border][/border]
[border=0px; position: absolute; height: 120px; width: 200px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 15px; left: 145px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--moodtextcolor); font-size: 9px; line-height: 15px; text-align: justify;][border=0; box-sizing: border-box; padding: 0 0 10px 10px; padding:5px 10px; height: 30%; margin-left: -10px; position: sticky; top: 0; background: var(--bg); z-index: 3; color: var(--namecolor);][center][comment]
Character name here!
If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.
[/comment][font=Cedarville Cursive][size=25px]character name[/size][/font][/center][/border]
[row][column=span2][size=15px][center][b][fa]fal fa-smile[/fa][/b][/center][b][/b][/size][b][/b][/column][center]mood mood mood mood mood[/center][/row]
[row][column=span2][size=15px][b][center][fa]fal fa-tshirt[/fa][/center][/b][/size][b][/b][/column][center]outfit outfit outfit outfit outfit[/center][/row]
[row][column=span2][size=15px][b][center][fa]fal fa-comments-alt[/fa][/center][/b][/size][b][/b][/column][center]mentions mentions mentions[/center][/row]
[row][column=span2][size=15px][b][center][fa]fal fa-exclamation[/fa][/center][/b][/size][b][/b][/column][center]interactions interactions[/center][/row]
[row][column=span2][size=15px][b][center][fa]fal fa-at[/fa][/center][/b][/size][b][/b][/column][center]tags tags tags tags tags[/center][/row][/border][/border][/border][/border]
[border= 0; box-sizing: border-box; padding: 0px; position: absolute; width: 325px; height: 170px; background: transparent; left: 20px; top: 175px; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center; border: 2px solid var(--textbgborder);]
[border= 0; box-sizing: border-box; padding: 0px; position: absolute; width: 310px; height: 154px; background: var(--textbg); left: 5px; top: 6px; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center;]
[border=0px; position: absolute; height: 135px; width: 300px; border-radius:0px; line-height:15px; overflow-y: scroll; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 30; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify;][comment]
Post starts here!
[/comment]textextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextexttextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextexttextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextexttextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextexttextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextexttextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextextext[/border][/border][/border][/border]
[/border][comment]
Please do not remove credit!
[/comment][/border][/border][border=0; color: #878787; font-size: 8px; position: relative; margin-top: 0px;][font=Quicksand] º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º [/font][/border][/border]
Last edited:
ditto
still kicking :)
Code:
[border=0; background: transparent; center;
--charactername: #878787;
--toppic: url(https://66.media.tumblr.com/26ec2b47f0de217a8415f08d6cce9963/tumblr_inline_poiuxs3gUm1td3ts4_1280.gif) 50% 30%;
--topborder: #878787;
--middleborder: #878787;
--bottomborder: #878787;
--moodtextcolor: #ffffff;
--textbg: #EFEFEF;
--maintextcolor: #878787;
center; max-width: 550px; min-height: 450px; box-sizing: border-box; padding: 0; position: relative; margin: auto; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center;][border= 0; box-sizing: border-box; padding: 0px; width: 375px; min-height: 450px; background: transparent; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center;]
[border=0; position: absolute; top: -8px; width: 550px; height: fit-content; text-align: center; letter-spacing: 4px; font-size: 20px; color: var(--charactername);][comment]
Character name here!
If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.
[/comment][font=Avenir]CHARACTER NAME[/font][/border]
[border=0;box-sizing: border-box; width:100%; height:220px; background: var(--toppic); background-size:cover; position: absolute; top: 40px; left: 0px; overflow: hidden; border-bottom: 10px solid var(--middleborder); border-top: 10px solid var(--topborder); align-items: right;][border=0px; position: absolute; background: transparent; height: 33px; width: 100%; border-radius:0px; line-height:15px; text-align: right; color: var(--moodtextcolor); overflow-y: scroll; font-size:12px; top: 145px; left: 0px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 20px; width: 50%; color: var(--moodetccolor); font-size: 12px; line-height: 11px; opacity: 85%;][comment]
Mood things start here!
If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.
[/comment][font=Avenir][row][b]MOOD:[/b] mood mood mood mood mood[/row]
[row][b]OUTFIT:[/b] outfit outfit outfit outfit outfit[/row]
[row][b]MENTIONS:[/b] mentions mentions mentions[/row]
[row][b]INTERACTIONS:[/b] interactions interactions[/row]
[row][b]TAGS:[/b] tags tags tags tags tags[/row][/font][/border][/border][/border][/border][/border]
[border=0px; height: 180px; width: 100%; font-size: 13px; color: var(--maintextcolor); background: var(--textbg); position: absolute; top: ; line-height: 20px; text-align: justify; padding: 0 25px 25px 25px; top: 260px; border-bottom: 10px solid var(--bottomborder);][border=0px; height: 175px; position: relative; top: 0px; border-radius:0px; line-height:15px; overflow-y: scroll; font-size:12px; overflow:auto; left: -12px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; width: 48%; line-height: 15px; text-align: justify;][comment]
Post starts here!
If you'd like to change the font, just type the font you'd like after the "[font=" after this comment! All fonts can be found at fonts.google.com.
[/comment][font=Avenir]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum scelerisque dolor, id auctor sem lobortis ut. Suspendisse potenti. Donec volutpat enim tortor, ut efficitur diam commodo eu. Curabitur sollicitudin, urna ac auctor molestie, lectus metus convallis metus, nec efficitur lorem lectus ac risus. Phasellus tristique enim nisi, nec mattis lacus vestibulum quis. Morbi eleifend, ante eu bibendum ornare, tellus arcu dignissim mi, nec porta nisl massa vitae mi. Vestibulum bibendum elementum eleifend. Etiam convallis feugiat odio id rhoncus. Duis pretium vestibulum mi sed cursus. Vivamus non laoreet felis. Nullam egestas ipsum eu egestas laoreet.
Nam in volutpat felis, eu ullamcorper dui. Integer tincidunt nisi leo, quis ornare lacus gravida non. Nam sit amet ante ornare, placerat lacus eget, iaculis justo. Fusce et magna vulputate, ullamcorper sapien sed, volutpat tortor. Integer velit dolor, egestas sed placerat eget, luctus non eros. Integer id tellus ultricies, porta sem et, ultrices ex. Phasellus feugiat ligula eget dui blandit aliquet. Aenean pretium, ligula a viverra tristique, massa eros laoreet sapien, at rhoncus mi leo vel elit.
Vestibulum ultrices ornare nibh at euismod. Nulla facilisi. Mauris dignissim tellus a accumsan fermentum. Proin id urna a orci consequat imperdiet. Donec ultricies odio vel magna rutrum volutpat. Donec facilisis diam a massa vehicula laoreet. Maecenas mattis ligula eget pulvinar semper. Etiam sed pretium nunc. Sed nulla urna, interdum eu elit non, dignissim dictum mauris. Quisque hendrerit ligula felis, iaculis viverra metus malesuada in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus posuere a ex vel posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras at malesuada ante. Duis sollicitudin dolor eget varius egestas. Sed et nulla neque.
Nunc lacinia mauris nulla, quis condimentum risus elementum a. Nunc commodo leo nibh, a faucibus urna viverra at. Vivamus libero mauris, blandit sollicitudin feugiat bibendum, dapibus ut quam. Quisque id suscipit lectus, at aliquet dolor. Praesent ultrices, magna ut dapibus semper, risus magna molestie ex, volutpat dapibus ante est nec massa. Nullam iaculis dui quis libero pulvinar aliquet. Aenean pretium iaculis nisl quis tincidunt. Aliquam ut nisi purus.
Aenean sed dictum nibh. Quisque porttitor libero ut sapien mattis, sed auctor lorem volutpat. Nulla auctor finibus ullamcorper. Cras eget lorem auctor, consectetur libero eu, sodales dolor. Phasellus pulvinar lectus placerat pulvinar tristique. Aenean vitae felis nisl. Fusce cursus non nisl sit amet euismod. Phasellus faucibus egestas tempus. Suspendisse blandit lobortis viverra. Vivamus at dictum metus.[/font][/border][/border][/border][/border][/border]
[bg=transparent; padding-top: 0px; margin-top: -25px; font-family: Avenir; box-sizing: border-box; font-size: 8px; color: #878787; text-align: center;] º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º [/bg]
Last edited:
Winona
No, I don't have too many characters.
Amazing.
ditto
still kicking :)
Thank you, thank you!
jasmyn
f r e e b i r d
code queen back at it again!
ditto
still kicking :)
ditto
still kicking :)
quote here quote here.
name. age. face claim. other.
Code:
[border=0px; justify-content: center; margin: auto; align-items: center; center; max-width: 350px; min-height: 350px;
--bg: url(https://i.pinimg.com/originals/f3/58/57/f3585768009c22148ce472033e93ac2e.gif);
--bgborder: #eeeeee;
--toptextcolor: #000000;
--bottomtextcolor: #ffffff;
--centerimage: url(https://media.tenor.com/images/1d1fa3404877f4b640c996cb5924da1a/tenor.gif);
--centerimageborder: #eeeeee;
background: var(--bg); padding: 25px; border: 5px solid var(--bgborder); background-size: cover;][border=0px; justify-content: center; margin: auto; align-items: center; center; max-width: 350px; min-height: 350px;][border=0px; height: fit-content; width: fit-content; margin: auto; font-size: 20px; text-align: center; font-family: Cedarville Cursive; color: var(--toptextcolor); position: relative;][comment]
Top text goes here!
[/comment]quote here quote here.[/border][border=0px; height: 250px; width: 250px; background: var(--centerimage); border: 5px solid var(--centerimageborder); background-size: cover; position: relative; margin: auto;][/border][border=0px; height: fit-content; width: fit-content; margin: auto; font-size: 20px; text-align: center; font-family: Cedarville Cursive; color: var(--bottomtextcolor); position: relative;][comment]
Bottom text goes here!
[/comment]name. age. face claim. other.[/border][/border][/border][comment]
Credit-- don't delete!
[/comment]
[bg=transparent; padding-top: 0px; margin-top: 0px; font-family: Avenir; box-sizing: border-box; font-size: 8px; color: #878787; text-align: center;] º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º [/bg]ditto
still kicking :)
Ahem.
Hello, Ditto here. It's come to my attention that the hidden scrolls I have (that I thought I FIXED) are (still) not actually hidden to a majority of people, though they were to me.
Major sad hour-- and also major headache hour, since I can't see any of the changes I'm making, thanks to the fact that EVERYTHING already looks fixed to me. 
Anywho, I'm going to be making an attempt at solving this problem in...uh...all of my codes.
Thank you to everyone who let me know-- and thanks to
Winona
for helping me find a solution to the issue that worked on my end, too, and for
Stardust Galaxy
for being so willing to inspect.
I believe that I'll be making a new coding thread (just because I think that'd be easier) with my fixed codes. I'll keep this one around for, uh...old memory's sake, I suppose.
Hello, Ditto here. It's come to my attention that the hidden scrolls I have (that I thought I FIXED) are (still) not actually hidden to a majority of people, though they were to me.
Major sad hour-- and also major headache hour, since I can't see any of the changes I'm making, thanks to the fact that EVERYTHING already looks fixed to me. Anywho, I'm going to be making an attempt at solving this problem in...uh...all of my codes.
Thank you to everyone who let me know-- and thanks to
Winona
for helping me find a solution to the issue that worked on my end, too, and for
Stardust Galaxy
for being so willing to inspect. I believe that I'll be making a new coding thread (just because I think that'd be easier) with my fixed codes. I'll keep this one around for, uh...old memory's sake, I suppose.
Last edited:
ditto
still kicking :)
Hellooo again!
By clicking here, you can go to my new coding thread, which will have the updated/fixed versions of some of my codes here as well as all of my future codes!
I appreciate your continued support and encouragement!
By clicking here, you can go to my new coding thread, which will have the updated/fixed versions of some of my codes here as well as all of my future codes!
I appreciate your continued support and encouragement!
ditto
still kicking :)
New goal: improve these codes and put them in my new thread before classes start again. Can I do it? We shall see.