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

    Remember to credit artists when using work not your own.

Resource • an attempt was made • ditto's workshop •









MOOD BOARD


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



º º code by ditto º º



  • character name
    @username has set their status to:
    Status here.

    @username has set their outfit to:
    Link to outfit.

    @username has set their location to:
    Location here.

    @username has mentioned:
    Mentions here.

    @username has interacted with:
    Interactions here.

    @username has tagged:
    Tags here.

    @username has written a tl;dr:
    tl;dr here.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec suscipit ultricies sem, blandit suscipit justo sollicitudin sed. Phasellus elementum enim arcu, ac blandit ante sodales eget. Maecenas fringilla porta massa, semper pellentesque est mollis nec. Morbi lobortis nisl vel molestie laoreet. Aenean felis ex, condimentum tincidunt libero vel, gravida vehicula est. Donec et convallis nibh. Etiam nec nunc elementum, rhoncus dolor sit amet, semper quam. In cursus orci malesuada quam accumsan tristique. Curabitur interdum quam ac eros ornare pellentesque. Suspendisse a ex eleifend, aliquam odio eu, aliquam nisi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris dolor nulla, varius quis iaculis sit amet, euismod in diam. Nam volutpat posuere aliquet. Vivamus sodales pellentesque metus, id mollis mi tristique nec.

    Sed nunc ex, convallis vitae fermentum at, condimentum ut sapien. Vestibulum commodo nisi vitae lobortis fermentum. Praesent aliquam ac eros id condimentum. Quisque neque libero, volutpat et quam non, scelerisque ultricies purus. Phasellus finibus risus erat, a tempor neque mattis nec. Cras vel nibh ut odio congue consequat at at massa. Morbi vestibulum tempus faucibus. Nunc eleifend sed erat in sodales.

    Aliquam imperdiet est sed odio mattis tristique. Etiam sagittis lacus sem, sit amet lacinia purus consequat eget. Duis semper ornare ante ut blandit. Maecenas tincidunt in lectus eu laoreet. Ut iaculis tincidunt erat ut scelerisque. Vestibulum tempor lacus ullamcorper auctor suscipit. Morbi vitae nisl id risus efficitur malesuada. Aenean suscipit arcu et libero porta suscipit. Donec mattis mattis elit, id sollicitudin massa maximus quis. Nunc fringilla metus sit amet egestas tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam viverra leo eget hendrerit tincidunt. Duis at turpis tempor, maximus leo nec, tristique arcu. Quisque sodales felis nulla, id suscipit tellus viverra quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec quam vitae nisi dignissim vehicula.

    Ut molestie nulla ut eros ultricies, at tempor libero laoreet. Proin gravida rutrum elit, in tincidunt arcu. Phasellus sed tincidunt lorem, sed varius felis. Proin nec elit a leo posuere euismod. Fusce vel mauris posuere ligula hendrerit condimentum ut in diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Etiam ac lacus et enim maximus congue. Pellentesque rhoncus ultricies ligula, nec tincidunt turpis pellentesque a. Vivamus pulvinar lacus sed nulla vulputate, ut sollicitudin nulla hendrerit. Nunc quis dui at nibh viverra varius vitae sed quam. Sed interdum lorem nec est dignissim, eu consectetur lacus aliquam.

    Donec vulputate, dolor pharetra condimentum ultricies, velit turpis suscipit urna, non tristique sem dui et urna. Phasellus convallis vestibulum sapien, eget dapibus lectus volutpat placerat. Quisque rhoncus molestie est, vitae facilisis enim lacinia vel. Nam finibus condimentum congue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin vestibulum a urna non commodo. Quisque iaculis semper quam ut tincidunt. Vivamus quis arcu nec sapien tempor pulvinar. Vivamus nec neque magna. Phasellus arcu libero, posuere id eros a, vehicula dignissim ex. Proin ornare ultricies dapibus. Proin sit amet venenatis dui, rhoncus dapibus tortor. Maecenas dictum ac quam sit amet aliquet.
    º º code by ditto º º
Code:
[comment]

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

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

