• 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 • ғᴀᴄsɪᴍɪʟᴇ • 𝚍𝚒𝚝𝚝𝚘'𝚜 𝚌𝚘𝚍𝚒𝚗𝚐 𝚠𝚘𝚛𝚔𝚜𝚑𝚘𝚙: 𝚝𝚑𝚎 𝚜𝚚𝚞𝚎𝚊𝚔𝚚𝚞𝚎𝚕 •

ditto

still kicking :)






welcome!




Hello, y'all! Ditto here! Welcome to my new coding thread!

Upon the notification from several people that many of my codes suffered from issues with the hidden scrolls (and my "many of my codes", I mean all of them), I decided to completely ditch my old thread and start afresh. Here, you'll find updated versions of some of my old codes as well as all of my new codes going forward! (Scroll down on this code to find a link to my old thread, if you'd like it.)

Thank you for checking this out!

- ditto​

Click here for my first coding thread!

º º code by ditto º º
 
Last edited:
These codes were all similar, so I grouped them together here. : ) All of these are mobile-friendly and very similar. Star Boi and Walk of Fame are IC codes, and Cloud Nine is a code for a collab post.







  • updated:


    star boi


    . in-character code .




    . Fixed code from my old thread

    . In-character code!

    . Mobile-friendly!

    . Features hidden scrolls and a music player!

    . If you see any issues or have any questions, please let me know!
    º º code by ditto º º








    • character name


      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ut tortor sit amet risus vehicula consequat. Praesent tempus magna nec ex congue, eget tincidunt libero viverra. In commodo orci ut rutrum tristique. Aenean egestas quis erat in blandit. Praesent at aliquam lorem, eget vulputate est. Phasellus elementum non enim in blandit. Sed sit amet feugiat tellus. Donec imperdiet dolor vehicula ultricies ultrices. Vivamus eget vehicula libero. Sed in velit semper, vestibulum felis iaculis, tristique justo. Sed dapibus viverra felis quis pellentesque. Sed id dapibus odio.

      Sed hendrerit, eros et ullamcorper maximus, velit urna laoreet orci, sit amet sagittis magna erat id erat. Vestibulum ac diam consequat, tempus enim et, tempus mi. Pellentesque non ante sapien. Nunc molestie at erat non hendrerit. Aliquam erat volutpat. Fusce in semper ipsum. Aliquam sed volutpat enim.

      In hac habitasse platea dictumst. Integer luctus lobortis diam, vitae sagittis ligula egestas ac. Mauris elementum tellus ac volutpat feugiat. Vestibulum consequat laoreet urna luctus eleifend. Mauris cursus venenatis ex vel dapibus. Aliquam interdum, lacus quis laoreet commodo, ex ex elementum urna, eget efficitur metus turpis in enim. Suspendisse interdum volutpat quam, sed ornare augue. In nunc justo, mollis in rhoncus id, pellentesque a felis.

      Nulla a erat arcu. Aliquam cursus eros erat, at semper diam volutpat eget. Integer vel scelerisque felis. Aliquam sed tortor et felis ullamcorper cursus non ac nisi. Nunc lobortis ex nibh, ut ultricies purus accumsan id. Duis in consequat metus. Maecenas iaculis sit amet tellus vitae vulputate. Curabitur sed elit dui. Mauris vitae nisl fringilla, tempus nulla eget, ultrices libero. Sed tempor sem quam, at efficitur arcu pharetra non. Nulla nec sagittis est, id sagittis erat. In lacinia pharetra diam id vestibulum. Proin tincidunt enim in augue condimentum, quis faucibus risus lobortis. Vivamus sit amet neque sit amet orci lobortis commodo.

      Mauris commodo a erat non dictum. Vivamus sodales, quam ac fermentum auctor, felis metus vulputate ex, sed blandit sapien libero vel ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut vel ante sit amet metus fringilla malesuada vel sit amet metus. Vestibulum viverra felis eget diam ultrices, eu vehicula arcu dignissim. Curabitur varius lectus eu venenatis lacinia. Curabitur leo mauris, vulputate posuere mi nec, viverra commodo leo. Sed hendrerit mattis egestas. Sed vitae est at velit fermentum ultrices in varius urna.




      mood
      mood

      location
      location

      outfit
      outfit





      playing...
      song
      by artist​




      mentions
      mentions

      interactions
      interactions

      tags
      tags


      º º code by ditto º º


    Code:
    [border= 0;
    
    --toppic: url(https://i.ibb.co/sqZ88jR/ezgif-com-gif-maker-1.gif) 80% 0%;
    --toppicborder: #9C3535;
    --namecolor: #9C3535;
    --nameshadowcolor: #451B1B;
    --symbolcolor: #9C3535;
    --symbolshadowcolor: #451B1B;
    --mainbgcolor: #FFF9F9;
    --mainbgborder: #9C3535;
    --maintextcolor: #9C3535;
    --moodetcbackground: #FFF9F9;
    --moodetccolor: #9C3535;
    --playercolor: #9C3535;
    --bottomleft: url(https://i.pinimg.com/564x/1f/8e/72/1f8e72c67ffdd4f8d4c62f91adce57aa.jpg) 0% 20%; 
    --bottommiddle: url(https://i.pinimg.com/564x/3f/77/9e/3f779e65629b7664f6bb5705b3820fe8.jpg) 0% 50%;
    --bottomright: url(https://i.pinimg.com/564x/6b/73/f2/6b73f27fbc6d7bd86185568c760f0769.jpg) 60% 50%;
    --bottomboxesborder: #9C3535;
    
    box-sizing: border-box; padding: 0; max-width: 350px; min-height: 520px; 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: 520px; background: transparent; display: flex; flex-direction: column; overflow:auto; margin: auto; hidden; justify-content: center; align-items: center; overflow-y: hidden;]
    
    [border=0;box-sizing: border-box; width:350px; height:180px; background: var(--toppic); background-size:cover; position: absolute; top: 30px; 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: 210px; 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: 3px; background-size:cover; position: absolute; color: var(--namecolor); line-height: 10px; text-align: right; font-family: Viaoda Libre; font-size: 32px; text-align: right; text-shadow: 0px 2px 4px 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=Bebas Neue]CHARACTER NAME[/font] [/border]
    
    [border=0px; position: absolute; height: 180px; width: 335px; border-radius: 0px; line-height:15px; top: 210px; overflow: hidden; display: flex; flex-direction: column;][border=0px; padding: 0px; height: calc(100% - 10px); width: 200%; overflow-y: scroll; overflow-x: hidden; margin-top: 5px;][border=0; height: auto; width: 50%; box-sizing: border-box; color: var(--maintextcolor); font-size: 9px; text-align: justify; margin-top: -5px;][comment]
    
    Post text starts here!
    
    [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ut tortor sit amet risus vehicula consequat. Praesent tempus magna nec ex congue, eget tincidunt libero viverra. In commodo orci ut rutrum tristique. Aenean egestas quis erat in blandit. Praesent at aliquam lorem, eget vulputate est. Phasellus elementum non enim in blandit. Sed sit amet feugiat tellus. Donec imperdiet dolor vehicula ultricies ultrices. Vivamus eget vehicula libero. Sed in velit semper, vestibulum felis iaculis, tristique justo. Sed dapibus viverra felis quis pellentesque. Sed id dapibus odio.
    
    Sed hendrerit, eros et ullamcorper maximus, velit urna laoreet orci, sit amet sagittis magna erat id erat. Vestibulum ac diam consequat, tempus enim et, tempus mi. Pellentesque non ante sapien. Nunc molestie at erat non hendrerit. Aliquam erat volutpat. Fusce in semper ipsum. Aliquam sed volutpat enim.
    
    In hac habitasse platea dictumst. Integer luctus lobortis diam, vitae sagittis ligula egestas ac. Mauris elementum tellus ac volutpat feugiat. Vestibulum consequat laoreet urna luctus eleifend. Mauris cursus venenatis ex vel dapibus. Aliquam interdum, lacus quis laoreet commodo, ex ex elementum urna, eget efficitur metus turpis in enim. Suspendisse interdum volutpat quam, sed ornare augue. In nunc justo, mollis in rhoncus id, pellentesque a felis.
    
    Nulla a erat arcu. Aliquam cursus eros erat, at semper diam volutpat eget. Integer vel scelerisque felis. Aliquam sed tortor et felis ullamcorper cursus non ac nisi. Nunc lobortis ex nibh, ut ultricies purus accumsan id. Duis in consequat metus. Maecenas iaculis sit amet tellus vitae vulputate. Curabitur sed elit dui. Mauris vitae nisl fringilla, tempus nulla eget, ultrices libero. Sed tempor sem quam, at efficitur arcu pharetra non. Nulla nec sagittis est, id sagittis erat. In lacinia pharetra diam id vestibulum. Proin tincidunt enim in augue condimentum, quis faucibus risus lobortis. Vivamus sit amet neque sit amet orci lobortis commodo.
    
    Mauris commodo a erat non dictum. Vivamus sodales, quam ac fermentum auctor, felis metus vulputate ex, sed blandit sapien libero vel ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut vel ante sit amet metus fringilla malesuada vel sit amet metus. Vestibulum viverra felis eget diam ultrices, eu vehicula arcu dignissim. Curabitur varius lectus eu venenatis lacinia. Curabitur leo mauris, vulputate posuere mi nec, viverra commodo leo. Sed hendrerit mattis egestas. Sed vitae est at velit fermentum ultrices in varius urna.[/border][/border][/border]
    
    [border=0;box-sizing: border-box; width:116px; height:100px; background: var(--bottomleft); background-size:cover; position: absolute; top: 410px; 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: 405px; height: 90px; width: 105px; border-radius:0px; line-height:15px; text: justify; color: var(--maintextcolor); overflow-y: hidden; overflow-x: hidden; 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
    
    [font=Cedarville Cursive]location[/font]
    location
    
    [font=Cedarville Cursive]outfit[/font]
    outfit[/font][/border][/border][/border]
    
    [border=0;box-sizing: border-box; width:117px; height:100px; background: var(--bottommiddle); background-size:cover; position: absolute; top: 410px; left: 116px; border-top: 2px solid var(--bottomboxesborder); border-bottom: 2px solid var(--bottomboxesborder); overflow: auto;][/border]
    
    [border=0px; position: absolute; background: transparent; top: 405px; height: 90px; width: 97px; border-radius:0px; line-height:150%; text: justify; color: var(--maintextcolor); overflow-y: hidden; overflow-x: hidden; font-size:12px; left: 111px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto; overflow-x: hidden;][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; overflow-x: hidden; 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/withconfidenceofficial/voldemort[/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
    [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: 410px; 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: 405px; height: 90px; width: 106px; border-radius:0px; line-height:15px; text: justify; color: var(--maintextcolor); overflow-y: hidden; overflow-x: hidden; 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
    
    [font=Cedarville Cursive]interactions[/font]
    interactions
    
    [font=Cedarville Cursive]tags[/font]
    tags[/font][/border][/border][/border]
    
    [/border][comment]
    
    Please do not remove credit!
    
    [/comment][border=0; color: #878787; font-size: 8px;][font=Quicksand] º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#878787][fa]fas fa-heart[/fa][/color][/url] º [/font][/border][/border]
    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.
    
    [/comment][border= 0;
    
    --toppic: url(https://thumbs.gfycat.com/BeautifulCheerfulIndianabat-size_restricted.gif) 80% 25%;
    --namecolor: #E59A9A;
    --symbolcolor: #E59A9A;
    --nameshadowcolor: #362020;
    --symbolshadowcolor: #362020;
    --mainbgcolor: #FFF1F1;
    --maintextcolor: #E59A9A;
    --moodetcbackground: #FFF1F1;
    --moodetccolor: #E59A9A;
    --playbutton: #E59A9A;
    --bottomleft: url(https://i.pinimg.com/564x/61/87/6d/61876d3593fd9e79ec2e21998141f325.jpg) 0% 30%;
    --bottommiddle: url(https://i.pinimg.com/236x/7b/b0/08/7bb008a69acd674861bb4d56bcb1bc96.jpg) 0% 50%; 
    --bottomright: url(https://i.pinimg.com/564x/f7/2a/50/f72a50c63615e89528dcafb73db3a8ab.jpg) 0% 30%;
    --toppicborder: #E59A9A;
    --mainbgborder: #E59A9A;
    --bottomboxesborder: #E59A9A;
    
    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; 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: Cedarville Cursive; font-size: 28px; text-align: left; text-shadow: 0px 2px 4px 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 name[/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 4px 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-cloud-rainbow[/fa][fa]fas fa-cloud-rainbow[/fa][fa]fas fa-cloud-rainbow[/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 4px 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]bottom words[/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 4px 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-cloud-rainbow[/fa][fa]fas fa-cloud-rainbow[/fa][fa]fas fa-cloud-rainbow[/fa][/border]
    
    [border=0px; position: absolute; height: 180px; width: 335px; border-radius: 0px; line-height:15px; top: 200px; overflow: hidden; display: flex; flex-direction: column;][border=0px; padding: 0px; height: calc(100% - 10px); width: 200%; overflow-y: scroll; overflow-x: hidden; margin-top: 5px;][border=0; height: auto; width: 50%; box-sizing: border-box; color: var(--maintextcolor); font-size: 9px; text-align: justify;][comment]
    
    Post text starts here!
    
    [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ut tortor sit amet risus vehicula consequat. Praesent tempus magna nec ex congue, eget tincidunt libero viverra. In commodo orci ut rutrum tristique. Aenean egestas quis erat in blandit. Praesent at aliquam lorem, eget vulputate est. Phasellus elementum non enim in blandit. Sed sit amet feugiat tellus. Donec imperdiet dolor vehicula ultricies ultrices. Vivamus eget vehicula libero. Sed in velit semper, vestibulum felis iaculis, tristique justo. Sed dapibus viverra felis quis pellentesque. Sed id dapibus odio.
    
    Sed hendrerit, eros et ullamcorper maximus, velit urna laoreet orci, sit amet sagittis magna erat id erat. Vestibulum ac diam consequat, tempus enim et, tempus mi. Pellentesque non ante sapien. Nunc molestie at erat non hendrerit. Aliquam erat volutpat. Fusce in semper ipsum. Aliquam sed volutpat enim.
    
    In hac habitasse platea dictumst. Integer luctus lobortis diam, vitae sagittis ligula egestas ac. Mauris elementum tellus ac volutpat feugiat. Vestibulum consequat laoreet urna luctus eleifend. Mauris cursus venenatis ex vel dapibus. Aliquam interdum, lacus quis laoreet commodo, ex ex elementum urna, eget efficitur metus turpis in enim. Suspendisse interdum volutpat quam, sed ornare augue. In nunc justo, mollis in rhoncus id, pellentesque a felis.
    
    Nulla a erat arcu. Aliquam cursus eros erat, at semper diam volutpat eget. Integer vel scelerisque felis. Aliquam sed tortor et felis ullamcorper cursus non ac nisi. Nunc lobortis ex nibh, ut ultricies purus accumsan id. Duis in consequat metus. Maecenas iaculis sit amet tellus vitae vulputate. Curabitur sed elit dui. Mauris vitae nisl fringilla, tempus nulla eget, ultrices libero. Sed tempor sem quam, at efficitur arcu pharetra non. Nulla nec sagittis est, id sagittis erat. In lacinia pharetra diam id vestibulum. Proin tincidunt enim in augue condimentum, quis faucibus risus lobortis. Vivamus sit amet neque sit amet orci lobortis commodo.
    
    Mauris commodo a erat non dictum. Vivamus sodales, quam ac fermentum auctor, felis metus vulputate ex, sed blandit sapien libero vel ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut vel ante sit amet metus fringilla malesuada vel sit amet metus. Vestibulum viverra felis eget diam ultrices, eu vehicula arcu dignissim. Curabitur varius lectus eu venenatis lacinia. Curabitur leo mauris, vulputate posuere mi nec, viverra commodo leo. Sed hendrerit mattis egestas. Sed vitae est at velit fermentum ultrices in varius urna.
    
    [/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: hidden;  overflow-x: hidden; 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: hidden;][/border]
    
    [border=0px; position: absolute; background: transparent; top: 395px; height: 90px; width: 97px; border-radius:0px; line-height:150%; text: justify; color: var(--maintextcolor); overflow-y: hidden; overflow-x: hidden; font-size:12px; left: 111px;][border=0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; overflow: auto; overflow-x: hidden;][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; overflow-x: hidden; 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/user-550356652/apple-pie-the-scary-jokes[/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(--playbutton); 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(--moodetccolor); 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
    [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: hidden; 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: hidden; overflow-x: hidden; 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: #a9a9a9; font-size: 8px;][font=Quicksand] º [url=https://www.rpnation.com/members/ditto.83850/][color=#a9a9a9][fa]fas fa-heart[/fa][/color][/url] º code by ditto º [url=https://www.rpnation.com/members/ditto.83850/][color=#a9a9a9][fa]fas fa-heart[/fa][/color][/url] º [/font][/border][/border]
 
Last edited:






new code:


. placeholder .


tabloid




. Somewhat inspired by this code!

. Placeholderrrr

. This code should be mobile-friendly!

. If you see any issues or have any questions, please let me know!
º º code by ditto º º






CHARACTER
NAME
ROCK AND ROLE
role name goes here!

STAKE YOUR CLAIM
face claim goes here!


— ... code by ditto ... —


Code:
[border= 0;

--bg: url(https://pbs.twimg.com/media/CdM9l0QWoAARwjT.jpg) 50% 50%;
--overlay: #5E1414;
--headingbeneathname: #000;
--icon: #5E1414;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: 450px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: black;][border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 450px; background: var(--overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover;][border= 0; box-sizing: border-box; padding: 30px; width: 330px; height: 430px; background: var(--bg); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; position: absolute; top: 10px; left: 10px;]

[border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 600px; background: var(--overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; opacity: 30%; position: absolute; top: -100px;][/border]

[border= 0; box-sizing: border-box; padding: 0 6px 1px 0; position: absolute; top: 0px; left: -5px; font-weight: bold; font-family: Bebas Neue; font-size: 60px; line-height: 42px; color: var(--overlay);]CHARACTER
NAME[/border][border= 0; box-sizing: border-box; padding: 0 6px 1px 0; position: absolute; top: 90px; left: 5px; font-family: Bebas Neue; font-size: 20px; line-height: 15px; color: var(--headingbeneathname); opacity: 60%; text-transform: uppercase;][comment]

Heading beneath the name.

[/comment]ROCK AND ROLE
[font=Yanone Kaffeesatz][size=14px][comment]

Change the color in the following bracket to change the color of the words beneath the heading!

[/comment][color=#5E1414]role name goes here![/color][/size][/font][size=14px][color=#5E1414][/color][/size][color=#5E1414][/color]

[comment]

Heading beneath the name.

[/comment]STAKE YOUR CLAIM
[font=Yanone Kaffeesatz][size=14px][comment]

Change the color in the following bracket to change the color of the words beneath the heading!

[/comment][color=#5E1414]face claim goes here![/color][/size][/font][size=14px][color=#5E1414][/color][/size][color=#5E1414][/color][/border][/border]

[border=0; box-sizing: border-box; padding: 0 6px 1px 0; position: absolute; bottom: 35px; right: -5px; text-align: right; font-weight: bold; font-weight: bold; font-family: Bebas Neue; font-size: 130px; line-height: 35px; color: var(--icon); opacity: 80%;][comment]

Here's symbol that goes at the bottom. All symbols can be found at [URL="https://fontawesome.com/icons"]Font Awesome[/URL]. :)

[/comment][fa]fas fa-music[/fa][/border][/border][border=0; text-align: center; color: #878787; font-size: 8px; font-family: Quicksand; text-transform: lowercase; letter-spacing: 1px;][comment]

Credit — please don't delete!

[/comment]— [color=transparent]...[/color] code by [url=https://www.rpnation.com/members/ditto.83850/][color=#878787]ditto[/color][/url] [color=transparent]...[/color] — [/border][/border]
 
Last edited:






new code:


. placeholder .


painter's tape




. Another placeholder! I'm in the mood to make placeholders, it would seem.

. This code should be mobile-friendly!

. If you see any issues or have any questions, please let me know!
º º code by ditto º º



  • | ... character name ... | ... fc: face claim ... |
    — ... code by ditto ... —





Code:
[border= 0;

--img1: url(https://i.pinimg.com/originals/46/05/e4/4605e4e793e0de85922663db404ea1c2.gif) 50% 100%;
--img1overlay: #5E1414;
--img2: url(https://64.media.tumblr.com/b63712f55224e7a3e4202d18e865b2d4/tumblr_inline_oq70242hZj1slw02g_250.gifv) 50% 50%;
--img2overlay: #3E0E57;
--img3: url(https://i.pinimg.com/originals/2e/4b/3e/2e4b3e93112b9b1fd98899394fd0c56d.gif) 50% 80%;
--img3overlay: #0E1957;
--text: #878787;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: fit-content; 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: 350px; height: fit-content; background: transparent; display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover;][border=0; text-align: center; color: #878787; font-size: 10px; font-family: Quicksand; text-transform: lowercase; letter-spacing: 1px;][comment]

Top line text.

[/comment]| [color=transparent]...[/color] character name [color=transparent]...[/color] | [color=transparent]...[/color] fc: face claim [color=transparent]...[/color] | [/border][border= 0; box-sizing: border-box; padding: 0px; width: 90%; height: 100px; background: var(--img1); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; filter: grayscale(0.0); margin: 10px 0px 10px 0px;][border= 0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; background: var(--img1overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; opacity: 20%;][/border][/border][border= 0; box-sizing: border-box; padding: 0px; width: 90%; height: 180px; background: var(--img2); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; filter: grayscale(0.0); margin: 10px 0px 10px 0px;][border= 0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; background: var(--img2overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; opacity: 20%;][/border][/border][border= 0; box-sizing: border-box; padding: 0px; width: 90%; height: 100px; background: var(--img3); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; filter: grayscale(0.0); margin: 10px 0px 10px 0px;][border= 0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; background: var(--img3overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; opacity: 20%;][/border][/border][/border][/border][border=0; text-align: center; color: #878787; font-size: 10px; font-family: Quicksand; text-transform: lowercase; letter-spacing: 1px;][comment]

Credit — please don't delete!

[/comment]— [color=transparent]...[/color] code by [url=https://www.rpnation.com/members/ditto.83850/][color=#878787]ditto[/color][/url] [color=transparent]...[/color] — [/border]
Code:
[border= 0;

--img1: url(https://media1.tenor.com/images/459a2e574febf1ef9d0b655167c86b44/tenor.gif?itemid=18783446) 50% 50%;
--img1overlay: #5E1414;
--img2: url(https://media.giphy.com/media/xULW8CfKnEJguPZvag/giphy.gif) 50% 50%;
--img2overlay: #5E1414;
--img3: url(https://i.pinimg.com/originals/bb/5d/82/bb5d82590f809ca6cd0fcb7548e1c2c7.gif) 50% 50%;
--img3overlay: #5E1414;
--text: #878787;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: fit-content; 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: 350px; height: fit-content; background: transparent; display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover;][border=0; text-align: center; color: var(--text); font-size: 10px; font-family: Quicksand;][comment]

Top line text.

[/comment]| [color=transparent]...[/color] character name [color=transparent]...[/color] | [color=transparent]...[/color] fc: face claim [color=transparent]...[/color] | [/border][border= 0; box-sizing: border-box; padding: 0px; width: 90%; height: 100px; background: var(--img1); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; filter: grayscale(0.0); margin: 10px 0px 10px 0px;][border= 0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; background: var(--img1overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; opacity: 20%;][/border][/border][border= 0; box-sizing: border-box; padding: 0px; width: 90%; height: 100px; background: var(--img2); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; filter: grayscale(0.0); margin: 10px 0px 10px 0px;][border= 0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; background: var(--img2overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; opacity: 20%;][/border][/border][border= 0; box-sizing: border-box; padding: 0px; width: 90%; height: 100px; background: var(--img3); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; filter: grayscale(0.0); margin: 10px 0px 10px 0px;][border= 0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; background: var(--img3overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; opacity: 20%;][/border][/border][/border][/border][border=0; text-align: center; color: #878787; font-size: 8px; font-family: Quicksand;][comment]

Credit — please don't delete!

[/comment] - code by [url=https://www.rpnation.com/members/ditto.83850/][color=#878787]ditto[/color][/url] - [/border]
Code:
[border= 0;

--img1: url(https://i.pinimg.com/originals/46/05/e4/4605e4e793e0de85922663db404ea1c2.gif) 50% 100%;
--img1overlay: #5E1414;
--img2: url(https://64.media.tumblr.com/b63712f55224e7a3e4202d18e865b2d4/tumblr_inline_oq70242hZj1slw02g_250.gifv) 50% 50%;
--img2overlay: #3E0E57;
--img3: url(https://i.pinimg.com/originals/2e/4b/3e/2e4b3e93112b9b1fd98899394fd0c56d.gif) 50% 80%;
--img3overlay: #0E1957;
--text: #878787;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: fit-content; 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: 350px; height: fit-content; background: transparent; display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover;][border=0; text-align: center; color: var(--text); font-size: 10px; font-family: Quicksand; text-transform: lowercase; letter-spacing: 1px;][comment]

Top line text.

[/comment]— Character Name —[/border][border= 0; box-sizing: border-box; padding: 0px; width: 90%; height: 100px; background: var(--img1); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; filter: grayscale(0.0); margin: 10px 0px 10px 0px;][border= 0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; background: var(--img1overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; opacity: 20%;][/border][/border][border=0; text-align: center; color: var(--text); font-size: 10px; font-family: Quicksand; text-transform: lowercase; letter-spacing: 1px;][comment]

Middle line text.

[/comment]— Role —[/border][border= 0; box-sizing: border-box; padding: 0px; width: 90%; height: 100px; background: var(--img2); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; filter: grayscale(0.0); margin: 10px 0px 10px 0px;][border= 0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; background: var(--img2overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; opacity: 20%;][/border][/border][border=0; text-align: center; color: var(--text); font-size: 10px; font-family: Quicksand; text-transform: lowercase; letter-spacing: 1px;][comment]

Bottom line text.

[/comment]— Face Claim —[/border][border= 0; box-sizing: border-box; padding: 0px; width: 90%; height: 100px; background: var(--img3); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; filter: grayscale(0.0); margin: 10px 0px 10px 0px;][border= 0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; background: var(--img3overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; opacity: 20%;][/border][/border][/border][/border][border=0; text-align: center; color: #878787; font-size: 10px; font-family: Quicksand; text-transform: lowercase; letter-spacing: 1px;][comment]

Credit — please don't delete!

[/comment]- code by [url=https://www.rpnation.com/members/ditto.83850/][color=#878787]ditto[/color][/url] - [/border]
Code:
[border= 0;

--img1: url(https://i.pinimg.com/originals/46/05/e4/4605e4e793e0de85922663db404ea1c2.gif) 50% 100%;
--img1overlay: #5E1414;
--img2: url(https://64.media.tumblr.com/b63712f55224e7a3e4202d18e865b2d4/tumblr_inline_oq70242hZj1slw02g_250.gifv) 50% 50%;
--img2overlay: #3E0E57;
--img3: url(https://i.pinimg.com/originals/2e/4b/3e/2e4b3e93112b9b1fd98899394fd0c56d.gif) 50% 80%;
--img3overlay: #0E1957;
--text: #878787;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: fit-content; 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: 350px; height: fit-content; background: transparent; display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover;][border=0; text-align: center; color: var(--text); font-size: 10px; font-family: Quicksand; text-transform: lowercase; letter-spacing: 1px;][comment]

Top line text.

[/comment]— Character Name —[/border][border= 0; box-sizing: border-box; padding: 0px; width: 90%; height: 100px; background: var(--img1); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; filter: grayscale(0.0); margin: 10px 0px 10px 0px;][border= 0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; background: var(--img1overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; opacity: 20%;][/border][/border][border=0; text-align: center; color: var(--text); font-size: 10px; font-family: Quicksand; text-transform: lowercase; letter-spacing: 1px;][comment]

Middle line text.

[/comment]— Role —[/border][border= 0; box-sizing: border-box; padding: 0px; width: 90%; height: 180px; background: var(--img2); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; filter: grayscale(0.0); margin: 10px 0px 10px 0px;][border= 0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; background: var(--img2overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; opacity: 20%;][/border][/border][border=0; text-align: center; color: var(--text); font-size: 10px; font-family: Quicksand; text-transform: lowercase; letter-spacing: 1px;][comment]

Bottom line text.

[/comment]— Face Claim —[/border][border= 0; box-sizing: border-box; padding: 0px; width: 90%; height: 100px; background: var(--img3); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; filter: grayscale(0.0); margin: 10px 0px 10px 0px;][border= 0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; background: var(--img3overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; opacity: 20%;][/border][/border][/border][/border][border=0; text-align: center; color: #878787; font-size: 10px; font-family: Quicksand; text-transform: lowercase; letter-spacing: 1px;][comment]

Credit — please don't delete!

[/comment]- code by [url=https://www.rpnation.com/members/ditto.83850/][color=#878787]ditto[/color][/url] - [/border]
Code:
[border= 0;

--img1: url(https://i.pinimg.com/originals/46/05/e4/4605e4e793e0de85922663db404ea1c2.gif) 50% 100%;
--img1overlay: #5E1414;
--img2: url(https://64.media.tumblr.com/b63712f55224e7a3e4202d18e865b2d4/tumblr_inline_oq70242hZj1slw02g_250.gifv) 50% 50%;
--img2overlay: #3E0E57;
--img3: url(https://i.pinimg.com/originals/2e/4b/3e/2e4b3e93112b9b1fd98899394fd0c56d.gif) 50% 80%;
--img3overlay: #0E1957;
--text: #878787;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: fit-content; 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: 350px; height: fit-content; background: transparent; display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover;][border=0; text-align: center; color: #878787; font-size: 10px; font-family: Quicksand; text-transform: lowercase; letter-spacing: 1px;][comment]

Top line text.

[/comment]| [color=transparent]...[/color] character name [color=transparent]...[/color] | [color=transparent]...[/color] fc: face claim [color=transparent]...[/color] | [/border][border= 0; box-sizing: border-box; padding: 0px; width: 90%; height: 130px; background: var(--img1); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; filter: grayscale(0.0); margin: 10px 0px 10px 0px;][border= 0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; background: var(--img1overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; opacity: 20%;][/border][/border][border= 0; box-sizing: border-box; padding: 0px; width: 90%; height: 180px; background: var(--img2); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; filter: grayscale(0.0); margin: 10px 0px 10px 0px;][border= 0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; background: var(--img2overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; opacity: 20%;][/border][/border][border= 0; box-sizing: border-box; padding: 0px; width: 90%; height: 130px; background: var(--img3); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; filter: grayscale(0.0); margin: 10px 0px 10px 0px;][border= 0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; background: var(--img3overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; opacity: 20%;][/border][/border][/border][/border][border=0; text-align: center; color: #878787; font-size: 10px; font-family: Quicksand; text-transform: lowercase; letter-spacing: 1px;][comment]

Credit — please don't delete!

[/comment]— [color=transparent]...[/color] code by [url=https://www.rpnation.com/members/ditto.83850/][color=#878787]ditto[/color][/url] [color=transparent]...[/color] — [/border]
Code:
[border= 0;

--img1: url(https://media1.tenor.com/images/459a2e574febf1ef9d0b655167c86b44/tenor.gif?itemid=18783446) 50% 50%;
--img1overlay: #5E1414;
--img2: url(https://media.giphy.com/media/xULW8CfKnEJguPZvag/giphy.gif) 50% 50%;
--img3: url(https://i.pinimg.com/originals/bb/5d/82/bb5d82590f809ca6cd0fcb7548e1c2c7.gif) 50% 50%;
--img3overlay: #5E1414;
--text: #878787;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: fit-content; 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: 350px; height: fit-content; background: transparent; display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover;][border=0; text-align: center; color: #878787; font-size: 10px; font-family: Quicksand; text-transform: lowercase; letter-spacing: 1px;][comment]

Top text.

[/comment]| [color=transparent]...[/color] character name [color=transparent]...[/color] | [color=transparent]...[/color] fc: face claim [color=transparent]...[/color] | [/border][border= 0; box-sizing: border-box; padding: 0px; width: 90%; height: 130px; background: var(--img1); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; filter: grayscale(0.0); margin: 10px 0px 10px 0px;][border= 0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; background: var(--img1overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; opacity: 20%;][/border][/border][border= 0; box-sizing: border-box; padding: 0px; width: 90%; height: 180px; background: var(--img2); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; filter: grayscale(1.0); margin: 10px 0px 10px 0px;][/border][border= 0; box-sizing: border-box; padding: 0px; width: 90%; height: 130px; background: var(--img3); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; filter: grayscale(0.0); margin: 10px 0px 10px 0px;][border= 0; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; background: var(--img3overlay); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; opacity: 20%;][/border][/border][/border][/border][border=0; text-align: center; color: #878787; font-size: 10px; font-family: Quicksand; text-transform: lowercase; letter-spacing: 1px;][comment]

Credit — please don't delete!

[/comment]— [color=transparent]...[/color] code by [url=https://www.rpnation.com/members/ditto.83850/][color=#878787]ditto[/color][/url] [color=transparent]...[/color] — [/border]
 
Last edited:






new code:


. placeholder .


anthems




. Yep, you guessed it -- it's another placeholder! Super simple, but I like it. I was inspired by the Genius website interface, oop.

. This code should be mobile-friendly!

. If you see any issues or have any questions, please let me know!
º º code by ditto º º








  • CHARACTER NAME


    face claim

    º º code by ditto º º


Code:
[border= 0;

--uppergradient: #edc3bf;
--lowergradient: #F5F6F6;
--pictureborder: url(https://i.pinimg.com/originals/be/b7/c7/beb7c701282a8c0cad1dda1f802c3da4.jpg) 50% 50%;
--picture: url(https://64.media.tumblr.com/0f8ee8a4ba7e91f8845c8aba3a569f62/9587944dba509cf4-76/s540x810/2e1fe67c3532ff4d80d8f81020eb0c93b2f761cf.gifv) 50% 50%;
--pictureboxshadow: #000;
--borders: #F5F6F6;
--bigwords: #4C4C4C;
--smallwords: #878787;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: 365px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: black;][border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 365px; background: var(--lowergradient); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover;]

[border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 240px; background: linear-gradient(to bottom, var(--uppergradient) 0%, var(--lowergradient) 100%); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; position: absolute; top: 0px; left: 0px;][/border] 

[border= 0; box-sizing: border-box; padding: 30px; width: 220px; height: 220px; top: 60px; background: var(--pictureborder); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; position: absolute; box-shadow: 0px 0px 10px var(--pictureboxshadow); border: 1px solid var(--borders);][border= 0; box-sizing: border-box; padding: 30px; width: 200px; height: 200px; top: 10px; background: var(--picture); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; position: absolute; border: 1px solid var(--borders);][/border][/border]

[border=0; text-align: center; color: var(--bigwords); font-size: 18px; text-transform: lowercase; letter-spacing: 1px; position: absolute; top: 283px; text-transform: uppercase;][font=Montserrat][comment]

Character name goes here!

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

[border=0; text-align: center; color: var(--smallwords); font-size: 10px; text-transform: lowercase; letter-spacing: 1px; position: absolute; top: 312px; text-transform: lowercase;][font=Montserrat][comment]

Face claim / role goes here!

[/comment][u]face claim[/u][/font][/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:
[border= 0;

--uppergradient: #BFE4ED;
--lowergradient: #edc3bf;
--bottomcolor: #F5F6F6;
--picture: url(https://64.media.tumblr.com/0f8ee8a4ba7e91f8845c8aba3a569f62/9587944dba509cf4-76/s540x810/2e1fe67c3532ff4d80d8f81020eb0c93b2f761cf.gifv) 50% 50%;
--pictureboxshadow: #000;
--bigwords: #4C4C4C;
--smallwords: #878787;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: 365px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: black;][border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 365px; background: var(--bottomcolor); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover;]

[border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 240px; background: linear-gradient(to bottom, var(--uppergradient) 0%, var(--lowergradient) 100%); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; position: absolute; top: 0px; left: 0px;][/border] 

[border= 0; box-sizing: border-box; padding: 30px; width: 220px; height: 220px; top: 60px; background: var(--picture); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; position: absolute; box-shadow: 0px 0px 10px var(--pictureboxshadow);][/border]

[border=0; text-align: center; color: var(--bigwords); font-size: 18px; text-transform: lowercase; letter-spacing: 1px; position: absolute; top: 283px; text-transform: uppercase;][font=Montserrat][comment]

Character name goes here!

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

[border=0; text-align: center; color: var(--smallwords); font-size: 10px; text-transform: lowercase; letter-spacing: 1px; position: absolute; top: 312px; text-transform: lowercase;][font=Montserrat][comment]

Face claim / role goes here!

[/comment][u]face claim[/u][/font][/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:
[border= 0;

--uppergradient: #edc3bf;
--lowergradient: #F5F6F6;
--picture: url(https://64.media.tumblr.com/0f8ee8a4ba7e91f8845c8aba3a569f62/9587944dba509cf4-76/s540x810/2e1fe67c3532ff4d80d8f81020eb0c93b2f761cf.gifv) 50% 50%;
--pictureboxshadow: #000;
--bigwords: #4C4C4C;
--smallwords: #878787;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: 365px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: black;][border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 365px; background: var(--lowergradient); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover;]

[border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 240px; background: linear-gradient(to bottom, var(--uppergradient) 0%, var(--lowergradient) 100%); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; position: absolute; top: 0px; left: 0px;][/border] 

[border= 0; box-sizing: border-box; padding: 30px; width: 220px; height: 220px; top: 60px; background: var(--picture); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; position: absolute; box-shadow: 0px 0px 10px var(--pictureboxshadow);][/border]

[border=0; text-align: center; color: var(--bigwords); font-size: 18px; text-transform: lowercase; letter-spacing: 1px; position: absolute; top: 283px; text-transform: uppercase;][font=Montserrat][comment]

Character name goes here!

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

[border=0; text-align: center; color: var(--smallwords); font-size: 10px; text-transform: lowercase; letter-spacing: 1px; position: absolute; top: 312px; text-transform: lowercase;][font=Montserrat][comment]

Face claim / role goes here!

[/comment][u]face claim[/u][/font][/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:
[border= 0;

--uppergradient: #BFE4ED;
--lowergradient: #edc3bf;
--bottomcolor: #F5F6F6;
--pictureborder: url(https://i.pinimg.com/originals/be/b7/c7/beb7c701282a8c0cad1dda1f802c3da4.jpg) 50% 50%;
--picture: url(https://64.media.tumblr.com/0f8ee8a4ba7e91f8845c8aba3a569f62/9587944dba509cf4-76/s540x810/2e1fe67c3532ff4d80d8f81020eb0c93b2f761cf.gifv) 50% 50%;
--borders: #F5F6F6;
--pictureboxshadow: #000;
--bigwords: #4C4C4C;
--smallwords: #878787;

box-sizing: border-box; padding: 0; max-width: 350px; min-height: 365px; position: relative; margin: auto; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center; align-items: center; color: black;][border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 365px; background: var(--bottomcolor); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover;]

[border= 0; box-sizing: border-box; padding: 30px; width: 350px; height: 240px; background: linear-gradient(to bottom, var(--uppergradient) 0%, var(--lowergradient) 100%); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; position: absolute; top: 0px; left: 0px;][/border] 

[border= 0; box-sizing: border-box; padding: 30px; width: 220px; height: 220px; top: 60px; background: var(--pictureborder); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; position: absolute; box-shadow: 0px 0px 10px var(--pictureboxshadow); border: 1px solid var(--borders);][border= 0; box-sizing: border-box; padding: 30px; width: 200px; height: 200px; top: 10px; background: var(--picture); display: flex; flex-direction: column; overflow: hidden; align-items:center; background-size: cover; position: absolute; border: 1px solid var(--borders);][/border][/border]

[border=0; text-align: center; color: var(--bigwords); font-size: 18px; text-transform: lowercase; letter-spacing: 1px; position: absolute; top: 283px; text-transform: uppercase;][font=Montserrat][comment]

Character name goes here!

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

[border=0; text-align: center; color: var(--smallwords); font-size: 10px; text-transform: lowercase; letter-spacing: 1px; position: absolute; top: 312px; text-transform: lowercase;][font=Montserrat][comment]

Face claim / role goes here!

[/comment][u]face claim[/u][/font][/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]
 






revamped code:


. placeholder .


blue




. The name of this code is no longer accurate, but I digress.

. In-character code -- revamped from my old thread to be easier to use (and more attractive). : )

. This code is not mobile-friendly. : (

. If you see any issues or have any questions, please let me know!
º º code by ditto º º



@handle
character name

mood

location

outfit

mentions

interactions

tags

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

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

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

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


Code:
[comment]

Icon color: #3f729b. Tip: command F to search for that hex and replace it with the color you'd like if you want to change it. :)

[/comment][border=0px; 

--background: url(https://wallpaperaccess.com/full/1221537.jpg) 60% 30%;
--icon: url(https://images-ext-2.discordapp.net/external/TW6ltT52mWfXLmiw23EqUNJUQIl4q5GtHoKNyWTGd44/https/64.media.tumblr.com/3ffa0e85c5b2f34bcf7563dee5aef8c6/1995284cf4b41e03-79/s400x600/0397ed3bcb880b8e2d2651980e02a03c9c58d5d6.gif) 50% 50%;
--textbackground: #fafafa;
--handlecolor: #3f729b;
--moodthingscolor: #3f729b;
--textcolor: #878787;
--imageborder: #878787;

justify-content: center; align-items: center;][border=0px; position: relative; border-radius: 10px; background: var(--background); background-size:cover; width: 700px; height:500px; margin: auto; border-radius:10px; line-height:0px;][border=0px; position: absolute; background: var(--textbackground); width: 200px; height: 450px; left: 25px; top: 25px; border-radius:10px; line-height:20px; overflow: hidden; text-align: justify; color: var(--textcolor); display: flex; flex-direction: column;][border=
0; box-sizing: border-box; padding: 10px; flex: 1; position: relative; text-align: justify; overflow: auto; color: var(--textcolor); width: 200%; justify-content: center; align-items: center;][border= 0; box-sizing: border-box; padding: 0; width: 50%; font-size: 12px; line-height: 14px;][border=0px; box-sizing: border-box; background: var(--icon); background-size: cover; position: relative; width: 180px; height: 180px; border: 10px solid var(--textbackground); border-radius: 10px; top: 0%; position: sticky;][/border]
[border=0px; color: var(--handlecolor); line-height: 0px;][center][font=Cabin][size=15px][comment]

Handle here!

[/comment]@[u]handle[/u][/size][/font][/center][/border][center][size=10px][i][comment]

Character name here!

[/comment]character name[/i][/size][/center]

[row][column=span2][size=13px][color=#3f729b][fa]fal fa-grin[/fa][/color][/size][color=#3f729b][/color][/column] [comment]

Mood here!

[/comment]mood [/row]

[row][column=span2][size=13px][color=#3f729b][fa]fal fa-location-arrow[/fa][/color][/size][/column] [comment]

Location here!

[/comment]location [/row]

[row][column=span2][size=13px][color=#3f729b][fa]fal fa-tshirt[/fa][/color][/size][/column] [comment]

Outfit here!

[/comment]outfit [/row]

[row][column=span2][size=13px][color=#3f729b][fa]fal fa-comments-alt[/fa][/color][/size][/column] [comment]

Mentions here!

[/comment]mentions [/row]

[row][column=span2][size=13px][color=#3f729b][fa]fal fa-users[/fa][/color][/size][/column] [comment]

Interactions here!

[/comment]interactions [/row]

[row][column=span2][size=13px][color=#3f729b][fa]fal fa-at[/fa][/color][/size][/column] [comment]

Tags here!

[/comment]tags [/row][/border][/border][/border][center]
[border=0px; position: absolute; background: var(--textbackground); height: 450px; width: 400px; top:25px; left:275px; border-radius:10px; line-height:20px; overflow: hidden; text-align: justify; color: var(--textcolor); display: flex; flex-direction: column;][border=
0; box-sizing: border-box; position: relative; text-align: justify; overflow: auto; color: var(--textcolor); width: 200%; justify-content: center; align-items: center; left: -5px;][border= 0; box-sizing: border-box; padding: 0; width: 50%; font-size: 12px; line-height: 15px;][comment]

Text goes here!

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

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

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

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

Credit -- please do not delete!

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

Users who are viewing this thread

Back
Top