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

Resource ► sox's laundry hamper [freebies] ◄

chezmoi

chop chop chop
Supporter

welcome to my mismatched laundry pile of freebies! i'm just starting out with bbcode, so they might be pretty basic and kinda ugly (like ya homie over here), but i'm learning and hope to put out some quality designs for you folks! not currently taking commissions bc i kinda suck but we'll see in the future.

all of my codes that are free to use will be marked as such. feel free to mess around with any of the properties, but please leave the credit on any codes you choose to use, especially since i'd love to see it in action. you don't have to reply to this thread with the link, but it never hurts! thanks for reading and enjoy the thread c:

 

chezmoi

chop chop chop
Supporter
METANOIA - MOBILE FRIENDLY

my first ic code woot woot! please don't remove the credit! the text box scrolls, and if you hover over the name, you'll get interactions, mood, and outfit tags c: the name has to be manually centered. it's very basic and a little cramped but i like how it turned out overall! hope you guys like it~









cha hakyeon
interactions: xxx
mood: xxx
outfit: xxx
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sit amet massa vitae tortor condimentum. Quis lectus nulla at volutpat diam ut venenatis tellus. Sagittis orci a scelerisque purus semper eget duis at tellus. Lacus suspendisse faucibus interdum posuere. Mattis pellentesque id nibh tortor id. A pellentesque sit amet porttitor eget dolor morbi. Volutpat odio facilisis mauris sit amet. Porta non pulvinar neque laoreet suspendisse. Imperdiet proin fermentum leo vel orci porta non pulvinar neque. Ultricies mi eget mauris pharetra et ultrices neque. Auctor eu augue ut lectus arcu bibendum at. Ut etiam sit amet nisl.

Vitae nunc sed velit dignissim sodales. Iaculis at erat pellentesque adipiscing commodo elit. Duis ut diam quam nulla porttitor. Sodales ut eu sem integer vitae justo eget. Urna et pharetra pharetra massa massa ultricies mi. Odio euismod lacinia at quis risus sed. Sagittis orci a scelerisque purus. Cras semper auctor neque vitae tempus quam pellentesque nec. Mattis molestie a iaculis at erat pellentesque. Mauris rhoncus aenean vel elit scelerisque. Neque aliquam vestibulum morbi blandit cursus risus at ultrices. Habitasse platea dictumst vestibulum rhoncus est. Placerat orci nulla pellentesque dignissim. Purus in massa tempor nec feugiat nisl pretium fusce. Eget mi proin sed libero enim sed faucibus. Bibendum arcu vitae elementum curabitur vitae nunc sed. Dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim. Amet consectetur adipiscing elit duis tristique.

Sit amet consectetur adipiscing elit duis tristique sollicitudin nibh. Cursus eget nunc scelerisque viverra. Leo urna molestie at elementum eu. Nibh venenatis cras sed felis eget velit. Libero nunc consequat interdum varius sit. Arcu cursus vitae congue mauris rhoncus aenean vel elit scelerisque. Et magnis dis parturient montes nascetur ridiculus mus mauris. Commodo elit at imperdiet dui accumsan sit. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Duis convallis convallis tellus id interdum. Dignissim convallis aenean et tortor. Eget velit aliquet sagittis id consectetur purus ut faucibus pulvinar. Quam lacus suspendisse faucibus interdum posuere lorem. Commodo viverra maecenas accumsan lacus. Diam volutpat commodo sed egestas egestas fringilla.

Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. Nibh mauris cursus mattis molestie a iaculis at. Nulla at volutpat diam ut venenatis tellus. Leo integer malesuada nunc vel risus commodo viverra maecenas accumsan. Diam sit amet nisl suscipit adipiscing bibendum est. Nibh tellus molestie nunc non blandit massa. Tortor aliquam nulla facilisi cras. Tempus iaculis urna id volutpat lacus laoreet non curabitur. Vulputate eu scelerisque felis imperdiet proin. Risus commodo viverra maecenas accumsan lacus vel.

Risus pretium quam vulputate dignissim suspendisse. Bibendum at varius vel pharetra. Eros in cursus turpis massa tincidunt dui ut. Bibendum est ultricies integer quis auctor. Morbi tristique senectus et netus et malesuada fames. Quam vulputate dignissim suspendisse in est ante in nibh. Odio ut sem nulla pharetra diam sit amet. Viverra justo nec ultrices dui sapien. Amet commodo nulla facilisi nullam vehicula. Urna cursus eget nunc scelerisque viverra mauris in aliquam. Nisi porta lorem mollis aliquam ut porttitor leo. Velit sed ullamcorper morbi tincidunt ornare. Luctus venenatis lectus magna fringilla urna. In egestas erat imperdiet sed.

code by sox

Code:
[nobr]
[comment]the pink background[/comment]
[class=rectangle]
        position: relative;
        box-sizing: border-box;
        transform: translateX(-50%);
        left: 50%;
        background:#FFE0E0;
        overflow: visible;
        width: 510px;
        height: 360px;
       border: 2px solid white;
        border-radius: 30px;