[/comment][border= 0;

--leftbgcolor: #6E9470;
--rightbgcolor: #B8D9BA;
--maintextcolor: #193E1B;
*If the pic is too zoomed in/too zoomed out, command f search "var(--pic)" and change the "background-size: cover" in the border to any percentage;
--pic: url(https://i.ibb.co/m8TY7Rq/Untitled-3.gif) 50% 40%;
--namecolor: #B8D9BA;
--nameshadowcolor: #193E1B; 
--littlewordscolor: #79A37B;
--lilleftboxcolor: #B8D9BA;
--imageborder: #B8D9BA;
--bgpicright: url(https://i.ibb.co/zfs4rxW/Trevor-Aesthetic.jpg);
--cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur817.cur);

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

Pic is here! If you'd like to change the saturation, change the number in the parentheses after "filter: grayscale". 0.0 will make it have no filter, while 1.0 will put it in full grayscale.

You can change it to "filter: sepia" as well, if you'd like it to be in sepia.

If you wouldn't like a border on your image, get rid of the "border: 2px solid var(--imageborder);" variable.

[/comment][border= 0; box-sizing: border-box; padding: 0; width: 100%; height: 137px; position: relative; display: flex; margin-bottom: 5px; justify-content:center; align-items:center;][border=0px; position: absolute; width: 100%; top: -15px; font-size: 27px; color: var(--namecolor); background: transparent; text-align: center; text-shadow: 0px 2px var(--nameshadowcolor); line-height:13px; left:-10px;][comment]

Character name goes here! Change the font as you'd like.

[/comment][font=Playfair Display]character name[/font][/border][border=transparent; height:20px; width:20px; padding:0; overflow:hidden; position:absolute; top:150px; left:-10px;][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/thisislany/sharing-you[/media][/border][/border][border=0; box-sizing: border-box; padding: 0; background: var(--pic); background-size: cover; filter: grayscale(0.4); height:150px; width:350px; border-radius: 0%; position:absolute; border-top: 4px solid var(--imageborder); border-bottom: 4px solid var(--imageborder); top: 35px; pointer-events: none;][/border][border=0; position: absolute; background: transparent; top: 148px; left: -10px; height: 40px; width: 40px; border-radius:0px; line-height:15px; text: justify; color: var(--leftbgcolor); overflow-y: scroll; font-size:15px; pointer-events: none; opacity: 50%;][fa]fas fa-play[/fa] [comment]

No, the pause button is not functional

[/comment][fa]fas fa-pause[/fa] [/border][border=0px; position: absolute; background: var(--lilleftboxcolor); top: 200px; height: 68px; width: 190px; border-radius:0px; line-height:15px; text: justify; color: var(--maintextcolor); overflow-y: scroll; font-size:12px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 50%; color: var(--maintextcolor); font-size: 10px; line-height: 11px;][comment]

Here start the little status thingies. If you want to change the text, feel free.

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

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

Put your character's outfit in place of the url after the "url="!

[/comment][url=https://i5.walmartimages.com/asr/dd1313f3-6f18-4358-8c33-7542294865c7_1.ef90caddebd85e46b753620019d733c3.jpeg][comment]

Put your main text color as the color in the following bracket!

[/comment][color=#193E1B]Link to outfit.[/color][/url][/b]

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

[size=8px][i]@[u]username[/u] has mentioned:[/i][/size]
[b]Mentions here.[/b]

[size=8px][i]@[u]username[/u] has interacted with:[/i][/size]
[b]Interactions here.[/b]

[size=8px][i]@[u]usernae[/u] has tagged:[/i][/size]
[b]Tags here.[/b]

[size=8px][i]@[u]username[/u] has written a tl;dr:[/i][/size]
[b]tl;dr here.[/b]
[/border][/border][/border][/border][/border][border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 350px; background: var(--bgpicright); display: flex; flex-direction: column; overflow: hidden; background-size: cover; filter: saturate(0.4);][border=
0; box-sizing: border-box; padding: 0; flex: 1; position: relative; text-align: justify; overflow: auto; color: var(--maintextcolor); width: 200%;][border=0; box-sizing:border-box; padding: 0; flex: 1; position: relative; text-align: justify; height:350px; width: 350px; background: transparent;][/border][border=
0; box-sizing: border-box; padding: 0; flex: 1; position: relative; text-align: justify; overflow: auto; color: var(--maintextcolor); width: 200%;][border= 0; box-sizing: border-box; padding: 0; width: 25%; font-size: 10px; line-height: 14px; background: var(--rightbgcolor); position: relative; left: 3px; padding: 15px; text-align: justify; filter: saturate(2.0);][comment]

Here starts your post!

[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec suscipit ultricies sem, blandit suscipit justo sollicitudin sed. Phasellus elementum enim arcu, ac blandit ante sodales eget. Maecenas fringilla porta massa, semper pellentesque est mollis nec. Morbi lobortis nisl vel molestie laoreet. Aenean felis ex, condimentum tincidunt libero vel, gravida vehicula est. Donec et convallis nibh. Etiam nec nunc elementum, rhoncus dolor sit amet, semper quam. In cursus orci malesuada quam accumsan tristique. Curabitur interdum quam ac eros ornare pellentesque. Suspendisse a ex eleifend, aliquam odio eu, aliquam nisi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris dolor nulla, varius quis iaculis sit amet, euismod in diam. Nam volutpat posuere aliquet. Vivamus sodales pellentesque metus, id mollis mi tristique nec.

Sed nunc ex, convallis vitae fermentum at, condimentum ut sapien. Vestibulum commodo nisi vitae lobortis fermentum. Praesent aliquam ac eros id condimentum. Quisque neque libero, volutpat et quam non, scelerisque ultricies purus. Phasellus finibus risus erat, a tempor neque mattis nec. Cras vel nibh ut odio congue consequat at at massa. Morbi vestibulum tempus faucibus. Nunc eleifend sed erat in sodales.

Aliquam imperdiet est sed odio mattis tristique. Etiam sagittis lacus sem, sit amet lacinia purus consequat eget. Duis semper ornare ante ut blandit. Maecenas tincidunt in lectus eu laoreet. Ut iaculis tincidunt erat ut scelerisque. Vestibulum tempor lacus ullamcorper auctor suscipit. Morbi vitae nisl id risus efficitur malesuada. Aenean suscipit arcu et libero porta suscipit. Donec mattis mattis elit, id sollicitudin massa maximus quis. Nunc fringilla metus sit amet egestas tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam viverra leo eget hendrerit tincidunt. Duis at turpis tempor, maximus leo nec, tristique arcu. Quisque sodales felis nulla, id suscipit tellus viverra quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec quam vitae nisi dignissim vehicula.

Ut molestie nulla ut eros ultricies, at tempor libero laoreet. Proin gravida rutrum elit, in tincidunt arcu. Phasellus sed tincidunt lorem, sed varius felis. Proin nec elit a leo posuere euismod. Fusce vel mauris posuere ligula hendrerit condimentum ut in diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Etiam ac lacus et enim maximus congue. Pellentesque rhoncus ultricies ligula, nec tincidunt turpis pellentesque a. Vivamus pulvinar lacus sed nulla vulputate, ut sollicitudin nulla hendrerit. Nunc quis dui at nibh viverra varius vitae sed quam. Sed interdum lorem nec est dignissim, eu consectetur lacus aliquam.

Donec vulputate, dolor pharetra condimentum ultricies, velit turpis suscipit urna, non tristique sem dui et urna. Phasellus convallis vestibulum sapien, eget dapibus lectus volutpat placerat. Quisque rhoncus molestie est, vitae facilisis enim lacinia vel. Nam finibus condimentum congue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin vestibulum a urna non commodo. Quisque iaculis semper quam ut tincidunt. Vivamus quis arcu nec sapien tempor pulvinar. Vivamus nec neque magna. Phasellus arcu libero, posuere id eros a, vehicula dignissim ex. Proin ornare ultricies dapibus. Proin sit amet venenatis dui, rhoncus dapibus tortor. Maecenas dictum ac quam sit amet aliquet.[/border][/border][/border][/border][comment]

Please don't delete the credit!

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

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

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

[/comment][border= 0;

--leftbgcolor: #5989af; 
--rightbgcolor: #0c89e8;
--maintextcolor: #15395A;
--pic: url(https://i.ibb.co/PjjsTNF/ezgif-com-gif-maker-27.gif) 50% 40%;
--namecolor: #345278;
--lilleftboxcolor: #345278;
--imageborder: #345278;
--bgpicright: url(https://i.ibb.co/Czs7fWK/Nickie-Aesthetic.jpg);
--cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur817.cur);

box-sizing: border-box; padding: 0; max-width: 700px; min-height: 350px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: black; cursor: var(--cursor), auto!important;][comment]

Don't mess with this. It's the left box.

[/comment][border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 350px; background: var(--leftbgcolor); display: flex; flex-direction: column; overflow: hidden; align-items:center;][comment]

Pic is here! If you'd like to change the saturation, change the number in the parentheses after "filter: grayscale". 0.0 will make it have no filter, while 1.0 will put it in full grayscale.

You can change it to "filter: sepia" as well, if you'd like it to be in sepia.

If you wouldn't like a border on your image, get rid of the "border: 2px solid var(--imageborder);" variable.

[/comment][border= 0; box-sizing: border-box; padding: 0; width: 100%; height: 137px; position: relative; display: flex; margin-bottom: 5px; justify-content:center; align-items:center;][border=0px; position: absolute; width: 100%; top: -15px; font-size: 30px; color: var(--namecolor); background: transparent; text-align: center; line-height:13px; left:-10px;][comment]

Character name goes here! Change the font as you'd like.

[/comment][font=Viaoda Libre]character name[/font][/border][border=transparent; height:20px; width:20px; padding:0; overflow:hidden; position:absolute; top:150px; left:-10px;][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/thisislany/sharing-you[/media][/border][/border][border=0; box-sizing: border-box; padding: 0; background: var(--pic); background-size: cover; filter: grayscale(0.4); height:150px; width:350px; border-radius: 0%; position:absolute; border-top: 4px solid var(--imageborder); border-bottom: 4px solid var(--imageborder); top: 35px; pointer-events: none;][/border][border=0; position: absolute; background: transparent; top: 148px; left: -10px; height: 40px; width: 40px; border-radius:0px; line-height:15px; text: justify; color: var(--leftbgcolor); overflow-y: scroll; font-size:15px; pointer-events: none; opacity: 50%;][fa]fas fa-play[/fa] [comment]

No, the pause button is not functional

[/comment][fa]fas fa-pause[/fa] [/border][border=0px; position: absolute; background: var(--lilleftboxcolor); top: 200px; height: 68px; width: 190px; border-radius:0px; line-height:15px; text: justify; color: var(--maintextcolor); overflow-y: scroll; font-size:12px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 50%; color: var(--maintextcolor); font-size: 10px; line-height: 11px;][comment]

Here start the little status thingies. If you want to change the text, feel free.

[/comment][size=8px][border=transparent; height:fit-content; width:100%; border-radius:10px 10px 10px 0px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; background: #F6F6F6; margin:10px 10px 10px 0px; color: #000000; width: 100%;]How are you feeling?[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 0px 10px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 0px;]Mood[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 10px 0px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; background: #F6F6F6; margin:10px 10px 10px 0px; color: #000000; width: 100%;]What are you wearing?[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 0px 10px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 0px;]Outfit[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 10px 0px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; background: #F6F6F6; margin:10px 10px 10px 0px; color: #000000; width: 100%;]Where are you?[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 0px 10px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 0px;]Location.[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 10px 0px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; background: #F6F6F6; margin:10px 10px 10px 0px; color: #000000; width: 100%;]Did you mention anyone?[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 0px 10px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 0px;]Mentions[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 10px 0px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; background: #F6F6F6; margin:10px 10px 10px 0px; color: #000000; width: 100%;]Who are you interacting with?[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 0px 10px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 0px;]Interactions.[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 10px 0px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; background: #F6F6F6; margin:10px 10px 10px 0px; color: #000000; width: 100%;]And, like, who are tagging, exactly?[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 0px 10px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 0px;]Tags[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 10px 0px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; background: #F6F6F6; margin:10px 10px 10px 0px; color: #000000; width: 100%;]Can I get a tl;dr?[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 0px 10px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 0px;]Tl;dr[/border][/size]
[/border][/border][/border][/border][/border][border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 350px; background: var(--bgpicright); display: flex; flex-direction: column; overflow: hidden; background-size: cover; filter: saturate(0.4);][border=
0; box-sizing: border-box; padding: 0; flex: 1; position: relative; text-align: justify; overflow: auto; color: var(--maintextcolor); width: 200%;][border=0; box-sizing:border-box; padding: 0; flex: 1; position: relative; text-align: justify; height:350px; width: 350px; background: transparent;][/border][border=
0; box-sizing: border-box; padding: 0; flex: 1; position: relative; text-align: justify; overflow: auto; color: var(--maintextcolor); width: 200%;][border= 0; box-sizing: border-box; padding: 0; width: 25%; font-size: 10px; line-height: 14px; background: var(--rightbgcolor); position: relative; left: 3px; padding: 15px; text-align: justify; filter: saturate(2.0);][comment]

Here starts your post!

[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec suscipit ultricies sem, blandit suscipit justo sollicitudin sed. Phasellus elementum enim arcu, ac blandit ante sodales eget. Maecenas fringilla porta massa, semper pellentesque est mollis nec. Morbi lobortis nisl vel molestie laoreet. Aenean felis ex, condimentum tincidunt libero vel, gravida vehicula est. Donec et convallis nibh. Etiam nec nunc elementum, rhoncus dolor sit amet, semper quam. In cursus orci malesuada quam accumsan tristique. Curabitur interdum quam ac eros ornare pellentesque. Suspendisse a ex eleifend, aliquam odio eu, aliquam nisi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris dolor nulla, varius quis iaculis sit amet, euismod in diam. Nam volutpat posuere aliquet. Vivamus sodales pellentesque metus, id mollis mi tristique nec.

Sed nunc ex, convallis vitae fermentum at, condimentum ut sapien. Vestibulum commodo nisi vitae lobortis fermentum. Praesent aliquam ac eros id condimentum. Quisque neque libero, volutpat et quam non, scelerisque ultricies purus. Phasellus finibus risus erat, a tempor neque mattis nec. Cras vel nibh ut odio congue consequat at at massa. Morbi vestibulum tempus faucibus. Nunc eleifend sed erat in sodales.

Aliquam imperdiet est sed odio mattis tristique. Etiam sagittis lacus sem, sit amet lacinia purus consequat eget. Duis semper ornare ante ut blandit. Maecenas tincidunt in lectus eu laoreet. Ut iaculis tincidunt erat ut scelerisque. Vestibulum tempor lacus ullamcorper auctor suscipit. Morbi vitae nisl id risus efficitur malesuada. Aenean suscipit arcu et libero porta suscipit. Donec mattis mattis elit, id sollicitudin massa maximus quis. Nunc fringilla metus sit amet egestas tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam viverra leo eget hendrerit tincidunt. Duis at turpis tempor, maximus leo nec, tristique arcu. Quisque sodales felis nulla, id suscipit tellus viverra quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec quam vitae nisi dignissim vehicula.

Ut molestie nulla ut eros ultricies, at tempor libero laoreet. Proin gravida rutrum elit, in tincidunt arcu. Phasellus sed tincidunt lorem, sed varius felis. Proin nec elit a leo posuere euismod. Fusce vel mauris posuere ligula hendrerit condimentum ut in diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Etiam ac lacus et enim maximus congue. Pellentesque rhoncus ultricies ligula, nec tincidunt turpis pellentesque a. Vivamus pulvinar lacus sed nulla vulputate, ut sollicitudin nulla hendrerit. Nunc quis dui at nibh viverra varius vitae sed quam. Sed interdum lorem nec est dignissim, eu consectetur lacus aliquam.

Donec vulputate, dolor pharetra condimentum ultricies, velit turpis suscipit urna, non tristique sem dui et urna. Phasellus convallis vestibulum sapien, eget dapibus lectus volutpat placerat. Quisque rhoncus molestie est, vitae facilisis enim lacinia vel. Nam finibus condimentum congue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin vestibulum a urna non commodo. Quisque iaculis semper quam ut tincidunt. Vivamus quis arcu nec sapien tempor pulvinar. Vivamus nec neque magna. Phasellus arcu libero, posuere id eros a, vehicula dignissim ex. Proin ornare ultricies dapibus. Proin sit amet venenatis dui, rhoncus dapibus tortor. Maecenas dictum ac quam sit amet aliquet.[/border][/border][/border][/border][comment]

Please don't delete the credit!

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

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

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

[/comment][border=' 0;

--leftbgcolor: #6E9470;
--rightbgcolor: #B8D9BA;
--maintextcolor: #193E1B;
*If the pic is too zoomed in/too zoomed out, command f search "var(--pic)" and change the "background-size: cover" in the border to any percentage;
--pic: url(https://i.ibb.co/m8TY7Rq/Untitled-3.gif) 50% 40%;
--namecolor: #B8D9BA;
--nameshadowcolor: #193E1B; 
--littlewordscolor: #79A37B;
--spinnythingy: url( );
--lilleftboxcolor: #B8D9BA;
--imageborder: #B8D9BA;
--bgpicright: url(https://i.ibb.co/zfs4rxW/Trevor-Aesthetic.jpg);
--cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur817.cur);

box-sizing: border-box; padding: 0; max-width: 700px; min-height: 350px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: black; cursor: var(--cursor), auto!important;']
[border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 350px; background: var(--leftbgcolor); display: flex; flex-direction: column; overflow: hidden; align-items:center;][comment]

Pic is here! If you'd like to change the saturation, change the number in the parentheses after "filter: grayscale". 0.0 will make it have no filter, while 1.0 will put it in full grayscale.

You can change it to "filter: sepia" as well, if you'd like it to be in sepia.

If you wouldn't like a border on your image, get rid of the "border: 2px solid var(--imageborder);" variable.

[/comment][border= 0; box-sizing: border-box; padding: 0; width: 100%; height: 137px; position: relative; display: flex; margin-bottom: 5px; justify-content:center; align-items:center;][border=0px; position: absolute; width: 100%; top: -15px; font-size: 27px; color: var(--namecolor); background: transparent; text-align: center; text-shadow: 0px 2px var(--nameshadowcolor); line-height:13px; left:-10px;][comment]

Character name goes here! Change the font as you'd like.

[/comment][font=Playfair Display]character name[/font][/border][border=transparent; height:20px; width:20px; padding:0; overflow:hidden; position:absolute; top:150px; left:-10px;][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/thisislany/sharing-you[/media][/border][/border][border=0; box-sizing: border-box; padding: 0; background: var(--pic); background-size: cover; filter: grayscale(0.4); height:150px; width:350px; border-radius: 0%; position:absolute; border-top: 4px solid var(--imageborder); border-bottom: 4px solid var(--imageborder); top: 35px; pointer-events: none;][/border][border=0; position: absolute; background: transparent; top: 148px; left: -10px; height: 40px; width: 40px; border-radius:0px; line-height:15px; text: justify; color: var(--leftbgcolor); overflow-y: scroll; font-size:15px; pointer-events: none; opacity: 50%;][fa]fas fa-play[/fa] [comment]

No, the pause button is not functional

[/comment][fa]fas fa-pause[/fa] [/border][border=0px; position: absolute; background: var(--lilleftboxcolor); top: 200px; height: 68px; width: 190px; border-radius:0px; line-height:15px; text: justify; color: var(--maintextcolor); overflow-y: scroll; font-size:12px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 50%; color: var(--maintextcolor); font-size: 10px; line-height: 11px;][comment]

Here start the little status thingies. If you want to change the text, feel free.

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

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

Put your character's outfit in place of the url after the "url="!

[/comment][url=https://i5.walmartimages.com/asr/dd1313f3-6f18-4358-8c33-7542294865c7_1.ef90caddebd85e46b753620019d733c3.jpeg][comment]

Put your main text color as the color in the following bracket!

[/comment][color=#193E1B]Link to outfit.[/color][/url][/b]

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

[size=8px][i]@[u]username[/u] has mentioned:[/i][/size]
[b]Mentions here.[/b]

[size=8px][i]@[u]username[/u] has interacted with:[/i][/size]
[b]Interactions here.[/b]

[size=8px][i]@[u]username[/u] has tagged:[/i][/size]
[b]Tags here.[/b]

[size=8px][i]@[u]username[/u] has written a tl;dr:[/i][/size]
[b]tl;dr here.[/b]
[/border][/border][/border][/border][/border][border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 350px; background: var(--bgpicright); display: flex; flex-direction: column; overflow: hidden; background-size: cover; filter: justify-content: center;][border=
0; box-sizing: border-box; padding: 0; flex: 1; position: relative; text-align: justify; overflow: auto; color: var(--maintextcolor); width: 200%;][border=0; box-sizing:border-box; padding: 0; flex: 1; position: relative; text-align: justify; height:350px; width: 350px; background: transparent;][border=0; background: var(--spinnythingy); position: absolute; top: 125px; left: 125px; height: 20px; width: 20px; background-size: cover;][/border][/border][border=
0; box-sizing: border-box; padding: 0; flex: 1; position: relative; text-align: justify; overflow: auto; color: var(--maintextcolor); width: 200%;][border= 0; box-sizing: border-box; padding: 0; width: 25%; font-size: 10px; line-height: 14px; background: var(--rightbgcolor); position: relative; left: 3px; padding: 15px; text-align: justify;][comment]

Here starts your post!

[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec suscipit ultricies sem, blandit suscipit justo sollicitudin sed. Phasellus elementum enim arcu, ac blandit ante sodales eget. Maecenas fringilla porta massa, semper pellentesque est mollis nec. Morbi lobortis nisl vel molestie laoreet. Aenean felis ex, condimentum tincidunt libero vel, gravida vehicula est. Donec et convallis nibh. Etiam nec nunc elementum, rhoncus dolor sit amet, semper quam. In cursus orci malesuada quam accumsan tristique. Curabitur interdum quam ac eros ornare pellentesque. Suspendisse a ex eleifend, aliquam odio eu, aliquam nisi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris dolor nulla, varius quis iaculis sit amet, euismod in diam. Nam volutpat posuere aliquet. Vivamus sodales pellentesque metus, id mollis mi tristique nec.

Sed nunc ex, convallis vitae fermentum at, condimentum ut sapien. Vestibulum commodo nisi vitae lobortis fermentum. Praesent aliquam ac eros id condimentum. Quisque neque libero, volutpat et quam non, scelerisque ultricies purus. Phasellus finibus risus erat, a tempor neque mattis nec. Cras vel nibh ut odio congue consequat at at massa. Morbi vestibulum tempus faucibus. Nunc eleifend sed erat in sodales.

Aliquam imperdiet est sed odio mattis tristique. Etiam sagittis lacus sem, sit amet lacinia purus consequat eget. Duis semper ornare ante ut blandit. Maecenas tincidunt in lectus eu laoreet. Ut iaculis tincidunt erat ut scelerisque. Vestibulum tempor lacus ullamcorper auctor suscipit. Morbi vitae nisl id risus efficitur malesuada. Aenean suscipit arcu et libero porta suscipit. Donec mattis mattis elit, id sollicitudin massa maximus quis. Nunc fringilla metus sit amet egestas tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam viverra leo eget hendrerit tincidunt. Duis at turpis tempor, maximus leo nec, tristique arcu. Quisque sodales felis nulla, id suscipit tellus viverra quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec quam vitae nisi dignissim vehicula.

Ut molestie nulla ut eros ultricies, at tempor libero laoreet. Proin gravida rutrum elit, in tincidunt arcu. Phasellus sed tincidunt lorem, sed varius felis. Proin nec elit a leo posuere euismod. Fusce vel mauris posuere ligula hendrerit condimentum ut in diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Etiam ac lacus et enim maximus congue. Pellentesque rhoncus ultricies ligula, nec tincidunt turpis pellentesque a. Vivamus pulvinar lacus sed nulla vulputate, ut sollicitudin nulla hendrerit. Nunc quis dui at nibh viverra varius vitae sed quam. Sed interdum lorem nec est dignissim, eu consectetur lacus aliquam.

Donec vulputate, dolor pharetra condimentum ultricies, velit turpis suscipit urna, non tristique sem dui et urna. Phasellus convallis vestibulum sapien, eget dapibus lectus volutpat placerat. Quisque rhoncus molestie est, vitae facilisis enim lacinia vel. Nam finibus condimentum congue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin vestibulum a urna non commodo. Quisque iaculis semper quam ut tincidunt. Vivamus quis arcu nec sapien tempor pulvinar. Vivamus nec neque magna. Phasellus arcu libero, posuere id eros a, vehicula dignissim ex. Proin ornare ultricies dapibus. Proin sit amet venenatis dui, rhoncus dapibus tortor. Maecenas dictum ac quam sit amet aliquet.[/border][/border][/border][/border][comment]

Please don't delete the credit!

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

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

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

[/comment][border= 0;

--leftbgcolor: #5989af; 
--rightbgcolor: #F6F6F6;
--maintextcolor: #15395A;
--pic: url(https://i.ibb.co/PjjsTNF/ezgif-com-gif-maker-27.gif) 50% 40%;
--namecolor: #F6F6F6;
--lilleftboxcolor: #345278;
--imageborder: #345278;
--bgpicright: url(https://i.ibb.co/Czs7fWK/Nickie-Aesthetic.jpg);
--cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur817.cur);

box-sizing: border-box; padding: 0; max-width: 700px; min-height: 350px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: black; cursor: var(--cursor), auto!important;][comment]

Don't mess with this. It's the left box.

[/comment][border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 350px; background: var(--leftbgcolor); display: flex; flex-direction: column; overflow: hidden; align-items:center;][comment]

Pic is here! If you'd like to change the saturation, change the number in the parentheses after "filter: grayscale". 0.0 will make it have no filter, while 1.0 will put it in full grayscale.

You can change it to "filter: sepia" as well, if you'd like it to be in sepia.

If you wouldn't like a border on your image, get rid of the "border: 2px solid var(--imageborder);" variable.

[/comment][border= 0; box-sizing: border-box; padding: 0; width: 100%; height: 137px; position: relative; display: flex; margin-bottom: 5px; justify-content:center; align-items:center;][border=0px; position: absolute; width: 100%; top: -15px; font-size: 30px; color: var(--namecolor); background: transparent; text-align: center; line-height:13px; left:-10px;][comment]

Character name goes here! Change the font as you'd like.

[/comment][font=Viaoda Libre]character name[/font][/border][border=transparent; height:20px; width:20px; padding:0; overflow:hidden; position:absolute; top:150px; left:-10px;][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/thisislany/sharing-you[/media][/border][/border][border=0; box-sizing: border-box; padding: 0; background: var(--pic); background-size: cover; filter: grayscale(0.0); height:150px; width:350px; border-radius: 0%; position:absolute; border-top: 4px solid var(--imageborder); border-bottom: 4px solid var(--imageborder); top: 35px; pointer-events: none;][/border][border=0; position: absolute; background: transparent; top: 148px; left: -10px; height: 40px; width: 40px; border-radius:0px; line-height:15px; text: justify; color: var(--rightbgcolor); overflow-y: scroll; font-size:15px; pointer-events: none; opacity: 50%;][fa]fas fa-play[/fa] [comment]

No, the pause button is not functional

[/comment][fa]fas fa-pause[/fa] [/border][border=0px; position: absolute; background: var(--lilleftboxcolor); top: 200px; height: 68px; width: 190px; border-radius:0px; line-height:15px; text: justify; color: var(--maintextcolor); overflow-y: scroll; font-size:12px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 50%; color: var(--maintextcolor); font-size: 10px; line-height: 11px;][comment]

Here start the little status thingies. If you want to change the text, feel free.

[/comment][size=8px][border=transparent; height:fit-content; width:100%; border-radius:10px 10px 10px 0px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; background: #F6F6F6; margin:10px 10px 10px 0px; color: #000000; width: 100%;]How are you feeling?[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 0px 10px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 0px;]Mood[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 10px 0px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; background: #F6F6F6; margin:10px 10px 10px 0px; color: #000000; width: 100%;]What are you wearing?[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 0px 10px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 0px;]Outfit[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 10px 0px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; background: #F6F6F6; margin:10px 10px 10px 0px; color: #000000; width: 100%;]Where are you?[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 0px 10px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 0px;]Location.[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 10px 0px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; background: #F6F6F6; margin:10px 10px 10px 0px; color: #000000; width: 100%;]Did you mention anyone?[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 0px 10px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 0px;]Mentions[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 10px 0px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; background: #F6F6F6; margin:10px 10px 10px 0px; color: #000000; width: 100%;]Who are you interacting with?[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 0px 10px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 0px;]Interactions.[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 10px 0px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; background: #F6F6F6; margin:10px 10px 10px 0px; color: #000000; width: 100%;]And, like, who are tagging, exactly?[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 0px 10px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 0px;]Tags[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 10px 0px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; background: #F6F6F6; margin:10px 10px 10px 0px; color: #000000; width: 100%;]Can I get a tl;dr?[/border]
[border=transparent; height:fit-content; width:100%; border-radius:10px 10px 0px 10px; padding:4px -px; box-sizing:border-box; line-height:120%; font-size:12px; color: #ffffff; background: #4387D9; margin:10px 10px 10px 0px;]Tl;dr[/border][/size]
[/border][/border][/border][/border][/border][border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 350px; background: var(--bgpicright); display: flex; flex-direction: column; overflow: hidden; background-size: cover;][border=
0; box-sizing: border-box; padding: 0; flex: 1; position: relative; text-align: justify; overflow: auto; color: var(--maintextcolor); width: 200%;][border=0; box-sizing:border-box; padding: 0; flex: 1; position: relative; text-align: justify; height:350px; width: 350px; background: transparent;][/border][border=
0; box-sizing: border-box; padding: 0; flex: 1; position: relative; text-align: justify; overflow: auto; color: var(--maintextcolor); width: 200%;][border= 0; box-sizing: border-box; padding: 0; width: 25%; font-size: 10px; line-height: 14px; background: var(--rightbgcolor); position: relative; left: 3px; padding: 15px; text-align: justify;][comment]

Here starts your post!

[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec suscipit ultricies sem, blandit suscipit justo sollicitudin sed. Phasellus elementum enim arcu, ac blandit ante sodales eget. Maecenas fringilla porta massa, semper pellentesque est mollis nec. Morbi lobortis nisl vel molestie laoreet. Aenean felis ex, condimentum tincidunt libero vel, gravida vehicula est. Donec et convallis nibh. Etiam nec nunc elementum, rhoncus dolor sit amet, semper quam. In cursus orci malesuada quam accumsan tristique. Curabitur interdum quam ac eros ornare pellentesque. Suspendisse a ex eleifend, aliquam odio eu, aliquam nisi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris dolor nulla, varius quis iaculis sit amet, euismod in diam. Nam volutpat posuere aliquet. Vivamus sodales pellentesque metus, id mollis mi tristique nec.

Sed nunc ex, convallis vitae fermentum at, condimentum ut sapien. Vestibulum commodo nisi vitae lobortis fermentum. Praesent aliquam ac eros id condimentum. Quisque neque libero, volutpat et quam non, scelerisque ultricies purus. Phasellus finibus risus erat, a tempor neque mattis nec. Cras vel nibh ut odio congue consequat at at massa. Morbi vestibulum tempus faucibus. Nunc eleifend sed erat in sodales.

Aliquam imperdiet est sed odio mattis tristique. Etiam sagittis lacus sem, sit amet lacinia purus consequat eget. Duis semper ornare ante ut blandit. Maecenas tincidunt in lectus eu laoreet. Ut iaculis tincidunt erat ut scelerisque. Vestibulum tempor lacus ullamcorper auctor suscipit. Morbi vitae nisl id risus efficitur malesuada. Aenean suscipit arcu et libero porta suscipit. Donec mattis mattis elit, id sollicitudin massa maximus quis. Nunc fringilla metus sit amet egestas tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam viverra leo eget hendrerit tincidunt. Duis at turpis tempor, maximus leo nec, tristique arcu. Quisque sodales felis nulla, id suscipit tellus viverra quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec quam vitae nisi dignissim vehicula.

Ut molestie nulla ut eros ultricies, at tempor libero laoreet. Proin gravida rutrum elit, in tincidunt arcu. Phasellus sed tincidunt lorem, sed varius felis. Proin nec elit a leo posuere euismod. Fusce vel mauris posuere ligula hendrerit condimentum ut in diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Etiam ac lacus et enim maximus congue. Pellentesque rhoncus ultricies ligula, nec tincidunt turpis pellentesque a. Vivamus pulvinar lacus sed nulla vulputate, ut sollicitudin nulla hendrerit. Nunc quis dui at nibh viverra varius vitae sed quam. Sed interdum lorem nec est dignissim, eu consectetur lacus aliquam.

Donec vulputate, dolor pharetra condimentum ultricies, velit turpis suscipit urna, non tristique sem dui et urna. Phasellus convallis vestibulum sapien, eget dapibus lectus volutpat placerat. Quisque rhoncus molestie est, vitae facilisis enim lacinia vel. Nam finibus condimentum congue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin vestibulum a urna non commodo. Quisque iaculis semper quam ut tincidunt. Vivamus quis arcu nec sapien tempor pulvinar. Vivamus nec neque magna. Phasellus arcu libero, posuere id eros a, vehicula dignissim ex. Proin ornare ultricies dapibus. Proin sit amet venenatis dui, rhoncus dapibus tortor. Maecenas dictum ac quam sit amet aliquet.[/border][/border][/border][/border][comment]

Please don't delete the credit!

[/comment][border=0; color: #878787; font-size: 8px; font-family: Quicksand;] º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º [/border][/border]
 
Last edited:
its so cool to see your progress and growth from your early fancies to these! i think I have like 10 of yours bookmarked at this point. I adore these
 








SIMPLISTIC


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



º º code by ditto º º


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

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

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

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

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

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

[/comment][border= 0;

--bgcolor: #eeeeee;
--pic: url(https://media1.tenor.com/images/c78049769db79cc5a92fac8ec617a273/tenor.gif?itemid=18479242) 5% 0%;
--imageborder: #292929;
--ribbon: #292929;
--moodthingscolor: #eeeeee;
--musicplayertextcolor: #292929;
--musicplayerbgcolor: #fafafa;
--musicplayerborder: #292929;
--maintextbackground: #292929;
--maintextcolor: #eeeeee;
--namecolor: #292929;
--quotecolor: #292929;

box-sizing: border-box; padding: 0; max-width: 375px; min-height: 500px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: black;][border= 0; box-sizing: border-box; padding: 0px; width: 375px; height: 500px; background: var(--bgcolor); display: flex; flex-direction: column; overflow:auto;][border=0;box-sizing: border-box; width:375px; height:57px; background: var(--ribbon); top: 57px; left:0px; background-size:cover; position: absolute; border-radius: 0%; pointer-events: none;][/border][border=0;box-sizing: border-box; width:146px; height:146px; background: var(--pic); top: 7px; left:9px; background-size:cover; position: absolute; border-radius: 100%; border: 9px solid var(--imageborder); pointer-events: none;][/border][border=transparent; height:30px; width:20px; padding:0; overflow:hidden; position:absolute; top:120px; left:120px;][border=transparent; height:90px; width:180px; padding:0; margin-top:-2px; margin-left:-10px; top:-40px;][comment]

In between the "[media=soundcloud]" and the "[/media]" goes a link to the SoundCloud song of your choice!

[/comment][media=soundcloud]https://soundcloud.com/autoheart/no-beat-to-my-heart[/media][/border][/border][border=0;box-sizing: border-box; width:48px; height:48px; background: var(--musicplayerbgcolor); top: 113px; left:109px; background-size:cover; position: absolute; border-radius: 100%; border: 9px solid var(--musicplayerborder); pointer-events: none; line-height: 0px; text-align: center; font-size: 15px;][/border][border=0;box-sizing: border-box; width:48px; height:48px; top: 121px; left:110px; background-size:cover; position: absolute; pointer-events: none; color: var(--musicplayertextcolor); line-height: 0px; text-align: center; font-size: 12px;][fa]fal fa-play[/fa][/border][border=0px; position: absolute; height: 30px; width: 200px; border-radius:0px; line-height:15px; overflow-y: scroll; left:152px; top: 57px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 50%; color: var(--moodthingscolor); font-size: 8px; line-height: 15px; text-align: center;][comment]

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

[/comment][b]mood:[/b] mood
[b]outfit:[/b] outfit
[b]location:[/b] location
[b]mentions:[/b] mentions
[b]interactions:[/b] interactions
[b]tags:[/b] tags[/border][/border][/border][/border][border=0;box-sizing: border-box; width:250px; height:30px; top: 17px; left:140px; background-size:cover; position: absolute; pointer-events: none; color: var(--namecolor); line-height: 10px; text-align: center; font-family: Caviar Dreams; font-size: 20px; text-align: center;][comment]

Character name here!

[/comment]Character Name[/border][border=0;box-sizing: border-box; width:250px; height:30px; top: 120px; left:140px; background-size:cover; position: absolute; pointer-events: none; color: var(--quotecolor); line-height: 10px; text-align: center; font-family: Caviar Dreams; font-size: 11px;][comment]

Quote here! If you don't want a quote, you can just delete the text.

[/comment][i]quote here[/i][/border][border=0;box-sizing: border-box; width:312px; height:289px; background: var(--maintextbackground); top: 179px; left:31px; background-size:cover; position: absolute; border-radius: 0%; pointer-events: none;][/border][border=0px; position: absolute; height: 243px; width: 261px; border-radius:0px; line-height:15px; overflow-y: scroll; left:47px; top: 190px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 50%; color: var(--maintextcolor); font-size: 8px; 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][comment]

Please do not remove the credit!

[/comment][border=0; color: #878787; font-size: 8px; font-family: Quicksand;] º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º [/border][/border]
 
Last edited:
Oh my goodness it's gorgeous. Beautiful. Amazing. I LOVE IT. So simplistic but FANCY.
 
i literally get so excited when I see you've posted again. you'v become like my favorite coder, I use your ic fancies in 90% of my threads ngl
 
WOW LOOK AT THE CODING QUEEN, MAKING ME HAVE TO SWITCH MY CODES AGAIN
it looks amazing, you're so talented wowowow
 








ALSO SIMPLISTIC


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



º º code by ditto º º


  • [
    I am, I am trying
    The best that I can

    M O O D : mood

    O U T F I T : fit

    L O C A T I O N : location

    M E N T I O N S : mentions

    I N T E R A C T I O N S : interactions

    T A G S : tags

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

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

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

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

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

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

[/comment][border= 0;

--topbgcolor: #9C3535;
--mainbgcolor: #FFF9F9;
--pic: url(https://64.media.tumblr.com/571e0ef35b0930b83cdf253dfb45c374/tumblr_inline_pb8navwWAi1uxnbj0_400.gifv) 70% 40%;
--imageborder: #FFF9F9;
--quoteandmoodthingscolor: #7A0909;
--musicplayertextcolor: #7A0909;
--musicplayerbgcolor: #FFF9F9; 
--musicplayerborder: #9C3535;
--maintextbackground: #FFF9F9;
--symbolbesidequotecolor: #7A0909;
--maintextcolor: #7A0909;
--namecolor: #7A0909;

box-sizing: border-box; padding: 0; max-width: 375px; min-height: 500px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: black;][border= 0; box-sizing: border-box; padding: 0px; width: 375px; height: 500px; background: var(--mainbgcolor); display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center; color: black;][border=0;box-sizing: border-box; width:400px; height:200px; background: var(--topbgcolor); background-size:cover; position: absolute; pointer-events: none; top: 0px; left: 0px; overflow: auto;][/border][border=0;box-sizing: border-box; width:146px; height:146px; background: var(--imageborder); background-size:cover; position: absolute; border-radius: 100%; pointer-events: none; top: 5px; overflow: auto;][/border][border=0;box-sizing: border-box; width:125px; height:125px; background: var(--pic); background-size:cover; position: absolute; border-radius: 100%; pointer-events: none; top: 0px; overflow: auto; filter: brightness(1.0); top: 15px;][/border][[border=0;box-sizing: border-box; width:48px; height:48px; top: 450px; left:0px; background-size:cover; position: absolute; pointer-events: none; color: var(--symbolbesidequotecolor); line-height: 0px; text-align: center; font-size: 24px;][comment]

Here goes the Font Awesome symbol that's beside your quote at the bottom!

[/comment][fa]fal fa-heart[/fa][/border][border=0px; position: absolute; height: 30px; width: 300px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 447px; left: 40px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 50%; color: var(--quoteandmoodthingscolor); font-size: 9px; line-height: 15px; text-align: justify;][comment]

Here goes your quote and mood things-- *it scrolls, hehe*.

If you'd like a different font, just change the font in the brackets!

[/comment][font=Playfair Display]I am, I am trying
The best that I can

[center][b] M O O D : [/b] mood

[b] O U T F I T : [/b] fit

[b] L O C A T I O N : [/b] location

[b] M E N T I O N S : [/b] mentions

[b] I N T E R A C T I O N S : [/b] interactions

[b] T A G S : [/b] tags

[/center][/font][/border][/border][/border][border=0;box-sizing: border-box; width:312px; height:250px; background: var(--maintextbackground); top: 190px; background-size:cover; position: absolute; border-radius: 0px 0px 10px 10px; pointer-events: none;][/border][border=0px; position: absolute; height: 220px; width: 300px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 195px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 50%; color: var(--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:312px; height:20px; background:  var(--maintextbackground); background-size:cover; position: absolute; border-radius: 10px 10px 0px 0px; border: 9px solid var(--maintextbackground); pointer-events: none; top: 165px; overflow: auto;][/border][border=0;box-sizing: border-box; width:300px; height:25px; top: 168px; background-size:cover; position: absolute; pointer-events: none; color: var(--namecolor); line-height: 10px; text-align: center; font-family: Playfair Display; font-size: 20px; text-align: center; letter-spacing: 2px;][comment]

Character name here!

[/comment] CHARACTER NAME [/border][border=transparent; height:30px; width:20px; padding:0; overflow:hidden; position:absolute; top:120px;][border=transparent; height:90px; width:180px; padding:0; margin-top:-2px; margin-left:-10px; top:-40px;][comment]

In between the "[media=soundcloud]" and the "[/media]" goes a link to the SoundCloud song of your choice!

[/comment][media=soundcloud]https://soundcloud.com/vancejoy/vance-joy-best-that-i-can[/media][/border][/border][border=0;box-sizing: border-box; width:48px; height:48px; background: var(--musicplayerbgcolor); top: 113px; background-size:cover; position: absolute; border-radius: 100%; border: 9px solid var(--musicplayerborder); pointer-events: none; line-height: 0px; text-align: center; font-size: 15px;][/border][border=0;box-sizing: border-box; width:48px; height:48px; top: 121px; left:164px; background-size:cover; position: absolute; pointer-events: none; color: var(--musicplayertextcolor); line-height: 0px; text-align: center; font-size: 12px;][fa]fal fa-play[/fa][/border][/border][comment]

Please do not remove the credit!

[/comment][border=0; color: #292929; font-size: 8px; font-family: Caviar Dreams;] º [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] º [/border][/border]
Code:
[comment]

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

[/comment][border= 0;

--bgcolor: #FFF9F9;
--pic: url(https://64.media.tumblr.com/571e0ef35b0930b83cdf253dfb45c374/tumblr_inline_pb8navwWAi1uxnbj0_400.gifv) 70% 40%;
--imageborder: #7A0909;
--quoteandmoodthingscolor: #7A0909;
--musicplayertextcolor: #7A0909;
--musicplayerbgcolor: #FFF9F9; 
--musicplayerborder: #9C3535;
--symbolbesidequotecolor: #7A0909;
--maintextcolor: #7A0909;
--namecolor: #7A0909;

box-sizing: border-box; padding: 0; max-width: 375px; min-height: 500px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: black;][border= 0; box-sizing: border-box; padding: 0px; width: 375px; height: 500px; background: var(--bgcolor); display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center; color: black;][border=0;box-sizing: border-box; width:146px; height:146px; background: var(--imageborder); background-size:cover; position: absolute; border-radius: 100%; pointer-events: none; top: 5px; overflow: auto;][/border][border=0;box-sizing: border-box; width:125px; height:125px; background: var(--pic); background-size:cover; position: absolute; border-radius: 100%; pointer-events: none; top: 0px; overflow: auto; filter: brightness(1.0); top: 15px;][/border][border=0;box-sizing: border-box; width:48px; height:48px; top: 450px; left:0px; background-size:cover; position: absolute; pointer-events: none; color: var(--symbolbesidequotecolor); line-height: 0px; text-align: center; font-size: 24px;][comment]

Here goes the Font Awesome symbol that's beside your quote at the bottom!

[/comment][fa]fal fa-heart[/fa][/border][border=0px; position: absolute; height: 30px; width: 300px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 447px; left: 40px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 50%; color: var(--quoteandmoodthingscolor); font-size: 9px; line-height: 15px; text-align: justify;][comment]

Here goes your quote and mood things-- *it scrolls, hehe*.

If you'd like a different font, just change the font in the brackets!

[/comment][font=Playfair Display]I am, I am trying
The best that I can

[center][b] M O O D : [/b] mood

[b] O U T F I T : [/b] fit

[b] L O C A T I O N : [/b] location

[b] M E N T I O N S : [/b] mentions

[b] I N T E R A C T I O N S : [/b] interactions

[b] T A G S : [/b] tags

[/center][/font][/border][/border][/border][border=0;box-sizing: border-box; width:312px; height:250px; top: 190px; background-size:cover; position: absolute; border-radius: 0px 0px 10px 10px; pointer-events: none;][/border][border=0px; position: absolute; height: 220px; width: 300px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 195px; font-size:12px; overflow:auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 50%; color: var(--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:312px; height:20px; background:  var(--maintextbackground); background-size:cover; position: absolute; border-radius: 10px 10px 0px 0px; border: 9px solid var(--maintextbackground); pointer-events: none; top: 165px; overflow: auto;][/border][border=0;box-sizing: border-box; width:300px; height:25px; top: 168px; background-size:cover; position: absolute; pointer-events: none; color: var(--namecolor); line-height: 10px; text-align: center; font-family: Playfair Display; font-size: 20px; text-align: center; letter-spacing: 2px;][comment]

Character name here!

[/comment] CHARACTER NAME [/border][border=transparent; height:30px; width:20px; padding:0; overflow:hidden; position:absolute; top:120px;][border=transparent; height:90px; width:180px; padding:0; margin-top:-2px; margin-left:-10px; top:-40px;][comment]

In between the "[media=soundcloud]" and the "[/media]" goes a link to the SoundCloud song of your choice!

[/comment][media=soundcloud]https://soundcloud.com/vancejoy/vance-joy-best-that-i-can[/media][/border][/border][border=0;box-sizing: border-box; width:48px; height:48px; background: var(--musicplayerbgcolor); top: 113px; background-size:cover; position: absolute; border-radius: 100%; border: 9px solid var(--musicplayerborder); pointer-events: none; line-height: 0px; text-align: center; font-size: 15px;][/border][border=0;box-sizing: border-box; width:48px; height:48px; top: 121px; left:164px; background-size:cover; position: absolute; pointer-events: none; color: var(--musicplayertextcolor); line-height: 0px; text-align: center; font-size: 12px;][fa]fal fa-play[/fa][/border][/border][comment]

Please do not remove the credit!

[/comment][border=0; color: #292929; font-size: 8px; font-family: Caviar Dreams;] º [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] º [/border][/border]
 
Last edited:








DECORUM


mobile-friendly!
character sheet!
hidden scrolls!
MUSIC PLAYER!



º º code by ditto º º



Character


some lil words go here



  • name:
    Name name name

    nicknames:
    Nicknames nicknames nicknames

    age:
    Age age age

    occupation:
    Occupation occupation

    something else:
    I'm out of ideas

    face claim:
    Face claim face claim





fifilileiirfilleorffilleiirffillerifillerff
º º code by ditto º º

Code:
[comment]

The variables are in this box! Their names should be relatively self-explanatory.

If you'd like to move an image up or down, use the/add percentages beside the "url()" and before the ";". The first percentage is the x movement, and the second percentage is the y movement. The bigger the x percentage, the further right an image moves. The bigger the y percentage, the further down an image moves.

[/comment][border=0; background: transparent; center;

--bg: #eeeeee;
--iconbg: #ffffff;
--maintextcolor: #262626;
--iconcolor: #262626;
--textbackgroundcolor: #ffffff;
--topimage: url(https://previews.123rf.com/images/subinpumsom/subinpumsom1410/subinpumsom141000212/33015891-beautiful-flowers-background-for-wedding-scene.jpg) 0% 25%;
--taboneimageone: url(https://www.irishtimes.com/polopoly_fs/1.3109690.1496768726!/image/image.jpg_gen/derivatives/ratio_1x1_w1200/image.jpg) 50% 0%;
--tabtwoimageone: url(https://64.media.tumblr.com/61c3b9cd8269bce9d6a9b28ac83a2515/116df236da9b002d-29/s500x750/e8f43cc82329587fbc2efac37ece75a4a0483bfe.jpg) 50% 0%;
--tabtwoimagetwo: url(https://64.media.tumblr.com/07eb6a5bfbc13f97fe272080f62b09d5/tumblr_pm202gagv71xsxtwyo7_400.png) 50% 0%;
--tabtwoimagethree: url(https://64.media.tumblr.com/1a5c7c5ad4ef92477b37ab3f3bacef0b/95cce9f9f7176662-44/s400x600/9e536b95a45f257e8844d7e1bf23358c076aab3c.png) 50% 0%;
--topimageoverlay: #FFD09E;
--toptextcolor: #ffffff;
--lilbottomcursivewords: #ffffff;
--headertabtwo: #262626;
--playbutton: #ffffff;

--tabfourpicone: url(https://pbs.twimg.com/profile_images/835449622357131267/d9YQGsBJ_400x400.jpg);
--tabfourpictwo: url(https://i.pinimg.com/originals/49/c4/56/49c4561d25cb5899d40dac07638b6b03.gif);
--tabfourpicthree: url(https://64.media.tumblr.com/c6ddf73482feaa5ce411a88e1bb0216d/f9c35f906c192df9-6c/s400x600/3d64f2ff60c198a137fdc1d4e2c1014be4c98703.png);
--tabfourpicfour: url(http://images6.fanpop.com/image/photos/40800000/Teresa-Palmer-teresa-palmer-40894521-200-200.png);
--tabfourpicfive: url(https://64.media.tumblr.com/994bef91da086688077127faa3afbebc/93c916ce194d1489-fa/s250x400/bec6058f84336f3d442f4e3b598fb6afc17e681e.png);
--tabfourpicsix: url(https://i.pinimg.com/originals/70/87/e8/7087e85a894b4f7a487367565b100e27.png);
--tabfourpicseven: url(https://i.dailymail.co.uk/1s/2020/06/05/13/29263170-8391947-image-a-33_1591361532049.jpg);
--tabfourpiceight: url(https://64.media.tumblr.com/da2dd2469c9715d6eba0c0b25f2d159c/tumblr_pm4e9vjpsn1xl20m1o2_400.png);
--tabfourpicnine: url(https://64.media.tumblr.com/3eabe726ab001110ca6b224d7cbe71cd/tumblr_pg3341nfnv1vync4fo3_400.png);
--tabfourpicten: url(http://images6.fanpop.com/image/photos/42600000/Diana-Bishop-a-discovery-of-witches-tv-series-42640992-200-200.png);
--tabfourpiceleven: url(https://i.pinimg.com/originals/27/74/e7/2774e7ccc40a3d07494eb84d10e4758b.png);
--tabfourpictwelve: url(https://64.media.tumblr.com/2bc4edc836094261fca5078264fb8989/95cce9f9f7176662-6d/s400x600/e05c3082c87b3489d8658acc85eddab12a9861f7.png);
--tabfourpicthirteen: url(https://64.media.tumblr.com/038124b8d7ad22b5fcf2c3887d14ba81/tumblr_ovxv9tkJen1wann7ho8_r1_250.png);
--tabfourpicfourteen: url(https://64.media.tumblr.com/5322a42d7ccd4248345ed303c75d6fd3/tumblr_ovzuzlmDWe1wann7ho2_250.png);https://i.pinimg.com/236x/9c/c8/4f/9cc84f124fe50082f7af9e29295bcaed--teresa-palmer-portrait-studio.jpg);
--tabfourpicfifteen: url(https://pbs.twimg.com/media/DrKFP9UX4AAs5s5.jpg);

center;][border=0; padding: 0px; max-width: 350px; min-height: 500px; border-radius: 15px; margin: auto; center; top: 0px; position: relative; background: var(--bg);][border=0; box-sizing: border-box; width:330px; height:280px; top: 190px; left: 10px; background-size:cover; position: absolute; border-radius: 15px; background: var(--textbackgroundcolor); pointer-events: none; line-height: 0px; text-align: center; font-size: 15px;][/border][border=transparent; height:30px; width:20px; padding:0; overflow:hidden; position:absolute; top:12px; left: 17px;][border=transparent; height:90px; width:180px; padding:0; margin-top:-2px; margin-left:-10px; top:0px;][comment]

In between the "[media=soundcloud]" and the "[/media]" goes a link to the SoundCloud song of your choice!

[/comment][media=soundcloud]https://soundcloud.com/machinegunkelly/drunk-face[/media][/border][/border][border=0; box-sizing: border-box; width:330px; height:170px; background: var(--topimage); top: 10px; left: 10px; background-size:cover; position: absolute; border-radius: 15px; line-height: 0px; text-align: center; font-size: 15px; pointer-events: none;][/border][border=0; box-sizing: border-box; width:330px; height:170px; background: var(--topimageoverlay); top: 10px; left: 10px; background-size:cover; position: absolute; border-radius: 15px; line-height: 0px; text-align: center; font-size: 15px; opacity: 80%; pointer-events: none;][/border][border=0; box-sizing: border-box; width:330px; height:170px; background: transparent; top: 10px; left: 10px; background-size:cover; position: absolute; border-radius: 15px; line-height: 0px; text-align: center; font-size: 50px; line-height: 50px; letter-spacing: 1px; -webkit-text-stroke: 0.9px var(--toptextcolor); color: transparent; font-family: bebas neue; font-weight: 700; pointer-events: none;]
[comment]

Character name here! It works best with just one name-- it looks better on mobile that way.

[/comment]Character[/border]
[border=0; box-sizing: border-box; width:280px; height:170px; background: transparent; top: 10px; left: 38px; background-size:cover; position: absolute; border-radius: 15px; line-height: 0px; text-align: center; font-size: 15px; line-height: 60px; letter-spacing: 1px; color: var(--lilbottomcursivewords); pointer-events: none;][font=Pinyon Script]
[comment]

If you want some small words to go beneath your character name, they go here! If you don't want 'em, feel free to just delete the words below and just leave it blank. No biggie.

[/comment]some lil words go here[/font][/border][border=0; box-sizing: border-box; width:280px; height:170px; background: transparent; top: -10px; left: 15px; background-size:cover; position: absolute; border-radius: 15px; line-height: 0px; text-align: left; font-size: 15px; line-height: 60px; letter-spacing: 1px; color: var(--playbutton); pointer-events: none;][fa]fal fa-play[/fa][/border][/border]

[border=0; width: 330px; height: 450px; margin: auto; center; margin-top: -500px; position: relative; z-index:1; background: transparent; overflow: hidden; transform:rotate(180deg); left: 5px;]
[tabs][tab=x][comment]
 
Tab one!
 
[/comment][border=0px; padding: 5px; width: 100%; height: 380px; background: transparent; overflow: hidden; margin: auto; center;][border=0px; padding:0px; width: 100%; height: 260px; overflow-y: scroll; overflow-x: hidden; padding-right: 500px; font-family: Quicksand; color: var(--maintextcolor); font-size: 12px; line-height: 13px; letter-spacing: 0.5px; text-align: justify; left: 10px; margin-top: 10px;][border=0px; padding: 5px; width: 100%; height: 200px; background: transparent; overflow: hidden; margin: 0px; transform:rotate(180deg);][border=0px; padding: 0px; width: 100%; height: 260px; overflow-y: scroll; overflow-x: hidden; padding-right: 500px; font-family: Quicksand; color: var(--maintextcolor); font-size: 12px; line-height: 13px; letter-spacing: 0.5px; text-align: justify; opacity: 400%;][border=0px; position: absolute; height: 200px; width: 350px; 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: 0 5px 0 5px; width: 20%; font-size: 8px; line-height: 15px; text-align: justify;][comment]

Basics here!

[/comment][b]name:[/b]
Name name name

[b]nicknames:[/b]
Nicknames nicknames nicknames

[b]age:[/b]
Age age age

[b]occupation:[/b]
Occupation occupation

[b]something else:[/b]
I'm out of ideas

[b]face claim:[/b]
Face claim face claim
[/border][/border]

[/border]
[/border][border=0; box-sizing: border-box; width:140px; height:195px; background: var(--taboneimageone); background-size:cover; position: absolute; border-radius: 15px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 10px; left: 170px;][/border][/border]
[/border][/border][/tab][border=0px; padding: 5px; width: 100%; height: 380px; background: #ffffff; overflow: hidden; margin: auto; center;][border=0px; padding:0px; width: 100%; height: 260px; overflow-y: scroll; overflow-x: hidden; padding-right: 500px; font-family: Quicksand; color: var(--maintextcolor); font-size: 12px; line-height: 13px; letter-spacing: 0.5px; text-align: justify;][tab=x][comment]
 
Tab two!
 
[/comment][border=0px; padding: 5px; width: 100%; height: 380px; background: transparent; overflow: auto; margin: auto; center; overflow-y: scroll;][border=0px; padding:0px; width: 100%; height: 260px; overflow-y: scroll; overflow-x: hidden; padding-right: 500px; font-family: Quicksand; color: var(--maintextcolor); font-size: 12px; line-height: 13px; letter-spacing: 0.5px; text-align: justify; left: 10px; margin-top: 10px;][border=0px; padding: 5px; width: 100%; height: 150px; background: transparent; overflow: hidden; margin: 0px; transform:rotate(180deg); position: absolute; top: 170px; right: 5px;][border=0px; padding: 0px; width: 100%; height: 260px; overflow-y: scroll; overflow-x: hidden; padding-right: 500px; font-family: Quicksand; color: var(--maintextcolor); font-size: 12px; line-height: 13px; letter-spacing: 0.5px; text-align: justify; opacity: 400%;][border=0px; position: absolute; height: 200px; width: 350px; 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: 0 5px 0 5px; width: 43%; font-size: 8px; line-height: 15px; text-align: justify; margin-bottom: 20px;][size=15px][comment]

If you don't want the following box, start deleting here. Be sure to include the "[ comment]" before this.

[/comment][font=Pinyon Script][comment]

"Personality" header.

[/comment]personality[/font][border=0px; position: relative; height: 100px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; font-size:12px; overflow:auto; top: -15px; left: -15px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 43%; font-size: 8px; line-height: 15px; text-align: justify; margin-bottom: 20px;][comment]

Personality text.

[/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][comment]

Stop deleting here. Be sure to include the "[/ comment]" after this.

[/comment][comment]

If you don't want the following box, start deleting here. Be sure to include the "[ comment]" before this.

[/comment][font=Pinyon Script][comment]

"Vices" header here!

[/comment]vices[/font][border=0px; position: relative; height: 100px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; font-size:12px; overflow:auto; top: -15px; left: -15px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 43%; font-size: 8px; line-height: 15px; text-align: justify; margin-bottom: 20px;][comment]

Vices text here.

[/comment]•  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.

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

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

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

•  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.[/border][/border][/border][comment]

Stop deleting here. Be sure to include the "[/ comment]" after this.

[/comment][comment]

If you don't want the following box, start deleting here. Be sure to include the "[ comment]" before this.

[/comment][font=Pinyon Script][comment]

"Virtues" header here!

[/comment]virtues[/font][border=0px; position: relative; height: 100px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; font-size:12px; overflow:auto; top: -15px; left: -15px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 43%; font-size: 8px; line-height: 15px; text-align: justify; margin-bottom: 20px;][comment]

Virtues text here.

[/comment]•  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.

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

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

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

•  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.[/border][/border][/border][comment]

Stop deleting here. Be sure to include the "[/ comment]" after this.

[/comment][comment]

If you don't want the following box, start deleting here. Be sure to include the "[comment]" before this.

[/comment][font=Pinyon Script][comment]

"Likes" header here!

[/comment]likes[/font][border=0px; position: relative; height: 100px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; font-size:12px; overflow:auto; top: -15px; left: -15px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 43%; font-size: 8px; line-height: 15px; text-align: justify; margin-bottom: 20px;][comment]

Likes text here.

[/comment]•  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.

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

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

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

•  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.[/border][/border][/border][comment]

Stop deleting here. Be sure to include the "[/ comment]" after this.

[/comment][comment]

If you don't want the following box, start deleting here. Be sure to include the "[ comment]" before this.

[/comment][font=Pinyon Script][comment]

"Dislikes" header here!

[/comment]dislikes[/font][border=0px; position: relative; height: 100px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; font-size:12px; overflow:auto; top: -15px; left: -15px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 43%; font-size: 8px; line-height: 15px; text-align: justify; margin-bottom: 20px;][comment]

Dislikes text here.

[/comment]•  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.

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

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

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

•  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.[/border][/border][/border][comment]

Stop deleting here. Be sure to include the "[/ comment]" after this.

[/comment][comment]

If you don't want the following box, start deleting here. Be sure to include the "[ comment]" before this.

[/comment][font=Pinyon Script][comment]

"Miscellaneous" header here!

[/comment]miscellaneous[/font][border=0px; position: relative; height: 100px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; font-size:12px; overflow:auto; top: -15px; left: -15px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 43%; font-size: 8px; line-height: 15px; text-align: justify; margin-bottom: 20px;][comment]

Miscellaneous text here.

[/comment]•  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.
•  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.

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

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

•  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.[/border][/border][/border][comment]

Stop deleting here. Be sure to include the "[/ comment]" after this.

[/comment][/comment][/size][/border][size=15px][comment]
[border=0; box-sizing: border-box; width:90px; height:90px; background: var(--tabtwoimageone); background-size:cover; position: absolute; border-radius: 15px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 100px; left: 30px; transform:rotate(180deg);][/border][border=0; box-sizing: border-box; width:90px; height:90px; background: var(--tabtwoimagetwo); background-size:cover; position: absolute; border-radius: 15px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 100px; left: 135px; transform:rotate(180deg);][/border][border=0; box-sizing: border-box; width:90px; height:90px; background: var(--tabtwoimagethree); background-size:cover; position: absolute; border-radius: 15px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 100px; left: 240px; transform:rotate(180deg);][/border][/comment][/size][/border][size=15px][comment][/comment][/size][/border][/border][/border][/border][/border][/tab][border=0px; padding: 5px; width: 100%; height: 380px; background: transparent; overflow: auto; margin: auto; center; overflow-y: scroll;][border=0px; padding:0px; width: 100%; height: 260px; overflow-y: scroll; overflow-x: hidden; padding-right: 500px; font-family: Quicksand; color: var(--maintextcolor); font-size: 12px; line-height: 13px; letter-spacing: 0.5px; text-align: justify; left: 10px; margin-top: 10px;][border=0px; padding: 5px; width: 100%; height: 150px; background: transparent; overflow: hidden; margin: 0px; transform:rotate(180deg); position: absolute; top: 170px; right: 5px;][border=0px; padding: 0px; width: 100%; height: 260px; overflow-y: scroll; overflow-x: hidden; padding-right: 500px; font-family: Quicksand; color: var(--maintextcolor); font-size: 12px; line-height: 13px; letter-spacing: 0.5px; text-align: justify; opacity: 400%;][border=0px; position: absolute; height: 200px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; font-size:12px; overflow:auto;][size=15px][comment][border=0px; padding: 5px; width: 100%; height: 380px; background: #ffffff; overflow: hidden; margin: auto; center;][border=0px; padding:0px; width: 100%; height: 260px; overflow-y: scroll; overflow-x: hidden; padding-right: 500px; font-family: Quicksand; color: var(--maintextcolor); font-size: 12px; line-height: 13px; letter-spacing: 0.5px; text-align: justify;][tab=x][comment]
 
Tab three!
 
[/comment][border=0px; padding: 5px; width: 100%; height: 380px; background: transparent; overflow: hidden; margin: auto; center;][border=0px; padding:0px; width: 100%; height: 260px; overflow-y: scroll; overflow-x: hidden; padding-right: 500px; font-family: Quicksand; color: var(--maintextcolor); font-size: 12px; line-height: 13px; letter-spacing: 0.5px; text-align: justify; left: 10px; margin-top: 10px;][border=0px; padding: 5px; width: 100%; height: 200px; background: transparent; overflow: hidden; margin: 0px; transform:rotate(180deg);][border=0px; padding: 0px; width: 100%; height: 260px; overflow-y: scroll; overflow-x: hidden; padding-right: 500px; font-family: Quicksand; color: var(--maintextcolor); font-size: 12px; line-height: 13px; letter-spacing: 0.5px; text-align: justify; opacity: 400%;][border=0px; position: absolute; height: 200px; width: 350px; 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: 0 5px 0 5px; width: 43%; font-size: 8px; line-height: 15px; text-align: justify;][size=15px][comment]

If you don't want the following box, start deleting here. Be sure to include the "[ comment]" before this.

[/comment][comment]

"History" header here!

[/comment][font=Pinyon Script]history[/font][border=0px; position: relative; height: 300px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; font-size:12px; overflow:auto; top: -15px; left: -15px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 43%; font-size: 8px; line-height: 15px; text-align: justify; margin-bottom: 20px;][comment]

History text here.

[/comment]Tab 3. 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][comment]

Stop deleting here. Be sure to include the "[/ comment]" after this.

[/comment][comment]

If you don't want the following box, start deleting here. Be sure to include the "[ comment]" before this.

[/comment][comment]

"Family" header here!

[/comment][font=Pinyon Script]family[/font][border=0px; position: relative; height: 300px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; font-size:12px; overflow:auto; top: -15px; left: -15px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0 5px 0 5px; width: 43%; font-size: 8px; line-height: 15px; text-align: justify; margin-bottom: 20px;][comment]

Family text here.

[/comment]Tab 3. 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][/size][/border][/border][/border][/border][/border][/border][/border][/tab][border=0px; padding: 5px; width: 100%; height: 380px; background: #ffffff; overflow: hidden; margin: auto; center;][border=0px; padding:0px; width: 100%; height: 260px; overflow-y: scroll; overflow-x: hidden; padding-right: 500px; font-family: Quicksand; color: var(--maintextcolor); font-size: 12px; line-height: 13px; letter-spacing: 0.5px; text-align: justify;][tab=x][comment]
 
Tab four! I wouldn't really mess with this. It's just pics and stuff.
 
[/comment][border=0px; padding: 5px; width: 100%; height: 380px; background: transparent; overflow: hidden; margin: auto; center;][border=0px; padding:0px; width: 100%; height: 260px; overflow-y: scroll; padding-right: 500px; font-family: Quicksand; color: var(--maintextcolor); font-size: 12px; line-height: 13px; letter-spacing: 0.5px; text-align: justify; left: 10px; margin-top: 10px;][border=0px; padding: 5px; width: 100%; height: 200px; background: transparent; margin: 0px; transform:rotate(180deg);][border=0px; padding: 0px; width: 100%; height: 260px; overflow-y: scroll; padding-right: 500px; font-family: Quicksand; color: var(--maintextcolor); font-size: 12px; line-height: 13px; letter-spacing: 0.5px; text-align: justify; opacity: 400%;][border=0px; position: absolute; height: 200px; width: 350px; 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: 0 5px 0 5px; width: 43%; font-size: 8px; line-height: 15px; text-align: justify;][border=0; box-sizing: border-box; width:90px; height:90px; background: var(--tabfourpicone); background-size:cover; position: absolute; border-radius: 0px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 0px; left: 10px;][/border][border=0; box-sizing: border-box; width:90px; height:90px; background: var(--tabfourpictwo); background-size:cover; position: absolute; border-radius: 0px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 0px; left: 110px;][/border][border=0; box-sizing: border-box; width:90px; height:90px; background: var(--tabfourpicthree); background-size:cover; position: absolute; border-radius: 0px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 0px; left: 210px;][/border][border=0; box-sizing: border-box; width:90px; height:90px; background: var(--tabfourpicfour); background-size:cover; position: absolute; border-radius: 0px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 100px; left: 10px;][/border][border=0; box-sizing: border-box; width:90px; height:90px; background: var(--tabfourpicfive); background-size:cover; position: absolute; border-radius: 0px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 100px; left: 110px;][/border][border=0; box-sizing: border-box; width:90px; height:90px; background: var(--tabfourpicsix); background-size:cover; position: absolute; border-radius: 0px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 100px; left: 210px;][/border][border=0; box-sizing: border-box; width:90px; height:90px; background: var(--tabfourpicseven); background-size:cover; position: absolute; border-radius: 0px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 200px; left: 10px;][/border][border=0; box-sizing: border-box; width:90px; height:90px; background: var(--tabfourpiceight); background-size:cover; position: absolute; border-radius: 0px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 200px; left: 110px;][/border][border=0; box-sizing: border-box; width:90px; height:90px; background: var(--tabfourpicnine); background-size:cover; position: absolute; border-radius: 0px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 200px; left: 210px;][/border][border=0; box-sizing: border-box; width:90px; height:90px; background: var(--tabfourpicten); background-size:cover; position: absolute; border-radius: 0px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 300px; left: 10px;][/border][border=0; box-sizing: border-box; width:90px; height:90px; background: var(--tabfourpiceleven); background-size:cover; position: absolute; border-radius: 0px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 300px; left: 110px;][/border][border=0; box-sizing: border-box; width:90px; height:90px; background: var(--tabfourpictwelve); background-size:cover; position: absolute; border-radius: 0px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 300px; left: 210px;][/border][border=0; box-sizing: border-box; width:90px; height:90px; background: var(--tabfourpicthirteen); background-size:cover; position: absolute; border-radius: 0px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 400px; left: 10px;][/border][border=0; box-sizing: border-box; width:90px; height:90px; background: var(--tabfourpicfourteen); background-size:cover; position: absolute; border-radius: 0px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 400px; left: 110px;][/border][border=0; box-sizing: border-box; width:90px; height:90px; background: var(--tabfourpicfifteen); background-size:cover; position: absolute; border-radius: 0px; pointer-events: none; line-height: 0px; text-align: center; font-size: 15px; top: 400px; left: 210px;][/border]

[color=transparent]fillerrrrr filler night

blah blah blah

just a lil more

c'mon, c'mon[/color]
[/border][/border]

[/border]
[/border][/border]
[/border][/border][/tab][/border][/border][/border][/border][/comment][/size][/border][/border][/border][/border][/border][/border][/border][/tabs][border=0px; height: 30px; width: 310px; border-radius: 0px 0px 5px 5px; background: white; position: absolute; margin: auto; top: 35px; left: 15px; pointer-events: none; color: var(--iconcolor); font-size: 17px; line-height: 6px; transform:rotate(180deg);]
[color=transparent]fi[/color][comment]

In place of the heart, add any icon that you'd like! I just chose the heart because I liked it.

[/comment][fa]fal fa-heart[/fa][color=transparent]filileiir[/color][fa]fal fa-camera[/fa][color=transparent]filleorf[/color][fa]fal fa-book[/fa][color=transparent]filleiirf[/color][fa]fal fa-user-edit[/fa][color=transparent]filleri[/color][fa]fal fa-address-card[/fa][color=transparent]fillerff[/color][/border][/border][comment]

Please don't remove the credit!

[/comment][border=0; color: #292929; font-size: 8px; font-family: Caviar Dreams; align-content: center; text-align: center; margin-top: -15px;] º [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] º[/border]
 
Last edited:
ooof that last one im in love with!

I thought i'd let you know (i dunno if its just my computer) but the fourth tab be wild for me?

1613351000672.png
 








STAR BOI


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



º º code by ditto º º








character
name


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

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

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

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

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




mood
mood mood mood

location
location location location

outfit
outfit outfit outfit





playing...
song title
by artist​




mentions
mentions mentions mentions

interactions
interactions interactions interactions

tags
tags tags tags


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

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

If any image 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:
--bottomleft: #FFF9F9;
instead of 
--bottomleft: url([URL]https://64.media.tumblr.com/6fdbb56b8c1a51b3fe2286d5be95388f/tumblr_pj4vxmcvCR1ukk143_1280.jpg[/URL]) 0% 0%;
Be sure to keep the semicolon!

If you would not like to have a border around things, you can just remove the variables that have the word "border" in them (toppicborder, bottomboxesborder, mainbgborder).

[/comment][border= 0;

--toppic: url(https://i.pinimg.com/originals/98/4a/b3/984ab39dd9bcdfd69584d15ccee46623.gif) 80% 100%;
--toppicborder: #9C3535;
--namecolor: #9C3535;
--nameshadowcolor: #fdfdfd;
--symbolcolor: #9C3535;
--symbolshadowcolor: #fdfdfd;
--mainbgcolor: #FFF9F9;
--mainbgborder: #9C3535;
--maintextcolor: #9C3535;
--moodetcbackground: #FFF9F9;
--moodetccolor: #9C3535;
--playercolor: #9C3535;
--bottomleft: url(https://64.media.tumblr.com/6fdbb56b8c1a51b3fe2286d5be95388f/tumblr_pj4vxmcvCR1ukk143_1280.jpg) 0% 0%;
--bottommiddle: url(https://wallpaperaccess.com/full/2960736.jpg) 0% 30%; 
--bottomright: url(https://wallpaper.csplague.com/wp-content/uploads/2020/02/red-aesthetic-type-of-blog-redaesthetic-red-aesthetic-type-of-576x1024.jpg) 0% 0%;
--bottomboxesborder: #9C3535;

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: 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:180px; background: var(--toppic); background-size:cover; position: absolute; top: 20px; left: 0px; border: 2px solid var(--toppicborder);][/border]

[border=0;box-sizing: border-box; width:350px; height:200px; background: var(--mainbgcolor); background-size:cover; position: absolute; top: 200px; left: 0px; border-left: 2px solid var(--mainbgborder); border-right: 2px solid var(--mainbgborder);][/border]

[border=0;box-sizing: border-box; width:350px; height:25px; top: 0px; left: 0px; background-size:cover; position: absolute; color: var(--namecolor); line-height: 10px; text-align: center; font-family: Viaoda Libre; font-size: 28px; text-align: left; text-shadow: 0px 2px 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=Cedarville Cursive]character[/font] [/border][border=0;box-sizing: border-box; width: 350px; height:25px; top: -5px; left: 0px; background-size:cover; position: absolute; color: var(--symbolcolor); line-height: 10px; font-family: Viaoda Libre; font-size: 28px; text-align: right; text-shadow: 0px 2px var(--symbolshadowcolor); letter-spacing: 2px;][comment]

The symbols at the top go here! I added three, but you can add less-- or more, if you're into that. These are fa icons, and the whole catalog of them can be found at fontawesome.com/icons.

[/comment][fa]fas fa-star[/fa][fa]fas fa-star[/fa][fa]fas fa-star[/fa][/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: center; font-family: Viaoda Libre; font-size: 28px; text-shadow: 0px -2px var(--nameshadowcolor); text-align: right; 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=Cedarville Cursive]name[/font] [/border] [border=0;box-sizing: border-box; width: 350px; height:25px; top: 175px; left: 0px; background-size:cover; position: absolute; color: var(--symbolcolor); line-height: 10px; font-family: Viaoda Libre; font-size: 28px; text-align: left; text-shadow: 0px -2px var(--symbolshadowcolor); letter-spacing: 2px;][comment]

The symbols at the bottom go here! I added three, but you can add less-- or more, if you're into that. These are fa icons, and the whole catalog of them can be found at fontawesome.com/icons.

[/comment][fa]fas fa-star[/fa][fa]fas fa-star[/fa][fa]fas fa-star[/fa][/border]

[border=0px; position: absolute; height: 180px; width: 350px; border-radius:0px; line-height:15px; overflow-y: scroll; top: 200px; font-size:12px; overflow:auto; padding: 10px 50px 10px 50px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto; padding: 0px 25px 10px 10px;][border=0; box-sizing: border-box; width: 50%; color: var(--maintextcolor); font-size: 9px; line-height: 15px; text-align: justify; letter-spacing: 0.2px;][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:116px; height:100px; background: var(--bottomleft); background-size:cover; position: absolute; top: 400px; left: 0px; overflow: hidden; border-top: 2px solid var(--bottomboxesborder); border-left: 2px solid var(--bottomboxesborder); border-bottom: 2px solid var(--bottomboxesborder); margin: auto;][/border]

[border=0px; position: absolute; background: transparent; top: 395px; height: 90px; width: 105px; border-radius:0px; line-height:15px; text: justify; color: var(--maintextcolor); overflow-y: scroll; font-size:12px; left: -5px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; position: relative; background: transparent; height: 100px; width: 115px; border-radius: 0px;][/border][border=0; box-sizing: border-box; padding: 10px; width: 50%; color: var(--moodetccolor); font-size: 11px; line-height: 11px; background: var(--moodetcbackground); opacity: 95%;][comment]

Here goes your mood and stuff. It's the scrolly at the bottom left image, if you're wondering where it is.

If you'd like to change the fonts, just change the things after the "[font="! All fonts can be found at fonts.google.com. The font right after this comment is for the main text, while the headers are the ones with "Cedarville Cursive".

[/comment][font=Montserrat][font=Cedarville Cursive]mood[/font]
mood mood mood

[font=Cedarville Cursive]location[/font]
location location location

[font=Cedarville Cursive]outfit[/font]
outfit outfit outfit[/font][/border][/border][/border]

[border=0;box-sizing: border-box; width:117px; height:100px; background: var(--bottommiddle); background-size:cover; position: absolute; top: 400px; left: 116px; border-top: 2px solid var(--bottomboxesborder); border-bottom: 2px solid var(--bottomboxesborder); overflow: auto;][/border]

[border=0px; position: absolute; background: transparent; top: 395px; height: 85px; width: 97px; border-radius:0px; line-height:150%; text: justify; color: var(--maintextcolor); overflow-y: scroll; font-size:12px; left: 111px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; position: relative; background: transparent; height: 100px; width: 115px; border-radius: 0px;][/border][border=0; box-sizing: border-box; padding: 10px; width: 50%; color: var(--moodetccolor); font-size: 11px; line-height: 11px; height: 150%; background: var(--moodetcbackground); opacity: 95%;][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/carterwmusic/letdown[/media][/border][/border][border=0;box-sizing: border-box; width: fit-content; height:25px; top: -25px; left: 25px; background-size:cover; position: relative; color: var(--playercolor); 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: 95px; height:20px; top: -35px; background-size:cover; position: relative; color: var(--playercolor); 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. The font right after this comment is the name of the song, while the "Cedarville Cursive"s are the fonts for the "playing..." and "by [artist]".

[/comment][font=Montserrat][font=Cedarville Cursive]playing...[/font]
song title
[font=Cedarville Cursive][right]by artist[/right][/font][/font][/border][/border][/border][/border][/border]

[border=0;box-sizing: border-box; width:117px; height:100px; background: var(--bottomright); background-size:cover; position: absolute; top: 400px; left: 233px; overflow: auto; border-top: 2px solid var(--bottomboxesborder); border-bottom: 2px solid var(--bottomboxesborder); border-right: 2px solid var(--bottomboxesborder);][/border]

[border=0px; position: absolute; background: transparent; top: 395px; height: 90px; width: 106px; border-radius:0px; line-height:15px; text: justify; color: var(--maintextcolor); overflow-y: scroll; font-size:12px; left: 228px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto;][border=0; position: relative; background: transparent; height: 100px; width: 115px; border-radius: 0px;][/border][border=0; box-sizing: border-box; padding: 10px; width: 50%; color: var(--moodetccolor); font-size: 11px; line-height: 11px; background: var(--moodetcbackground); opacity: 95%;][comment]

Here go your interactions and stuff. It's the scrolly at the bottom right image, if you're wondering where it is.

If you'd like to change the fonts, just change the things after the "[font="! All fonts can be found at fonts.google.com. The font right after this comment is for the main text, while the headers are the ones with "Cedarville Cursive".

[/comment][font=Quicksand][font=Cedarville Cursive]mentions[/font]
mentions mentions mentions

[font=Cedarville Cursive]interactions[/font]
interactions interactions interactions

[font=Cedarville Cursive]tags[/font]
tags tags tags [/font][/border][/border][/border]

[/border][comment]

Please do not remove credit!

[/comment][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:
tenor.gif
 

Users who are viewing this thread

Back
Top