[/class]
[comment]big name title header[/comment]
[class=name]
        position: absolute;
        top: 10px;
        left: 138px;
        height: 50px;
        overflow: hidden;
        text-align: center;
        font-family: Helvetica Neue;
        font-style: normal;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 30px;
        color: white;
        text-shadow:3px 3px #FFCFCF;
[/class]
[class=pic1]
                position: absolute;
                width: 100px;
                height: 100px;
                top: 10px;
                left: 10px;
                margin: auto;
                background-image: url(https://66.media.tumblr.com/e1112af30af28a13bf66ced18ab9cf69/tumblr_pb46o0YBZm1tu18deo2_r1_540.gifv);
                background-size: 230%;
                background-position: 60% 50%;
                border: 2px #fff solid;
                border-radius: 30px;
                transition: 0.5s;
[/class]
[class=pic2]
                position: absolute;
                width: 100px;
                height: 100px;
                top: 125px;
                left: 10px;
                margin: auto;
                background-image: url(https://66.media.tumblr.com/0648a465c7c851bdafabf646d89956b5/tumblr_pibf1qN9b51tu18deo1_400.gif);
                background-size: 120%;
                background-position: 60% 50%;
                border: 2px #fff solid;
                border-radius: 30px;
[/class]
[class=pic3]
                position: absolute;
                width: 100px;
                height: 100px;
                top: 240px;
                left: 10px;
                margin: auto;
                background-image: url(https://66.media.tumblr.com/12a015f6e5ae73d813647859e95f1bc7/tumblr_pe475g36Sa1tu18deo1_540.gifv);
                background-size: 230%;
                background-position: 60% 50%;
                border: 2px #fff solid;
                border-radius: 30px;
[/class]
[class=pic4]
                position: absolute;
                width: 100px;
                height: 100px;
                top: 10px;
                left: 390px;
                margin: auto;
                background-image: url(https://66.media.tumblr.com/80492070df0767d384a97dc2047b9bcc/tumblr_pb46o0YBZm1tu18deo3_r1_540.gifv);
                background-size: 230%;
                background-position: 60% 50%;
                border: 2px #fff solid;
                border-radius: 30px;
[/class]
[class=pic5]
                position: absolute;
                width: 100px;
                height: 100px;
                top: 125px;
                left: 390px;
                margin: auto;
                background-image: url(https://66.media.tumblr.com/904cdac8d8d5cde9f2163d849fcfbc61/tumblr_pdxy2fRrBs1tu18deo1_500.gif);
                background-size: 200%;
                background-position: 40% 50%;
                border: 2px #fff solid;
                border-radius: 30px;
[/class]
[class=pic6]
                position: absolute;
                width: 100px;
                height: 100px;
                top: 240px;
                left: 390px;
                margin: auto;
                background-image: url(https://66.media.tumblr.com/871aa17dd072ecf8eb078effb98b1d10/tumblr_pe492wFx611tu18deo3_540.gif);
                background-size: 230%;
                background-position: 60% 50%;
                border: 2px #fff solid;
                border-radius: 30px;
[/class]
[comment]DO NOT REMOVE[/comment]
[class=credit]
        position: absolute;
        left: 130px;
        top: 340px;
        opacity: 0.7;
        overflow: hidden;
        width: 225px;
        height: 26px;
        text-align: center;
        font-family: Segoe UI;
        font-style: normal;
        font-weight: normal;
        font-size: 8px;
        color: #fff;
[/class]
[comment]hidden scroll container[/comment]
[class=container]
                position: absolute;
                top: 60px;
                left: 125px;            
                background: #FFE0E0;
                width:250px;
                height:270px;
                overflow:hidden;
                border: 1px solid white;
[/class]
[comment]big text area[/comment]
[class=textbox]
        background: #FFCFCF;
        overflow: auto;
        width: 257px;
        height: 260px;
        text-align: justify;
        line-height: 12px;
        font-family: Segoe UI;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        color: #fff;
        padding: 5px;
[/class]
[comment]fade in text: interactions, mood, outfit[/comment]
[class=name2]
        position: absolute;
        width: 100%;
        top: 10px;
        height: 50px;
        overflow: hidden;
        text-align: center;
        font-family: Helvetica Neue;
        background-color: #FFE0E0;
        font-style: normal;
        text-transform: lowercase;
        font-weight: normal;
        font-size: 10px;
        line-height: 10px;
        color: white;
[/class]

[comment]makes fade in text hidden until hovered over[/comment]
[class=hidden]
display:none;
[/class]

[comment]text fades in while hovered[/comment]
[script class=name on=mouseenter]
fadeIn 0500 name2
[/script]

[comment]text fades out when not hovered[/comment]
[script class=name on=mouseleave]
fadeOut 0500 name2
[/script]

[/nobr]
[div=position: relative; padding: 10px; left: 50%; box-sizing: border-box;transform: translateX(-50%);width:530px; height: 380px;border:1px solid #FFCFCF; border-radius:30px;][div class=rectangle]
[div class=pic1][/div]
[div class=pic2][/div]
[div class=pic3][/div]
[div class=pic4][/div]
[div class=pic5][/div]
[div class=pic6][/div]
[CENTER][div class=name][font=Reem Kufi]cha hakyeon[/font][div class="name2 hidden"]interactions: xxx[br][/br]mood: xxx[br][/br]outfit: xxx[/div][/div][/CENTER]
[div class=container][div class=textbox]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sit amet massa vitae tortor condimentum. Quis lectus nulla at volutpat diam ut venenatis tellus. Sagittis orci a scelerisque purus semper eget duis at tellus. Lacus suspendisse faucibus interdum posuere. Mattis pellentesque id nibh tortor id. A pellentesque sit amet porttitor eget dolor morbi. Volutpat odio facilisis mauris sit amet. Porta non pulvinar neque laoreet suspendisse. Imperdiet proin fermentum leo vel orci porta non pulvinar neque. Ultricies mi eget mauris pharetra et ultrices neque. Auctor eu augue ut lectus arcu bibendum at. Ut etiam sit amet nisl.

Vitae nunc sed velit dignissim sodales. Iaculis at erat pellentesque adipiscing commodo elit. Duis ut diam quam nulla porttitor. Sodales ut eu sem integer vitae justo eget. Urna et pharetra pharetra massa massa ultricies mi. Odio euismod lacinia at quis risus sed. Sagittis orci a scelerisque purus. Cras semper auctor neque vitae tempus quam pellentesque nec. Mattis molestie a iaculis at erat pellentesque. Mauris rhoncus aenean vel elit scelerisque. Neque aliquam vestibulum morbi blandit cursus risus at ultrices. Habitasse platea dictumst vestibulum rhoncus est. Placerat orci nulla pellentesque dignissim. Purus in massa tempor nec feugiat nisl pretium fusce. Eget mi proin sed libero enim sed faucibus. Bibendum arcu vitae elementum curabitur vitae nunc sed. Dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim. Amet consectetur adipiscing elit duis tristique.

Sit amet consectetur adipiscing elit duis tristique sollicitudin nibh. Cursus eget nunc scelerisque viverra. Leo urna molestie at elementum eu. Nibh venenatis cras sed felis eget velit. Libero nunc consequat interdum varius sit. Arcu cursus vitae congue mauris rhoncus aenean vel elit scelerisque. Et magnis dis parturient montes nascetur ridiculus mus mauris. Commodo elit at imperdiet dui accumsan sit. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Duis convallis convallis tellus id interdum. Dignissim convallis aenean et tortor. Eget velit aliquet sagittis id consectetur purus ut faucibus pulvinar. Quam lacus suspendisse faucibus interdum posuere lorem. Commodo viverra maecenas accumsan lacus. Diam volutpat commodo sed egestas egestas fringilla.

Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. Nibh mauris cursus mattis molestie a iaculis at. Nulla at volutpat diam ut venenatis tellus. Leo integer malesuada nunc vel risus commodo viverra maecenas accumsan. Diam sit amet nisl suscipit adipiscing bibendum est. Nibh tellus molestie nunc non blandit massa. Tortor aliquam nulla facilisi cras. Tempus iaculis urna id volutpat lacus laoreet non curabitur. Vulputate eu scelerisque felis imperdiet proin. Risus commodo viverra maecenas accumsan lacus vel.

Risus pretium quam vulputate dignissim suspendisse. Bibendum at varius vel pharetra. Eros in cursus turpis massa tincidunt dui ut. Bibendum est ultricies integer quis auctor. Morbi tristique senectus et netus et malesuada fames. Quam vulputate dignissim suspendisse in est ante in nibh. Odio ut sem nulla pharetra diam sit amet. Viverra justo nec ultrices dui sapien. Amet commodo nulla facilisi nullam vehicula. Urna cursus eget nunc scelerisque viverra mauris in aliquam. Nisi porta lorem mollis aliquam ut porttitor leo. Velit sed ullamcorper morbi tincidunt ornare. Luctus venenatis lectus magna fringilla urna. In egestas erat imperdiet sed.[/div][/div]
[div class=credit]code by [USER=2383]sox[/USER][/div][/div][/div]
 
Last edited:

chezmoi

chop chop chop
Supporter
REVERIE - NOT MOBILE FRIENDLY

this one has some messy code tbh but it is what it is lmao both text boxes scroll, and if you hover over the image, there's a secondary image and room for a quote if you want! or just having a second face claim picture works too ~ this was the result of me not having enough work to do at my job so pls enjoy the offspring of my boredom!



reverie





let's fall back in love
with the world and who we are,
and do the things we talked about
but never did before.


full name
it may be bittersweet

nickname
'cause we're no longer seventeen

age
23

gender
female

sexuality
bisexual

role
follow endlessly

occupation
searching

height/weight
5'8" / 130lbs

eye color
black

haircolor
black
how would you define me?

personality

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc sed augue lacus viverra. Turpis egestas integer eget aliquet nibh praesent tristique magna sit. Vestibulum lectus mauris ultrices eros. Quam nulla porttitor massa id neque. Euismod lacinia at quis risus sed vulputate odio ut enim. Quam lacus suspendisse faucibus interdum posuere lorem ipsum dolor. Ultrices gravida dictum fusce ut placerat orci nulla pellentesque dignissim. Lobortis elementum nibh tellus molestie nunc non blandit massa. Tempus imperdiet nulla malesuada pellentesque elit eget gravida. Arcu non sodales neque sodales ut etiam. Sit amet cursus sit amet dictum. Mauris a diam maecenas sed. Elementum sagittis vitae et leo duis.

likes

Augue mauris augue neque gravida in fermentum et sollicitudin ac. Semper feugiat nibh sed pulvinar proin gravida hendrerit. Accumsan lacus vel facilisis volutpat. Vel turpis nunc eget lorem dolor sed viverra ipsum. Morbi tempus iaculis urna id volutpat lacus laoreet non curabitur. Nunc vel risus commodo viverra. Arcu risus quis varius quam quisque id diam. Aenean pharetra magna ac placerat vestibulum. Senectus et netus et malesuada fames ac turpis egestas integer. Ornare massa eget egestas purus. Eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum.

dislikes

Lobortis scelerisque fermentum dui faucibus. Velit ut tortor pretium viverra suspendisse potenti nullam ac tortor. Sed odio morbi quis commodo odio aenean sed. Quis hendrerit dolor magna eget est. Ipsum faucibus vitae aliquet nec. Viverra aliquet eget sit amet tellus cras adipiscing enim eu. Aliquam etiam erat velit scelerisque. Vitae justo eget magna fermentum iaculis eu non diam phasellus. Porttitor eget dolor morbi non. Diam vel quam elementum pulvinar. Aliquam purus sit amet luctus. Molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit. Quis viverra nibh cras pulvinar mattis nunc sed blandit libero. Tortor posuere ac ut consequat. Nulla facilisi etiam dignissim diam quis enim lobortis scelerisque. Risus in hendrerit gravida rutrum quisque. Condimentum vitae sapien pellentesque habitant morbi.

strengths

Consectetur adipiscing elit duis tristique sollicitudin. In hendrerit gravida rutrum quisque. Pulvinar pellentesque habitant morbi tristique. Nulla at volutpat diam ut. Luctus venenatis lectus magna fringilla urna. Faucibus turpis in eu mi bibendum neque. Venenatis urna cursus eget nunc scelerisque viverra. Imperdiet massa tincidunt nunc pulvinar. Tortor at auctor urna nunc id cursus metus aliquam eleifend. Fringilla urna porttitor rhoncus dolor purus non enim. Mi ipsum faucibus vitae aliquet nec ullamcorper sit amet risus.

weaknesses

Ipsum dolor sit amet consectetur adipiscing. Sed augue lacus viverra vitae congue. Eu tincidunt tortor aliquam nulla facilisi cras. Sit amet consectetur adipiscing elit pellentesque habitant morbi. Praesent tristique magna sit amet purus gravida. Iaculis at erat pellentesque adipiscing commodo elit at. Eget dolor morbi non arcu risus quis varius quam quisque. Id ornare arcu odio ut sem nulla pharetra diam. Aliquam malesuada bibendum arcu vitae. Ut diam quam nulla porttitor massa id. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae nunc sed. Maecenas volutpat blandit aliquam etiam erat. Sit amet massa vitae tortor condimentum lacinia quis. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Leo in vitae turpis massa sed elementum tempus. Urna et pharetra pharetra massa massa ultricies.

habits

Integer feugiat scelerisque varius morbi. Quis blandit turpis cursus in hac habitasse. Enim ut sem viverra aliquet eget. Maecenas ultricies mi eget mauris pharetra et. Feugiat in ante metus dictum at tempor commodo. Amet nisl purus in mollis. Amet mattis vulputate enim nulla aliquet. Feugiat sed lectus vestibulum mattis. Ultricies mi eget mauris pharetra et ultrices neque ornare aenean. Non curabitur gravida arcu ac. Risus sed vulputate odio ut enim blandit. Fermentum leo vel orci porta non pulvinar neque laoreet suspendisse. Donec ultrices tincidunt arcu non sodales neque sodales.

quirks

Nulla facilisi etiam dignissim diam. Sodales ut etiam sit amet nisl purus in mollis nunc. Quam id leo in vitae turpis massa sed elementum tempus. Arcu bibendum at varius vel pharetra vel turpis nunc. Sed ullamcorper morbi tincidunt ornare. Elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus. Sed felis eget velit aliquet sagittis id consectetur. Duis ut diam quam nulla porttitor massa. Mi quis hendrerit dolor magna eget est lorem ipsum dolor. Neque aliquam vestibulum morbi blandit cursus risus. Pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus nisl. Volutpat blandit aliquam etiam erat velit scelerisque. Aliquam sem et tortor consequat id porta. Pulvinar pellentesque habitant morbi tristique senectus et netus. Mi tempus imperdiet nulla malesuada pellentesque elit eget gravida.

fears

Commodo elit at imperdiet dui accumsan sit. Duis ultricies lacus sed turpis tincidunt. Egestas sed tempus urna et pharetra pharetra massa massa. Eu volutpat odio facilisis mauris. Arcu risus quis varius quam quisque id. Sit amet risus nullam eget felis eget. Commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Vel turpis nunc eget lorem dolor sed viverra. Molestie nunc non blandit massa enim nec dui nunc mattis. Pellentesque dignissim enim sit amet venenatis urna cursus eget nunc. Cursus turpis massa tincidunt dui. Felis eget nunc lobortis mattis aliquam faucibus purus in massa. Gravida dictum fusce ut placerat orci nulla pellentesque dignissim. Massa vitae tortor condimentum lacinia quis vel. Praesent semper feugiat nibh sed. Mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus. Vel elit scelerisque mauris pellentesque. Et ultrices neque ornare aenean.

history

Augue mauris augue neque gravida in fermentum et sollicitudin ac. Semper feugiat nibh sed pulvinar proin gravida hendrerit. Accumsan lacus vel facilisis volutpat. Vel turpis nunc eget lorem dolor sed viverra ipsum. Morbi tempus iaculis urna id volutpat lacus laoreet non curabitur. Nunc vel risus commodo viverra. Arcu risus quis varius quam quisque id diam. Aenean pharetra magna ac placerat vestibulum. Senectus et netus et malesuada fames ac turpis egestas integer. Ornare massa eget egestas purus. Eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum.

motivations

Lobortis scelerisque fermentum dui faucibus. Velit ut tortor pretium viverra suspendisse potenti nullam ac tortor. Sed odio morbi quis commodo odio aenean sed. Quis hendrerit dolor magna eget est. Ipsum faucibus vitae aliquet nec. Viverra aliquet eget sit amet tellus cras adipiscing enim eu. Aliquam etiam erat velit scelerisque. Vitae justo eget magna fermentum iaculis eu non diam phasellus. Porttitor eget dolor morbi non.

other

Consectetur adipiscing elit duis tristique sollicitudin. In hendrerit gravida rutrum quisque. Pulvinar pellentesque habitant morbi tristique. Nulla at volutpat diam ut. Luctus venenatis lectus magna fringilla urna. Faucibus turpis in eu mi bibendum neque. Venenatis urna cursus eget nunc scelerisque viverra. Imperdiet massa tincidunt nunc pulvinar. Tortor at auctor urna nunc id cursus metus aliquam eleifend. Fringilla urna porttitor rhoncus dolor purus non enim. Mi ipsum faucibus vitae aliquet nec ullamcorper sit amet risus.
how would i define me?

code by sox


Code:
[nobr]
    [class=bkgd]
        position: relative;
        box-sizing: border-box;
        background: #000259;
        width: 740px;
        height: 630px;
        overflow: hidden;
        margin: auto;
        padding: 0;
                align-content: center;
    [/class]
    [class=bkgdpic]
        position: relative;
        box-sizing: border-box;
                background-image: url(https://media.giphy.com/media/UYBDCJjwOd9Re/giphy.gif);
        width: 740px;
        height: 630px;
        overflow: hidden;
                opacity: 0.7;
        margin: 0;
        padding: 0;
                align-content: center;
    [/class]
    [class=name]
        position: absolute;
        left: 55px;
        top: -8px;
        overflow: hidden;
        width: 294px;
        height: 80px;
        text-align: center;
        font-style: normal;
        font-weight: normal;
        font-size: 60px;
        color: #c5ecf1;
                align-content: center;
                text-shadow: 3px 3px #c24f66;
    [/class]
    [class=circlepic]
        position: absolute;
        overflow: visible;
        width: 245px;
        height: 245px;
        left: 75px;
        top: 80px;
        border-radius: 100%;
                background-image: url(https://66.media.tumblr.com/96a8d737e8d9c0a621927cd64fd25053/tumblr_nyabr9GcTP1us1c0qo1_1280.jpg);
                background-size: 180%;
                background-position: 60% 50%;
        border: 2px solid #c5ecf1;
                box-shadow: 5px 5px #c24f66;
    [/class]
    [class=circletext]
        position: absolute;
        overflow: visible;
        width: 100%;
                height: 100%;
        left: 0px;
        top: 0px;
        border-radius: 100%;
                background-image: url(https://66.media.tumblr.com/d05dfcef4f1b3486153ed5bd42e6830e/tumblr_ntf36pInAL1tchrkco1_500.gif);
                background-size: 250%;
                background-position: 60% 50%;
        border: 1px solid #c5ecf1;
                box-shadow: 5px 5px #c24f66;
                text-align: center;
                font-family: Calligraffitti;
                font-size: 12px;
                color: #c5ecf1;
    [/class]
        [class=hidden]
                display:none;
        [/class]
        [script class=circlepic on=mouseenter]
                fadeIn 0500 circletext
        [/script]
        [script class=circlepic on=mouseleave]
                fadeOut 0500 circletext
        [/script]
    [class=basics]
        position: absolute;
        overflow: auto;
        width: 330px;
        height: 210px;
                border-radius: 10px;
                background: #87bfd6;
                padding: 10px;
                font-size: 10px;
                line-height: 14px;
        [/class]
        [class=basicscontainer]
                position: absolute;
        overflow: hidden;
        width: 330px;
        height: 229px;
        left: 25px;
        top: 361px;
        border: 1px solid #c5ecf1;
                border-radius: 10px;
                background: #87bfd6;
                box-shadow: 5px 5px #c24f66;
        [/class]
    [class=pages]
        position: absolute;
        overflow: auto;
        width: 308px;
        height: 530px;
                border-radius: 10px;
                background: #87bfd6;
                padding: 10px;
                font-size: 10px;
                text-align: justify;
                line-height: 14px;
    [/class]
        [class=textcontainer]
                position: absolute;
        overflow: hidden;
        width: 310px;
        height: 545px;
        left: 400px;
        top: 45px;
        border: 1px solid #c5ecf1;
                border-radius: 10px;
                background: #87bfd6;
                box-shadow: 5px 5px #c24f66;
[/class]
        [class=subtitle]
                height: 10px;
                display: inline-block;
                background: #000131;
                padding: 0px 4px 5px 3px;
                color: #c5ecf1;
                font-size: 10px;
                font-family: Source Sans Pro;
                font-weight: 200;
                box-shadow: 2px 2px #c24f66;
                text-transform: uppercase;
                margin: 2px;
        [/class]
    [class=header1]
        position: absolute;
        left: -22px;
        top: 336px;
        overflow: hidden;
        width: 294px;
        height: 60px;
        text-align: center;
        font-style: normal;
                font-family: Calligraffitti;
        font-weight: normal;
        font-size: 20px;
        color: #c5ecf1;
                align-content: center;
                text-shadow: 3px 3px #c24f66;
    [/class]
    [class=header2]
        position: absolute;
        left: 340px;
        top: 20px;
        overflow: hidden;
        width: 294px;
        height: 60px;
        text-align: center;
        font-style: normal;
                font-family: Calligraffitti;
        font-weight: normal;
        font-size: 20px;
        color: #c5ecf1;
                align-content: center;
                text-shadow: 3px 3px #c24f66;
    [/class]
        [class=credit]
        position: absolute;
        left: 260px;
        top: 610px;
        overflow: hidden;
        width: 225px;
        height: 26px;
        text-align: center;
        font-family: Segoe UI;
        font-style: normal;
        font-weight: normal;
        font-size: 8px;
        color: #730b29;
        [/class]
[/nobr]
[div class=bkgd][div class=bkgdpic][/div]
[div class=name][font=Calligraffitti]reverie[/font][/div]
[div class=circlepic][div class="circletext hidden"][br][/br][br][/br][br][/br]
let's fall back in love
with the world and who we are,
and do the things we talked about
but never did before.

[/div][/div]
[div class=basicscontainer][div class=basics][div class=subtitle]full name[/div] it may be bittersweet

[div class=subtitle]nickname[/div] 'cause we're no longer seventeen

[div class=subtitle]age[/div] 23

[div class=subtitle]gender[/div] female

[div class=subtitle]sexuality[/div] bisexual

[div class=subtitle]role[/div] follow endlessly

[div class=subtitle]occupation[/div] searching

[div class=subtitle]height/weight[/div] 5'8" / 130lbs

[div class=subtitle]eye color[/div] black

[div class=subtitle]haircolor[/div] black
[/div][/div][div class=header1]how would you define me?[/div]
[div class=textcontainer][div class=pages][div class=subtitle]personality[/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc sed augue lacus viverra. Turpis egestas integer eget aliquet nibh praesent tristique magna sit. Vestibulum lectus mauris ultrices eros. Quam nulla porttitor massa id neque. Euismod lacinia at quis risus sed vulputate odio ut enim. Quam lacus suspendisse faucibus interdum posuere lorem ipsum dolor. Ultrices gravida dictum fusce ut placerat orci nulla pellentesque dignissim. Lobortis elementum nibh tellus molestie nunc non blandit massa. Tempus imperdiet nulla malesuada pellentesque elit eget gravida. Arcu non sodales neque sodales ut etiam. Sit amet cursus sit amet dictum. Mauris a diam maecenas sed. Elementum sagittis vitae et leo duis.

[div class=subtitle]likes[/div]
Augue mauris augue neque gravida in fermentum et sollicitudin ac. Semper feugiat nibh sed pulvinar proin gravida hendrerit. Accumsan lacus vel facilisis volutpat. Vel turpis nunc eget lorem dolor sed viverra ipsum. Morbi tempus iaculis urna id volutpat lacus laoreet non curabitur. Nunc vel risus commodo viverra. Arcu risus quis varius quam quisque id diam. Aenean pharetra magna ac placerat vestibulum. Senectus et netus et malesuada fames ac turpis egestas integer. Ornare massa eget egestas purus. Eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum.

[div class=subtitle]dislikes[/div]
Lobortis scelerisque fermentum dui faucibus. Velit ut tortor pretium viverra suspendisse potenti nullam ac tortor. Sed odio morbi quis commodo odio aenean sed. Quis hendrerit dolor magna eget est. Ipsum faucibus vitae aliquet nec. Viverra aliquet eget sit amet tellus cras adipiscing enim eu. Aliquam etiam erat velit scelerisque. Vitae justo eget magna fermentum iaculis eu non diam phasellus. Porttitor eget dolor morbi non. Diam vel quam elementum pulvinar. Aliquam purus sit amet luctus. Molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit. Quis viverra nibh cras pulvinar mattis nunc sed blandit libero. Tortor posuere ac ut consequat. Nulla facilisi etiam dignissim diam quis enim lobortis scelerisque. Risus in hendrerit gravida rutrum quisque. Condimentum vitae sapien pellentesque habitant morbi.

[div class=subtitle]strengths[/div]
Consectetur adipiscing elit duis tristique sollicitudin. In hendrerit gravida rutrum quisque. Pulvinar pellentesque habitant morbi tristique. Nulla at volutpat diam ut. Luctus venenatis lectus magna fringilla urna. Faucibus turpis in eu mi bibendum neque. Venenatis urna cursus eget nunc scelerisque viverra. Imperdiet massa tincidunt nunc pulvinar. Tortor at auctor urna nunc id cursus metus aliquam eleifend. Fringilla urna porttitor rhoncus dolor purus non enim. Mi ipsum faucibus vitae aliquet nec ullamcorper sit amet risus.

[div class=subtitle]weaknesses[/div]
Ipsum dolor sit amet consectetur adipiscing. Sed augue lacus viverra vitae congue. Eu tincidunt tortor aliquam nulla facilisi cras. Sit amet consectetur adipiscing elit pellentesque habitant morbi. Praesent tristique magna sit amet purus gravida. Iaculis at erat pellentesque adipiscing commodo elit at. Eget dolor morbi non arcu risus quis varius quam quisque. Id ornare arcu odio ut sem nulla pharetra diam. Aliquam malesuada bibendum arcu vitae. Ut diam quam nulla porttitor massa id. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae nunc sed. Maecenas volutpat blandit aliquam etiam erat. Sit amet massa vitae tortor condimentum lacinia quis. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc consequat. Leo in vitae turpis massa sed elementum tempus. Urna et pharetra pharetra massa massa ultricies.

[div class=subtitle]habits[/div]
Integer feugiat scelerisque varius morbi. Quis blandit turpis cursus in hac habitasse. Enim ut sem viverra aliquet eget. Maecenas ultricies mi eget mauris pharetra et. Feugiat in ante metus dictum at tempor commodo. Amet nisl purus in mollis. Amet mattis vulputate enim nulla aliquet. Feugiat sed lectus vestibulum mattis. Ultricies mi eget mauris pharetra et ultrices neque ornare aenean. Non curabitur gravida arcu ac. Risus sed vulputate odio ut enim blandit. Fermentum leo vel orci porta non pulvinar neque laoreet suspendisse. Donec ultrices tincidunt arcu non sodales neque sodales.

[div class=subtitle]quirks[/div]
Nulla facilisi etiam dignissim diam. Sodales ut etiam sit amet nisl purus in mollis nunc. Quam id leo in vitae turpis massa sed elementum tempus. Arcu bibendum at varius vel pharetra vel turpis nunc. Sed ullamcorper morbi tincidunt ornare. Elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus. Sed felis eget velit aliquet sagittis id consectetur. Duis ut diam quam nulla porttitor massa. Mi quis hendrerit dolor magna eget est lorem ipsum dolor. Neque aliquam vestibulum morbi blandit cursus risus. Pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus nisl. Volutpat blandit aliquam etiam erat velit scelerisque. Aliquam sem et tortor consequat id porta. Pulvinar pellentesque habitant morbi tristique senectus et netus. Mi tempus imperdiet nulla malesuada pellentesque elit eget gravida.

[div class=subtitle]fears[/div]
Commodo elit at imperdiet dui accumsan sit. Duis ultricies lacus sed turpis tincidunt. Egestas sed tempus urna et pharetra pharetra massa massa. Eu volutpat odio facilisis mauris. Arcu risus quis varius quam quisque id. Sit amet risus nullam eget felis eget. Commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Vel turpis nunc eget lorem dolor sed viverra. Molestie nunc non blandit massa enim nec dui nunc mattis. Pellentesque dignissim enim sit amet venenatis urna cursus eget nunc. Cursus turpis massa tincidunt dui. Felis eget nunc lobortis mattis aliquam faucibus purus in massa. Gravida dictum fusce ut placerat orci nulla pellentesque dignissim. Massa vitae tortor condimentum lacinia quis vel. Praesent semper feugiat nibh sed. Mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus. Vel elit scelerisque mauris pellentesque. Et ultrices neque ornare aenean.

[div class=subtitle]history[/div]
Augue mauris augue neque gravida in fermentum et sollicitudin ac. Semper feugiat nibh sed pulvinar proin gravida hendrerit. Accumsan lacus vel facilisis volutpat. Vel turpis nunc eget lorem dolor sed viverra ipsum. Morbi tempus iaculis urna id volutpat lacus laoreet non curabitur. Nunc vel risus commodo viverra. Arcu risus quis varius quam quisque id diam. Aenean pharetra magna ac placerat vestibulum. Senectus et netus et malesuada fames ac turpis egestas integer. Ornare massa eget egestas purus. Eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum.

[div class=subtitle]motivations[/div]
Lobortis scelerisque fermentum dui faucibus. Velit ut tortor pretium viverra suspendisse potenti nullam ac tortor. Sed odio morbi quis commodo odio aenean sed. Quis hendrerit dolor magna eget est. Ipsum faucibus vitae aliquet nec. Viverra aliquet eget sit amet tellus cras adipiscing enim eu. Aliquam etiam erat velit scelerisque. Vitae justo eget magna fermentum iaculis eu non diam phasellus. Porttitor eget dolor morbi non.

[div class=subtitle]other[/div]
Consectetur adipiscing elit duis tristique sollicitudin. In hendrerit gravida rutrum quisque. Pulvinar pellentesque habitant morbi tristique. Nulla at volutpat diam ut. Luctus venenatis lectus magna fringilla urna. Faucibus turpis in eu mi bibendum neque. Venenatis urna cursus eget nunc scelerisque viverra. Imperdiet massa tincidunt nunc pulvinar. Tortor at auctor urna nunc id cursus metus aliquam eleifend. Fringilla urna porttitor rhoncus dolor purus non enim. Mi ipsum faucibus vitae aliquet nec ullamcorper sit amet risus.
[/div][/div][div class=header2]how would i define me?[/div]
[div class=credit]code by [USER=2383]sox[/USER][/div]
[/div]
 
Last edited:

chezmoi

chop chop chop
Supporter
TWITTER - NOT MOBILE FRIENDLY

this was one of those codes where halfway through, i questioned my entire existence and purpose on this earth, but i was already too far into it to back out. the code is long as hell and difficult to navigate, but if you rly wanna use it, by all means be my guest lmao the tweets section scrolls, as do the bodies of each individual tweet. please do not remove the credit! i'm gonna go pretend i don't have carpal tunnel.


---https:///twitter.corn/
Tweet
code by sox
Lee Taemin
1,988 Tweets
Follow
Lee Taemin
@taeminlee
not a single facial expression, not a single sentence can express all of you. we're perfect just the way we are. | singer-songwriter from korea
23 Following----1.1M Followers
--------Tweets-----------Tweets & Replies-----------Media-----------Likes
Basics - @taeminlee
Name: Lee Taemin

Age: 26

Gender: Male

Sexuality: Heterosexual

Role: Male

Occupation: Singer-songwriter, professional dancer, and member of the South Korean group SHINee

Birthday: Male

Height: Male

Weight: Male

Body Type: Male

Hair Color: Brown

Eye Color: Brown

Body Mods: Ear piercings
Persona - @taeminlee
Personality: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Venenatis lectus magna fringilla urna porttitor. Consectetur purus ut faucibus pulvinar elementum integer enim neque. Sed egestas egestas fringilla phasellus. Fames ac turpis egestas maecenas. Fermentum posuere urna nec tincidunt praesent semper. Nibh tortor id aliquet lectus proin nibh nisl condimentum. Malesuada pellentesque elit eget gravida cum. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Vel pharetra vel turpis nunc eget lorem. Tempor orci dapibus ultrices in iaculis nunc. Diam vel quam elementum pulvinar etiam non.

Likes: Faucibus purus in massa tempor. Aliquam sem et tortor consequat. Quis vel eros donec ac odio. Amet justo donec enim diam vulputate ut pharetra sit. Id leo in vitae turpis massa sed elementum. Ac feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper. Sit amet volutpat consequat mauris nunc congue nisi. Erat nam at lectus urna duis convallis. Nam aliquam sem et tortor consequat. Netus et malesuada fames ac turpis egestas. Magna eget est lorem ipsum. Eget mi proin sed libero enim sed faucibus. Nibh mauris cursus mattis molestie.

Dislikes: Fames ac turpis egestas maecenas. Fermentum posuere urna nec tincidunt praesent semper. Nibh tortor id aliquet lectus proin nibh nisl condimentum. Malesuada pellentesque elit eget gravida cum. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Vel pharetra vel turpis nunc eget lorem. Faucibus purus in massa tempor. Aliquam sem et tortor consequat. Quis vel eros donec ac odio. Amet justo donec enim diam vulputate ut pharetra sit.
Background - @taeminlee
History: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Venenatis lectus magna fringilla urna porttitor. Consectetur purus ut faucibus pulvinar elementum integer enim neque. Sed egestas egestas fringilla phasellus. Fames ac turpis egestas maecenas. Fermentum posuere urna nec tincidunt praesent semper. Nibh tortor id aliquet lectus proin nibh nisl condimentum. Malesuada pellentesque elit eget gravida cum. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Vel pharetra vel turpis nunc eget lorem. Tempor orci dapibus ultrices in iaculis nunc. Diam vel quam elementum pulvinar etiam non.

Family: Faucibus purus in massa tempor. Aliquam sem et tortor consequat. Quis vel eros donec ac odio. Amet justo donec enim diam vulputate ut pharetra sit. Id leo in vitae turpis massa sed elementum. Ac feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper. Sit amet volutpat consequat mauris nunc congue nisi. Erat nam at lectus urna duis convallis. Nam aliquam sem et tortor consequat. Netus et malesuada fames ac turpis egestas. Magna eget est lorem ipsum. Eget mi proin sed libero enim sed faucibus. Nibh mauris cursus mattis molestie.

Relationships: Fames ac turpis egestas maecenas. Fermentum posuere urna nec tincidunt praesent semper. Nibh tortor id aliquet lectus proin nibh nisl condimentum. Malesuada pellentesque elit eget gravida cum. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Vel pharetra vel turpis nunc eget lorem. Faucibus purus in massa tempor. Aliquam sem et tortor consequat. Quis vel eros donec ac odio. Amet justo donec enim diam vulputate ut pharetra sit.


Pastebin: xxx
 
Last edited:

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

  • Top