• 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 β‹† sincerity ! πŸπ«πžπžπ›π’πžπ¬ ⋆ 2.0

NOT MOBILE FRIENDLY
this is an interest check code :]

[div=width:500px;margin:auto;][div=height:35px;][div=height:25px;width:150px;background:#fff;border:1px solid #000;color:#000;font-size:16px;text-transform:uppercase;text-align:center;font-family:Arial;line-height:25px;][b]poong poong~![/b][/div][/div][div=width:240px;float:left;][div=height:140px;width:240px;border:1px solid #000;background:#fff;][div=height:120px;width:120px;background:url('https://24.media.tumblr.com/9d2608f14705e623ab7ce92eaa4e8425/tumblr_n5i87bLQtu1qhy3t9o3_250.gif');background-size:120%;position:relative;left:10px;top:10px;float:left;][/div][div=height:120px;top:10px;margin-left:20px;float:left;][div=height:53px;width:88px;border:1px solid #000;position:relative;top:10px;][div=height:20px;background:#000;][div=font-size:10px;color:#fff;text-transform:uppercase;font-family:Arial;text-align:center;line-height:20px;][b]max. players[/b][/div][/div][div=font-size:25px;color:#000;text-align:center;line-height:30px;][b]12[/b][/div][/div][div=height:53px;width:88px;border:1px solid #000;position:relative;top:20px;][div=width:43px;height:53px;float:left;border-right:1px solid #000;float:left;][div=height:15px;background:#000;][div=font-size:8px;color:#fff;text-align:center;font-family:Arial;text-transform:uppercase;line-height:15px;][b]boys[/b][/div][/div][div=font-size:25px;color:#000;text-align:center;line-height:35px;][b]0[/b][/div][/div][div=width:44px;height:53px;float:left;][div=height:15px;background:#000;][div=font-size:8px;color:#fff;text-align:center;font-family:Arial;text-transform:uppercase;line-height:15px;][b]girls[/b][/div][/div][div=font-size:25px;color:#000;text-align:center;line-height:35px;][b]0[/b][/div][/div][/div][/div][/div][div=height:140px;width:240px;border:1px solid #000;background:#fff;margin-top:10px;][div=height:140px;width:119px;border-right:1px solid #000;float:left;][div=height:25px;background:#000;][div=font-family:Arial;color:#fff;text-transform:uppercase;font-size:12px;text-align:center;line-height:25px;][b]rules[/b][/div][/div][div=height:105px;width:109px;position:relative;top:5px;left:5px;font-family:Arial;color:#000;font-size:11px;line-height:11px;text-align:justify;overflow:hidden;][div=width: calc(100% + 17px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box;][size=5px]note: this scrolls[/size]
[b]001[/b] Lorem ipsum dolor sit amet, consectetur adipisicing elit.
[b]002[/b] Lorem ipsum dolor sit amet, consectetur adipisicing elit.
[b]003[/b] Lorem ipsum dolor sit amet, consectetur adipisicing elit.
[b]004[/b] Lorem ipsum dolor sit amet, consectetur adipisicing elit.
[b]005[/b] Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/div][/div][/div][div=float:left;width:120px;height:25px;background:#000;][div=font-family:Arial;color:#fff;text-transform:uppercase;font-size:12px;text-align:center;line-height:25px;][b]links[/b][/div][div=font-family:Arial;font-size:15px;text-transform:uppercase;color:#000;text-align:center;border-bottom:1px solid #000;][b][url='https://i0.wp.com/78.media.tumblr.com/a6e3d2846312453c91cb5c45edac8107/tumblr_p8fdeaxXsb1vlhqpfo3_400.gif?w=872&ssl=1'][color=black]cs[/color][/url][/b][/div][div=font-family:Arial;font-size:15px;text-transform:uppercase;color:#000;text-align:center;border-bottom:1px solid #000;][b][url='https://i0.wp.com/78.media.tumblr.com/a6e3d2846312453c91cb5c45edac8107/tumblr_p8fdeaxXsb1vlhqpfo3_400.gif?w=872&ssl=1'][color=black]ooc[/color][/url][/b][/div][div=font-family:Arial;font-size:15px;text-transform:uppercase;color:#000;text-align:center;border-bottom:1px solid #000;][b][url='https://i0.wp.com/78.media.tumblr.com/a6e3d2846312453c91cb5c45edac8107/tumblr_p8fdeaxXsb1vlhqpfo3_400.gif?w=872&ssl=1'][color=black]ic[/color][/url][/b][/div][div=font-family:Arial;font-size:15px;text-transform:uppercase;color:#000;text-align:center;border-bottom:1px solid #000;][b][url='https://i0.wp.com/78.media.tumblr.com/a6e3d2846312453c91cb5c45edac8107/tumblr_p8fdeaxXsb1vlhqpfo3_400.gif?w=872&ssl=1'][color=black]discord[/color][/url][/b][/div][div=font-family:Arial;font-size:15px;text-transform:uppercase;color:#000;text-align:center;][b][url='https://i0.wp.com/78.media.tumblr.com/a6e3d2846312453c91cb5c45edac8107/tumblr_p8fdeaxXsb1vlhqpfo3_400.gif?w=872&ssl=1'][color=black]extra[/color][/url][/b][/div][/div][/div][/div][div=height:175px;width:240px;border:1px solid #000;background:#fff;float:left;margin-left:10px;][div=height:165px;width:230px;position:relative;top:5px;left:5px;font-family:Arial;color:#000;font-size:11px;line-height:11px;text-align:justify;overflow:hidden;][div=width: calc(100% + 17px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box;][div=width:80px;float:left;][div=height:25px;width:70px;background:#000;][div=font-family:Arial;color:#fff;text-transform:uppercase;font-size:12px;text-align:center;line-height:25px;][b]plot[/b][/div][/div][/div][size=5px]note: this scrolls[/size] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim. Sed ut perspiciatis.Ut enim ad minim veniam, quis nostrud. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit [/div][/div][/div][div=height:104px;width:240px;background:url('https://pa1.narvii.com/5705/1179f46bfd655ee56e6b7730a4fdd3bef4af32df_hq.gif');background-size:100%;margin-left:10px;margin-top:10px;float:left;border:1px solid #000;][/div][/div]
[div=margin-top:280px;][center][size=1]code by [USER=27673]@pasta[/USER][/size][/center][/div]

poong poong~!
max. players
12
boys
0
girls
0
rules
note: this scrolls
001 Lorem ipsum dolor sit amet, consectetur adipisicing elit.
002 Lorem ipsum dolor sit amet, consectetur adipisicing elit.
003 Lorem ipsum dolor sit amet, consectetur adipisicing elit.
004 Lorem ipsum dolor sit amet, consectetur adipisicing elit.
005 Lorem ipsum dolor sit amet, consectetur adipisicing elit.
plot
note: this scrolls Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim. Sed ut perspiciatis.Ut enim ad minim veniam, quis nostrud. Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit


code by pasta pasta
Hello there, lovelie! Would you mind if I used this code right here?
 
NOT MOBILE FRIENDLY
it's been a longggg time since i've made a code for this thread;;

[div=width:725px;margin:auto;][div=width:725px;text-align:right;margin:auto;][size=1]code by [USER=27673]@pasta[/USER][/size][/div][div=height:400px;width:180px;background:#778899;float:left;border-left:1px solid #fff;]
[div=height:95px;width:95px;border:1px solid #fff;border-radius:50%;margin:auto;][div=height:75px;width:75px;background:url('https://66.media.tumblr.com/47038b741a9962c616a793dd182f32b8/tumblr_pk52kkqDIC1wud2lq_1280.jpg');background-size:100%;border:0px solid #fff;border-radius:50%;margin:10px 10px;][/div][/div][div=position:relative;top:10px;color:#fff;font-size:11px;line-height:12px;font-family:Arial;text-transform:lowercase;text-align:center;margin:auto;width:150px;][u][i]guidelines[/i][/u]

[i]001[/i] lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
[i]002[/i] lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
[i]003[/i] lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
[i]004[/i] lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
[i]005[/i] lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
[i]006[/i] lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor[/div][/div][div=height:400px;width:350px;background:#fff;float:left;border-left:1px solid #fff;font-size:11px;font-family:Arial;text-transform:lowercase;text-align:justify;color:#999;overflow: hidden;][div=
width: calc(100% + 13px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box; padding: 3% 7%; text-align: justify;][div=width:90%;margin:auto;][left][font=Alegreya Sans SC][size=15px][color=#bbc5ce][b]i don't really wanna run around [/B]γƒŸβ˜†[/COLOR][/SIZE][/FONT][/left][div=border:1px solid lightgray;height:13px;line-height:13px;text-align:right;font-family:Alegreya Sans SC;font-size:12px;color:#bbc5ce;][b]β†’ about the roleplay[/B][/div]
[div=height:90px;width:200px;background:url('https://pa1.narvii.com/6393/340acacac5ad9b14013f59d1130fe1b293dd940a_hq.gif');background-size:100%;margin:auto;float:center;margin-top:10px;][/div]
lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim. sed ut perspiciatis.ut enim ad minim veniam, quis nostrud. lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

[div=height:85px;width:200px;background:url('https://78.media.tumblr.com/a92c26dc8021c6aed33148b7620a64a2/tumblr_o8t320z8Qo1r19xa8o1_500.gif');background-size:100%;margin:auto;float:center;][/div]
[/div][/div][/div][div=height:400px;width:190px;background:#778899;border-left:1px solid #fff;float:left;][div=height:190px;width:190px;background:url('https://66.media.tumblr.com/f1819f3b28cf5b38c2e23d738a0938dc/tumblr_pklnpvA4Tc1ww3m6b_540.jpg');background-size:100%;margin:0px 0px;][/div][div=height:190px;width:189px;background:url('https://66.media.tumblr.com/cf9ae2ac0241c0add9e9dee7105b22ea/tumblr_pklnpyxUXN1ww3m6b_540.jpg');background-size:100%;margin:0px 0px;][/div][div=color:#fff;font-size:25px;font-weight:800;text-align:center;text-transform:uppercase;margin:-10px;]i don't really[/div][/div][/div]

code by pasta pasta

guidelines

001 lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
002 lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
003 lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
004 lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
005 lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
006 lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
i don't really wanna run around γƒŸβ˜†
β†’ about the roleplay


lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim. sed ut perspiciatis.ut enim ad minim veniam, quis nostrud. lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco


i don't really
 
NOT MOBILE FRIENDLY
finally i finished this smh. idk had it in my workshop for a few days now :0

[div=width:890px;margin:auto;][right][size=1]code by @pasta[/size][/right][div=width:350px;height:448px;border:1px solid #ddd;background:#eee;float:left;][div=width:340px;margin:10px 10px;][div=height:55px;width:55px;background:url('https://66.media.tumblr.com/04473ff29d3e57b047659a4471c536d9/tumblr_pkcwjw0Q2Y1wiyti5o7_250.png');background-size:100%;border:0px solid #fff;border-radius:50%;float:left;][/div][div=float:left;margin:20px 10px;color:#888;font-family:Arial;font-size:12px;][b]videogamesx[/b][/div]

[div=width:328px;border-top:1px solid #ccc;margin:auto;][/div]
[div=height:260px;width:330px;background:url('https://66.media.tumblr.com/3f383646599367b3018557e20d0ddf17/tumblr_pkcwjw0Q2Y1wiyti5o5_250.png');background-size:100%;][/div][div=height:90px;width:320px;margin-left:5px;margin-top:10px;color:#666;font-size:11px;text-align:justify;line-height:12px;text-transform:lowercase;overflow:hidden;][div=width: calc(100% + 17px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box;][b][color=#997766]personality[/color][/b] lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
#softboysarefuckboys #theyrenoteventhatdeep[/div][/div][/div][/div][div=width:350px;height:448px;border-right:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#eee;float:left;][div=width:340px;margin:10px 10px;][div=height:100px;width:330px;background:url('https://66.media.tumblr.com/a61ff9f8c23591c19182dab823b043d7/tumblr_pktqajY9LT1wocw4z_540.jpg');background-size:100%;][/div][div=height:160px;width:320px;margin-left:5px;margin-top:10px;color:#666;font-size:11px;text-align:justify;line-height:12px;text-transform:lowercase;overflow:hidden;][div=width: calc(100% + 17px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box;][color=#997777][b]biography[/b][/color] lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariaturlorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariaturlorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
#softboysarefuckboys #theyrenoteventhatdeep[/div][/div]
[div=height:15px;width:150px;background:#fff;border:1px solid #666;border-radius:20px;color:#000;font-size:11px;line-height:15px;text-align:center;font-family:Arial;]why are you hating on me?[/div][div=height:15px;width:120px;background:#fff;border:1px solid #666;border-radius:20px;color:#000;font-size:11px;line-height:15px;text-align:center;font-family:Arial;margin-top:10px;]i thought you liked me[/div][div=height:15px;width:110px;float:right;background:#997766;border:1px solid #fff;border-radius:20px;color:#fff;font-size:11px;line-height:15px;text-align:center;font-family:Arial;margin-right:10px;]i don't like soft boys[/div]
[div=height:55px;width:160px;float:right;background:#997766;border:1px solid #fff;border-radius:20px;color:#fff;font-size:11px;line-height:15px;text-align:justify;font-family:Arial;margin-right:10px;margin-top:10px;][div=height:45px;width:140px;margin:5px 10px;]lmao not a big deal. go write songs about a broken heart or something[/div][/div][/div][/div][div=width:180px;height:448px;border-right:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#eee;float:left;][div=height:160px;width:160px;background:url('https://66.media.tumblr.com/c796b97cc9d2b3525d99049266bc82a0/tumblr_pkcwjw0Q2Y1wiyti5o1_250.png');background-size:100%;margin:10px 10px;][/div][div=width:160px;margin:auto;][div=height:20px;width:85px;background:#997766;margin-top:10px;border:1px solid #ccc;float:left;][div=font-family:Arial;color:#fff;font-size:10px;line-height:20px;text-transform:uppercase;text-align:center;][b]bok ji soo[/b][/div][/div][div=height:20px;width:56px;background:#666;margin-top:10px;margin-left:5px;border:1px solid #ccc;float:left;][div=font-family:Arial;color:#fff;font-size:10px;text-transform:uppercase;text-align:center;line-height:20px;][b]Female[/b][/div][/div][div=height:20px;width:20px;background:#997766;margin-top:5px;border:1px solid #ccc;float:left;][div=font-family:Arial;color:#fff;font-size:10px;text-transform:uppercase;text-align:center;line-height:20px;][b]22[/b][/div][/div][div=height:20px;width:60px;background:#666;margin-top:5px;margin-left:5px;border:1px solid #ccc;float:left;][div=font-family:Arial;color:#fff;font-size:10px;text-transform:uppercase;text-align:center;line-height:20px;][b]bisexual[/b][/div][/div][div=height:20px;width:54px;background:#997766;margin-top:5px;margin-left:5px;border:1px solid #ccc;float:left;][div=font-family:Arial;color:#fff;font-size:10px;text-transform:uppercase;text-align:center;line-height:20px;][b]korean[/b][/div][/div][div=height:20px;width:25px;background:#666;margin-top:5px;border:1px solid #ccc;float:left;][div=font-family:Arial;color:#fff;font-size:10px;text-transform:uppercase;text-align:center;line-height:20px;][b]?'?[/b][/div][/div][div=height:20px;width:35px;background:#997766;margin-top:5px;margin-left:5px;border:1px solid #ccc;float:left;][div=font-family:Arial;color:#fff;font-size:10px;text-transform:uppercase;text-align:center;line-height:20px;][b]??kg[/b][/div][/div][div=height:20px;width:74px;background:#666;margin-top:5px;margin-left:5px;border:1px solid #ccc;float:left;][div=font-family:Arial;color:#fff;font-size:10px;text-transform:uppercase;text-align:center;line-height:20px;][b]brown hair[/b][/div][/div][/div]


[div=height:70px;width:150px;margin:20px 10px;position:relative;top:10px;color:#666;font-size:11px;text-align:justify;line-height:12px;text-transform:lowercase;overflow:hidden;][div=width: calc(100% + 17px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box;][color=#aa9999][b]likes[/b][/color] lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariaturlorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [/div][/div][div=height:70px;width:150px;margin:10px 10px;color:#666;font-size:11px;text-align:justify;line-height:12px;text-transform:lowercase;overflow:hidden;][div=width: calc(100% + 17px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box;][color=#aa9999][b]dislikes[/b][/color] lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariaturlorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. [/div][/div][/div][/div]

code by pasta pasta
videogamesx



personality lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
#softboysarefuckboys #theyrenoteventhatdeep
biography lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariaturlorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariaturlorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
#softboysarefuckboys #theyrenoteventhatdeep

why are you hating on me?
i thought you liked me
i don't like soft boys

lmao not a big deal. go write songs about a broken heart or something
bok ji soo
Female
22
bisexual
korean
?'?
??kg
black hair



likes lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariaturlorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
dislikes lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariaturlorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 
Last edited:
idk how, there’s so many amazing coders but thank you !!! :0
nono shush, your codes have always been my favorite, i not only watch this thread, but i have it bookmarked.
i've loved your codes since you've posted this. theyre so pretty and always fit my aesthetic

my favorite codes. dont @ me.

<3
 
NOT MOBILE FRIENDLY
uh yeah, it's been a hot minute, hasn't it? lately the codes i've been making have been super basic, and i didn't feel like they had enough to be put in this thread. but, this one came out rather nicely, i suppose, so i decided to make it a freebie xxx

[div=width:540px;height:420px;margin:auto;][div=width:230px;float:left;][div=height:40px;width:230px;background:#cec182;border:0px solid #fff;border-top-right-radius:3px;border-top-left-radius:3px;float:left;][div=height:40px;width:40px;background:#303030;border:0px solid #fff;border-top-right-radius:3px;border-top-left-radius:3px;float:left;line-height:40px;color:#fff;text-align:center;][fa]fa-heart-o[/fa][/div][div=float:left;margin-left:13px;line-height:40px;color:#fff;font-family:Arial;text-transform:uppercase;font-weight:900;]Nishimura Yoson[/div][/div][div=height:300px;width:230px;background:#fff;][div=height:225px;width:210px;float:left;background:url('https://66.media.tumblr.com/78dbab0638d1cf7a42486684e2d02deb/tumblr_odlsoprLB21vuncamo1_540.jpg');background-size:100%;float:left;margin:10px 10px;][/div][div=width:210pxfloat:left;margin:10px 10px;font-size:11px;color:#666;line-height:12px;text-align:justify;]it’s all your fault, i feel amazing. you make me feel like a real fucking starfire. i'm super dizzy, i might be flying. i wanna crawl under my covers and just stay there. i know its weird to say you changed me, but things have been really hard for me lately
[/div][div=height:40px;width:230px;background:#cec182;border:0px solid #fff;border-bottom-right-radius:3px;border-bottom-left-radius:3px;float:left;][/div][/div][/div][div=height:418px;width:300px;background:#303030;float:left;margin-left:10px;][div=height:160px;width:280px;background:url('https://66.media.tumblr.com/78bd47baf0ddb35dcedca24ddaea76f6/tumblr_okyx4dTyNb1vuncamo2_1280.jpg');background-size:100%;float:left;margin:10px 10px;][div=color:#303030;text-shadow: 1px 1px 0px #cec182;font-size:35px;font-family:Times New Roman;font-weight:900;text-align:right;float:right;margin-top:130px;]romantic[/div] [/div][div=height:228px;width:280px;background:#fff;float:left;margin:0px 10px;][div=height:208px;width:260px;float:left;margin:10px 10px;text-align:justify;color:#666;font-size:12px;line-height:13px;overflow:hidden;][div=width: calc(100% + 17px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box;]lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim. sed ut perspiciatis.ut enim ad minim veniam, quis nostrud. lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[/div][/div][/div][/div][/div][center][size=1]code by @pasta[/size][/center]

Nishimura Yoson
it’s all your fault, i feel amazing. you make me feel like a real fucking starfire. i'm super dizzy, i might be flying. i wanna crawl under my covers and just stay there. i know its weird to say you changed me, but things have been really hard for me lately
romantic
lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim. sed ut perspiciatis.ut enim ad minim veniam, quis nostrud. lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
code by pasta pasta
 
Last edited:
NOT MOBILE FRIENDLY
my first advanced bbcode+? click the image to get the tabs & click the X to get rid of the tabs.

[nobr][class=major]
width:430px;
margin:auto;[/class]


[div class=major][class=whole]
width:210px;
float:left;
[/class]

[div class=whole][class=iwishicouldbeyourfirstlove]
height:250px;
width:200px;
background:url('https://66.media.tumblr.com/0269d828eaef40c0f4d8f4544d289cbc/tumblr_pl1hevX3y41xl20m1o1_400.png');
background-size:130%;
border:5px solid #996655;
filter:grayscale(100%);
float:left;
cursor:pointer;
margin-left:0px;
[/class]

[class name=iwishicouldbeyourfirstlove state=hover]
transition-duration:0.8s;
filter:grayscale(0%);
[/class]

[class=whenyoucallmepretty]
height:30px;
width:210px;
background-color:#bb8877;
position:relative;
display:none;
float:left;
[/class]

[class=closeit]
height:15px;
width:15px;
cursor:pointer;
background:#bb8877;
float:left;
color:#fff;
line-height:15px;
text-align:center;
font-size:10px;
[/class]

[class=grimes]
height:15px;
width:195px;
background:#aa9999;
float:left;
text-transform:uppercase;
color:#fff;
font-size:7px;
line-height:15px;
font-weight:800;
[/class]

[script class=iwishicouldbeyourfirstlove on=click]
fadeIn 800 whenyoucallmepretty
[/script]

[script class=closeit on=click]
fadeOut 800 whenyoucallmepretty
[/script]

[class name=closeit state=hover]
background:#bb4433;
transition-duration:0.6s;
[/class]

[div class=closeit][b]X[/b][/div]
[div class=grimes][div=float:left;margin-left:4px;]only love can hurt me[/div][/div]
[div class=iwishicouldbeyourfirstlove ][/div]
[div class=whenyoucallmepretty][class=Tabs]
height:105px;
width:105px;
color:#fff;
font-size:20px;
margin:auto;
[/class]

[class=tab1]
height:20px;
width:20px;
float:left;
margin:3px 3px;
[/class]

[class name=tab1 state=hover]
text-shadow:2px 2px #bb4433;
transition-duratio:0.8s;
cursor:pointer;
[/class]

[class=tab2]
height:20px;
width:20px;
float:left;
margin:3px 3px;
[/class]

[class name=tab2 state=hover]
text-shadow:2px 2px #bb4433;
transition-duratio:0.8s;
cursor:pointer;
[/class]

[class=tab3]
height:20px;
width:20px;
float:left;
margin:3px 3px;
[/class]

[class name=tab3 state=hover]
text-shadow:2px 2px #bb4433;
transition-duratio:0.8s;
cursor:pointer;
[/class]

[class=tab4]
height:20px;
width:20px;
float:left;
margin:3px 3px;
[/class]

[class name=tab4 state=hover]
text-shadow:2px 2px #bb4433;
transition-duratio:0.8s;
cursor:pointer;
[/class]

[script class=Tabs]
show tabcontentbox
hide tabcontent2
hide tabcontent3
hide tabcontent4
show tabcontent1
addClass Tabs
[/script]

[script class=tab1 on=click]
hide tabcontentbox
hide tabcontent2
hide tabcontent3
hide tabcontent4
show tabcontent1
addClass Tabs
[/script]

[script class=tab2 on=click]
hide tabcontentbox
show tabcontent2
hide tabcontent3
hide tabcontent4
hide tabcontent1
addClass Tabs
[/script]

[script class=tab3 on=click]
hide tabcontentbox
hide tabcontent2
show tabcontent3
hide tabcontent4
hide tabcontent1
addClass Tabs
[/script]

[script class=tab4 on=click]
hide tabcontentbox
hide tabcontent2
hide tabcontent3
show tabcontent4
hide tabcontent1
addClass Tabs
[/script]

[class=tabcontent1]
height:275px;
width:210px;
float:left;
background:#bb8877;
[/class]

[class=tabcontent2]
height:275px;
width:210px;
float:left;
background:#bb8877;
[/class]

[class=tabcontent3]
height:275px;
width:210px;
float:left;
background:#bb8877;
[/class]

[class=tabcontent4]
height:275px;
width:210px;
float:left;
background:#bb8877;
[/class]

[div class=Tabs][div class=tab1]1[/div]

[div class=tab2]2[/div]

[div class=tab3]3[/div]

[div class=tab4]4[/div]
[/div]
[/div][/div]

[class=whole2]
height:275px;
width:210px;
float:left;
margin-left:10px;
background:#bb8877;
[/class]

[div class=whole2][div class=tabcontent1]
[class=imgtab1]
height:50px;
width:50px;
background:url('https://66.media.tumblr.com/1620ef6420d7dd1abc4a70193eb715f3/tumblr_nbpcsme9to1sxqgruo5_250.png');
background-size:100%;
border:10px solid #cc7755;
border-radius:50%;
float:left;
margin:10px 10px;
[/class]

[div class=imgtab1][/div]

[class=titletab1]
height:80px;
color:#fff;
float:left;
margin-left:0px;
line-height:80px;
font-family:Arial;
font-size:30px;
font-family:'Playfair Display';
[/class]

[div class=titletab1]Basics?[/div]

[class=wide]
width:210px;
float:left;
[/class]

[div class=wide][class=name]
height:20px;
width:50px;
background:#665555;
float:left;
margin:10px 10px;
line-height:20px;
color:#fff;
font-size:12px;
font-family:'Lato';
text-align:center;
[/class]

[class=name2]
height:20px;
width:100px;
float:left;
margin:10px 0px;
line-height:20px;
color:#fff;
font-weight:800;
font-size:12px;
font-family:'Lato';
[/class]

[div class=name]Name[/div]

[div class=name2]Claire Boucher[/div]

[class=age]
height:20px;
width:30px;
background:#665555;
float:left;
margin:0px 10px;
line-height:20px;
color:#fff;
font-size:12px;
font-family:'Lato';
text-align:center;
[/class]

[class=age2]
height:20px;
width:100px;
float:left;
margin:0px 0px;
line-height:20px;
color:#fff;
font-weight:800;
font-size:12px;
font-family:'Lato';
[/class]

[div class=age]Age[/div]

[div class=age2]Thirty[/div]

[class=gender]
height:20px;
width:60px;
background:#665555;
float:left;
margin:10px 10px;
line-height:20px;
color:#fff;
font-size:12px;
font-family:'Lato';
text-align:center;
[/class]

[class=gender2]
height:20px;
width:120px;
float:left;
margin:10px 0px;
line-height:20px;
color:#fff;
font-size:12px;
font-weight:800;
font-family:'Lato';
[/class]

[div class=gender]Gender[/div]

[div class=gender2]Female[/div]

[class=sexuality]
height:20px;
width:70px;
background:#665555;
float:left;
margin:0px 10px;
line-height:20px;
color:#fff;
font-size:12px;
font-family:'Lato';
text-align:center;
[/class]

[class=sexuality2]
height:20px;
width:100px;
float:left;
margin:0px 0px;
line-height:20px;
color:#fff;
font-size:12px;
font-weight:800;
font-family:'Lato';
[/class]

[div class=sexuality]Sexuality[/div]

[div class=sexuality2]???[/div]

[class=nationality]
height:20px;
width:80px;
background:#665555;
float:left;
margin:10px 10px;
line-height:20px;
color:#fff;
font-size:12px;
font-family:'Lato';
text-align:center;
[/class]

[class=nationality2]
height:20px;
width:100px;
float:left;
margin:10px 0px;
line-height:20px;
color:#fff;
font-size:12px;
font-weight:800;
font-family:'Lato';
[/class]

[div class=nationality]Nationality[/div]

[div class=nationality2]Canadian[/div]

[/div][/div]

[div class=tabcontent2][class=imgtab2]
height:50px;
width:50px;
background:url('https://66.media.tumblr.com/1b4de194815b607e3d6523c9ae35fd34/tumblr_pl1hevX3y41xl20m1o6_400.png');
background-size:100%;
border:10px solid #cc7755;
border-radius:50%;
float:left;
margin:10px 10px;
[/class]

[div class=imgtab2][/div]

[class=titletab2]
height:80px;
color:#fff;
float:left;
margin-left:0px;
line-height:80px;
font-family:Arial;
font-size:30px;
font-family:'Playfair Display';
[/class]

[div class=titletab2]Looks?[/div]

[class=container2]
width:190px;
height:160px;
float:left;
margin:0px 10px;
overflow:hidden;
color:#fff;
font-size:11px;
font-family:'Lato';
text-align:justify;
line-height:12px;
[/class]

[class=scrollbar2]
width:105%;
height:160px;
float:left;
margin:10px 10px;
overflow-y:scroll;
[/class]

[class=textbox2]
width:92%;
[/class][div class=container2][div class=scrollbar2][div class=textbox2]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
[/div][/div][/div][/div]

[div class=tabcontent3][class=imgtab3]
height:50px;
width:50px;
background:url('https://66.media.tumblr.com/f93c8f38493317b2cf2513fc03f83724/tumblr_oqq3goHDco1vkbyogo10_250.png');
background-size:100%;
border:10px solid #cc7755;
border-radius:50%;
float:left;
margin:10px 10px;
[/class]

[div class=imgtab3][/div]

[class=titletab3]
height:80px;
color:#fff;
float:left;
margin-left:0px;
line-height:80px;
font-family:Arial;
font-size:30px;
font-family:'Playfair Display';
[/class]

[div class=titletab3]Persona?[/div]

[class=container3]
width:190px;
height:160px;
float:left;
margin:0px 10px;
overflow:hidden;
color:#fff;
font-size:11px;
font-family:'Lato';
text-align:justify;
line-height:12px;
[/class]

[class=scrollbar3]
width:105%;
height:160px;
float:left;
margin:10px 10px;
overflow-y:scroll;
[/class]

[class=textbox3]
width:92%;
[/class][div class=container3][div class=scrollbar3][div class=textbox3]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
[/div][/div][/div][/div]

[div class=tabcontent4][class=imgtab4]
height:50px;
width:50px;
background:url('https://66.media.tumblr.com/ec04faa5920340ced8ea1de3b26c492d/tumblr_ol1dxw956i1tmvgjko1_400.png');
background-size:100%;
border:10px solid #cc7755;
border-radius:50%;
float:left;
margin:10px 10px;
[/class]

[div class=imgtab4][/div]

[class=titletab4]
height:80px;
color:#fff;
float:left;
margin-left:0px;
line-height:80px;
font-family:Arial;
font-size:30px;
font-family:'Playfair Display';
[/class]

[div class=titletab4]Hist.?[/div]

[class=container4]
width:190px;
height:160px;
float:left;
margin:0px 10px;
overflow:hidden;
color:#fff;
font-size:11px;
font-family:'Lato';
text-align:justify;
line-height:12px;
[/class]

[class=scrollbar4]
width:105%;
height:160px;
float:left;
margin:10px 10px;
overflow-y:scroll;
[/class]

[class=textbox4]
width:92%;
[/class][div class=container4][div class=scrollbar4][div class=textbox4]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
[/div][/div][/div][/div][/div][/nobr]
[center][size=1]code by @pasta[/size][/center]

[class=major] width:430px; margin:auto;[/class] [div class=major][class=whole] width:210px; float:left; [/class] [div class=whole][class=iwishicouldbeyourfirstlove] height:250px; width:200px; background:url('https://66.media.tumblr.com/0269d828eaef40c0f4d8f4544d289cbc/tumblr_pl1hevX3y41xl20m1o1_400.png'); background-size:130%; border:5px solid #996655; filter:grayscale(100%); float:left; cursor:pointer; margin-left:0px; [/class] [class name=iwishicouldbeyourfirstlove state=hover] transition-duration:0.8s; filter:grayscale(0%); [/class] [class=whenyoucallmepretty] height:30px; width:210px; background-color:#bb8877; position:relative; display:none; float:left; [/class] [class=closeit] height:15px; width:15px; cursor:pointer; background:#bb8877; float:left; color:#fff; line-height:15px; text-align:center; font-size:10px; [/class] [class=grimes] height:15px; width:195px; background:#aa9999; float:left; text-transform:uppercase; color:#fff; font-size:7px; line-height:15px; font-weight:800; [/class] [script class=iwishicouldbeyourfirstlove on=click] fadeIn 800 whenyoucallmepretty [/script] [script class=closeit on=click] fadeOut 800 whenyoucallmepretty [/script] [class name=closeit state=hover] background:#bb4433; transition-duration:0.6s; [/class] [div class=closeit]X[/div] [div class=grimes]
only love can hurt me
[/div] [div class=iwishicouldbeyourfirstlove ][/div] [div class=whenyoucallmepretty][class=Tabs] height:105px; width:105px; color:#fff; font-size:20px; margin:auto; [/class] [class=tab1] height:20px; width:20px; float:left; margin:3px 3px; [/class] [class name=tab1 state=hover] text-shadow:2px 2px #bb4433; transition-duratio:0.8s; cursor:pointer; [/class] [class=tab2] height:20px; width:20px; float:left; margin:3px 3px; [/class] [class name=tab2 state=hover] text-shadow:2px 2px #bb4433; transition-duratio:0.8s; cursor:pointer; [/class] [class=tab3] height:20px; width:20px; float:left; margin:3px 3px; [/class] [class name=tab3 state=hover] text-shadow:2px 2px #bb4433; transition-duratio:0.8s; cursor:pointer; [/class] [class=tab4] height:20px; width:20px; float:left; margin:3px 3px; [/class] [class name=tab4 state=hover] text-shadow:2px 2px #bb4433; transition-duratio:0.8s; cursor:pointer; [/class] [script class=Tabs] show tabcontentbox hide tabcontent2 hide tabcontent3 hide tabcontent4 show tabcontent1 addClass Tabs [/script] [script class=tab1 on=click] hide tabcontentbox hide tabcontent2 hide tabcontent3 hide tabcontent4 show tabcontent1 addClass Tabs [/script] [script class=tab2 on=click] hide tabcontentbox show tabcontent2 hide tabcontent3 hide tabcontent4 hide tabcontent1 addClass Tabs [/script] [script class=tab3 on=click] hide tabcontentbox hide tabcontent2 show tabcontent3 hide tabcontent4 hide tabcontent1 addClass Tabs [/script] [script class=tab4 on=click] hide tabcontentbox hide tabcontent2 hide tabcontent3 show tabcontent4 hide tabcontent1 addClass Tabs [/script] [class=tabcontent1] height:275px; width:210px; float:left; background:#bb8877; [/class] [class=tabcontent2] height:275px; width:210px; float:left; background:#bb8877; [/class] [class=tabcontent3] height:275px; width:210px; float:left; background:#bb8877; [/class] [class=tabcontent4] height:275px; width:210px; float:left; background:#bb8877; [/class] [div class=Tabs][div class=tab1]1[/div] [div class=tab2]2[/div] [div class=tab3]3[/div] [div class=tab4]4[/div] [/div] [/div][/div] [class=whole2] height:275px; width:210px; float:left; margin-left:10px; background:#bb8877; [/class] [div class=whole2][div class=tabcontent1] [class=imgtab1] height:50px; width:50px; background:url('https://66.media.tumblr.com/1620ef6420d7dd1abc4a70193eb715f3/tumblr_nbpcsme9to1sxqgruo5_250.png'); background-size:100%; border:10px solid #cc7755; border-radius:50%; float:left; margin:10px 10px; [/class] [div class=imgtab1][/div] [class=titletab1] height:80px; color:#fff; float:left; margin-left:0px; line-height:80px; font-family:Arial; font-size:30px; font-family:'Playfair Display'; [/class] [div class=titletab1]Basics?[/div] [class=wide] width:210px; float:left; [/class] [div class=wide][class=name] height:20px; width:50px; background:#665555; float:left; margin:10px 10px; line-height:20px; color:#fff; font-size:12px; font-family:'Lato'; text-align:center; [/class] [class=name2] height:20px; width:100px; float:left; margin:10px 0px; line-height:20px; color:#fff; font-weight:800; font-size:12px; font-family:'Lato'; [/class] [div class=name]Name[/div] [div class=name2]Claire Boucher[/div] [class=age] height:20px; width:30px; background:#665555; float:left; margin:0px 10px; line-height:20px; color:#fff; font-size:12px; font-family:'Lato'; text-align:center; [/class] [class=age2] height:20px; width:100px; float:left; margin:0px 0px; line-height:20px; color:#fff; font-weight:800; font-size:12px; font-family:'Lato'; [/class] [div class=age]Age[/div] [div class=age2]Thirty[/div] [class=gender] height:20px; width:60px; background:#665555; float:left; margin:10px 10px; line-height:20px; color:#fff; font-size:12px; font-family:'Lato'; text-align:center; [/class] [class=gender2] height:20px; width:120px; float:left; margin:10px 0px; line-height:20px; color:#fff; font-size:12px; font-weight:800; font-family:'Lato'; [/class] [div class=gender]Gender[/div] [div class=gender2]Female[/div] [class=sexuality] height:20px; width:70px; background:#665555; float:left; margin:0px 10px; line-height:20px; color:#fff; font-size:12px; font-family:'Lato'; text-align:center; [/class] [class=sexuality2] height:20px; width:100px; float:left; margin:0px 0px; line-height:20px; color:#fff; font-size:12px; font-weight:800; font-family:'Lato'; [/class] [div class=sexuality]Sexuality[/div] [div class=sexuality2]???[/div] [class=nationality] height:20px; width:80px; background:#665555; float:left; margin:10px 10px; line-height:20px; color:#fff; font-size:12px; font-family:'Lato'; text-align:center; [/class] [class=nationality2] height:20px; width:100px; float:left; margin:10px 0px; line-height:20px; color:#fff; font-size:12px; font-weight:800; font-family:'Lato'; [/class] [div class=nationality]Nationality[/div] [div class=nationality2]Canadian[/div] [/div][/div] [div class=tabcontent2][class=imgtab2] height:50px; width:50px; background:url('https://66.media.tumblr.com/1b4de194815b607e3d6523c9ae35fd34/tumblr_pl1hevX3y41xl20m1o6_400.png'); background-size:100%; border:10px solid #cc7755; border-radius:50%; float:left; margin:10px 10px; [/class] [div class=imgtab2][/div] [class=titletab2] height:80px; color:#fff; float:left; margin-left:0px; line-height:80px; font-family:Arial; font-size:30px; font-family:'Playfair Display'; [/class] [div class=titletab2]Looks?[/div] [class=container2] width:190px; height:160px; float:left; margin:0px 10px; overflow:hidden; color:#fff; font-size:11px; font-family:'Lato'; text-align:justify; line-height:12px; [/class] [class=scrollbar2] width:105%; height:160px; float:left; margin:10px 10px; overflow-y:scroll; [/class] [class=textbox2] width:92%; [/class][div class=container2][div class=scrollbar2][div class=textbox2] lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

[/div][/div][/div][/div] [div class=tabcontent3][class=imgtab3] height:50px; width:50px; background:url('https://66.media.tumblr.com/f93c8f38493317b2cf2513fc03f83724/tumblr_oqq3goHDco1vkbyogo10_250.png'); background-size:100%; border:10px solid #cc7755; border-radius:50%; float:left; margin:10px 10px; [/class] [div class=imgtab3][/div] [class=titletab3] height:80px; color:#fff; float:left; margin-left:0px; line-height:80px; font-family:Arial; font-size:30px; font-family:'Playfair Display'; [/class] [div class=titletab3]Persona?[/div] [class=container3] width:190px; height:160px; float:left; margin:0px 10px; overflow:hidden; color:#fff; font-size:11px; font-family:'Lato'; text-align:justify; line-height:12px; [/class] [class=scrollbar3] width:105%; height:160px; float:left; margin:10px 10px; overflow-y:scroll; [/class] [class=textbox3] width:92%; [/class][div class=container3][div class=scrollbar3][div class=textbox3] lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

[/div][/div][/div][/div] [div class=tabcontent4][class=imgtab4] height:50px; width:50px; background:url('https://66.media.tumblr.com/ec04faa5920340ced8ea1de3b26c492d/tumblr_ol1dxw956i1tmvgjko1_400.png'); background-size:100%; border:10px solid #cc7755; border-radius:50%; float:left; margin:10px 10px; [/class] [div class=imgtab4][/div] [class=titletab4] height:80px; color:#fff; float:left; margin-left:0px; line-height:80px; font-family:Arial; font-size:30px; font-family:'Playfair Display'; [/class] [div class=titletab4]Hist.?[/div] [class=container4] width:190px; height:160px; float:left; margin:0px 10px; overflow:hidden; color:#fff; font-size:11px; font-family:'Lato'; text-align:justify; line-height:12px; [/class] [class=scrollbar4] width:105%; height:160px; float:left; margin:10px 10px; overflow-y:scroll; [/class] [class=textbox4] width:92%; [/class][div class=container4][div class=scrollbar4][div class=textbox4] lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

[/div][/div][/div][/div][/div][/div][div class=major]
code by pasta pasta
[/div]
 
Last edited:
NOT MOBILE FRIENDLY
click the img to get the post and click the x to close it. this a layout i made for one of my fav ocs~ and he's being transferred over to a 1x1 tt

[nobr][class=whole]
width:450px;
margin:auto;
[/class]

[div class=whole][class=allpeachy]
height:220px;
width:200px;
background:#fff;
border:1px solid #000;
border-radius:5px;
float:left;
[/class]

[div class=allpeachy][class=closeit]
height:20px;
width:20px;
background:#000;
border-right:1px solid #fff;
color:#fff;
font-size:10px;
float:left;
text-align:center;
line-height:20px;
[/class]

[class=beau]
height:20px;
width:179px;
background:#000;
border-right:1px solid #fff;
color:#fff;
font-size:8px;
font-weight:800;
line-height:20px;
float:left;
border:0px solid #fff;
botder-top-right-radius:5px;
text-transform:uppercase;
[/class]

[div class=closeit]X[/div][div class=beau][div=float:left;margin-left:5px;]wish you were impaled[/div][/div]

[class=sinyang]
height:180px;
width:180px;
background:url('https://66.media.tumblr.com/aea79855ee38e7ddb3fd05fbd3fb41e1/tumblr_porwzqJvBd1x81mb3o8_250.png');
background-size:100%;
float:left;
margin:10px 10px;[/class]

[div class=sinyang][/div]

[script class=sinyang on=click]
fadeIn 800 post
[/script]

[script class=closeit on=click]
fadeOut 800 post
[/script]

[class name=closeit state=hover]
background:#bb4433;
transition-duration:0.6s;
cursor:pointer;
[/class]

[class name=sinyang state=hover]
transition-duration:0.6s;
cursor:pointer;
[/class]
[/div]

[class=post]
height:220px;
width:200px;
border:1px solid #000;
border-radius:5px;
background:#fff;
display:none;
float:left;
margin:30px -50px;
[/class]

[div class=post][class=container]
width:200px;
height:190px;
float:left;
margin:0px 0px;
overflow:hidden;
color:#000;
font-size:11px;
font-family:'Lato';
text-align:justify;
line-height:12px;
[/class]

[class=scrollbar]
width:105%;
height:190px;
float:left;
margin:10px 10px;
overflow-y:scroll;
[/class]

[class=textbox]
width:92%;
[/class][div class=container][div class=scrollbar][div class=textbox]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
[/div][/div][/div]

[class=love]
height:20px;
width:200px;
background:#000;
color:#fff;
font-size:8px;
font-weight:800;
line-height:20px;
float:left;
margin-top:10px;
border:0px solid #fff;
border-bottom-radius:5px;
botder-top-right-radius:5px;
text-transform:uppercase;
[/class]

[div class=love][div=float:left;margin-left:5px;]β™‘ and injured with love the way i am β™‘[/div][/div]

[class=mood]
height:220px;
width:20px;
background:#000;
float:left;
margin-top:-220px;
margin-left:-380px;
[/class]

[div class=mood][div=color:#fff;font-size:14px;line-height:20px;text-transform:uppercase;text-align:center;]s
[br][/br]
i
[br][/br]
n
[br][/br]
β™‘
[br][/br]
y
[br][/br]
a
[br][/br]
n
[br][/br]
g
[/div]
[/div]

[class=credit]
width:100px;
font-size:10px;
float:left;
margin-top:5px;
margin-left:-300px;
[/class]

[div class=credit]code by @pasta [/div][/div][/div][/nobr]

[class=whole] width:450px; margin:auto; [/class] [div class=whole][class=allpeachy] height:220px; width:200px; background:#fff; border:1px solid #000; border-radius:5px; float:left; [/class] [div class=allpeachy][class=closeit] height:20px; width:20px; background:#000; border-right:1px solid #fff; color:#fff; font-size:10px; float:left; text-align:center; line-height:20px; [/class] [class=beau] height:20px; width:179px; background:#000; border-right:1px solid #fff; color:#fff; font-size:8px; font-weight:800; line-height:20px; float:left; border:0px solid #fff; botder-top-right-radius:5px; text-transform:uppercase; [/class] [div class=closeit]X[/div][div class=beau]
wish you were impaled
[/div] [class=sinyang] height:180px; width:180px; background:url('https://66.media.tumblr.com/aea79855ee38e7ddb3fd05fbd3fb41e1/tumblr_porwzqJvBd1x81mb3o8_250.png'); background-size:100%; float:left; margin:10px 10px;[/class] [div class=sinyang][/div] [script class=sinyang on=click] fadeIn 800 post [/script] [script class=closeit on=click] fadeOut 800 post [/script] [class name=closeit state=hover] background:#bb4433; transition-duration:0.6s; cursor:pointer; [/class] [class name=sinyang state=hover] transition-duration:0.6s; cursor:pointer; [/class] [/div] [class=post] height:220px; width:200px; border:1px solid #000; border-radius:5px; background:#fff; display:none; float:left; margin:30px -50px; [/class] [div class=post][class=container] width:200px; height:190px; float:left; margin:0px 0px; overflow:hidden; color:#000; font-size:11px; font-family:'Lato'; text-align:justify; line-height:12px; [/class] [class=scrollbar] width:105%; height:190px; float:left; margin:10px 10px; overflow-y:scroll; [/class] [class=textbox] width:92%; [/class][div class=container][div class=scrollbar][div class=textbox] lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

[/div][/div][/div] [class=love] height:20px; width:200px; background:#000; color:#fff; font-size:8px; font-weight:800; line-height:20px; float:left; margin-top:10px; border:0px solid #fff; border-bottom-radius:5px; botder-top-right-radius:5px; text-transform:uppercase; [/class] [div class=love]
β™‘ and injured with love the way i am β™‘
[/div] [class=mood] height:220px; width:20px; background:#000; float:left; margin-top:-220px; margin-left:-380px; [/class] [div class=mood]
s
i
n
β™‘
y
a
n
g
[/div] [class=credit] width:100px; font-size:10px; float:left; margin-top:5px; margin-left:-300px; [/class] [div class=credit]code by pasta pasta [/div][/div][/div]
 
skskkksksksskskks theyre all so pretty

your designs are very sleek and pleasant to look at, it's really wonderful

also i see doyoung and i see yukhei and hyuna and edawn and just ;; 10/10
 
NOT MOBILE FRIENDLY
i was messing around and i came up w/ this. click 'send' and the text will send. when you click the camera and mic, the ic post will slide up. click the home icon to go back to the home text page & the text will be reset. i doubt i'll use this for anything. i just thought it was cool fjjnfjfn

[nobr][class=pucklo]
height:60px;
width:438px;
background:#fff;
margin:auto;
border-top:1px solid #9f8c89;
border-left:1px solid #9f8c89;
border-right:1px solid #9f8c89;
shadow:none;
[/class]

[div class=pucklo][class=user]
height:60px;
width:168px;
border-right:1px solid #9f8c89;
color:#fff;
text-shadow:3px 2px 0px #807fab, 0px 0px 5px #807fab;
line-height:60px;
font-family:Lato;
float:left;
font-size:25px;
font-weight:800;
text-align:center;
[/class]

[div class=user]kaleidoscope[/div]

[class=user2]
height:60px;
width:269px;
background:#807fab;
color:#807fab;
text-shadow:3px 2px #fff, -3px -2px #fff;
line-height:60px;
font-family:Lato;
float:left;
font-size:25px;
font-weight:800;
text-align:center;
float:left;[/class]

[div class=user2]browse[/div][/div]

[class=puck]
height:300px;
width:440px;
background:#9f8c89;
margin:auto;
[/class]

[div class=puck][class=puck2]
height:250px;
width:120px;
background:url('https://66.media.tumblr.com/a666c3af1dfb93458a5c2cb51a103d8d/tumblr_pftn6tzxJ81xq963uo7_r1_250.gif');
background-size:130%;
float:left;
background-position:-20px 0px;
margin:25px 25px;
[/class]

[class=puck3]
height:250px;
width:245px;
float:left;
margin-left:0px;
margin-top:25px;
background:#fff
[/class]

[div class=puck2][class=puckop]
height:250px;
width:120px;
background:#928085;
float:left;
opacity:0.6;
[/class]

[div class=puckop][/div][/div][div class=puck3][class=nametitle]
height:40px;
width:100%;
background:#c9a69d;
text-align:center;
color:#fff;
font-family:Arial;
line-height:40px;
font-weight:800;
[/class]

[div class=nametitle]honeypup[/div]

[class=first]
height:20px;
width:110px;
background:#ab7f73;
line-height:20px;
text-align:center;
color:#fff;
font-family:Arial;
border:0px solid #fff;
border-radius:20px;
font-size:12px;
float:left;
margin:10px 10px;
[/class]

[class=second]
height:20px;
width:110px;
background:#807fab;
line-height:20px;
text-align:center;
color:#fff;
font-family:Arial;
border:0px solid #fff;
border-radius:20px;
font-size:12px;
float:right;
margin:10px 10px;
[/class]

[class=third]
height:20px;
width:140px;
background:#ab7f73;
line-height:20px;
text-align:center;
color:#fff;
font-family:Arial;
border:0px solid #fff;
border-radius:20px;
font-size:12px;
float:left;
margin:10px 10px;
[/class]

[class=fourth]
height:20px;
width:140px;
background:#807fab;
line-height:20px;
text-align:center;
color:#fff;
font-family:Arial;
border:0px solid #fff;
border-radius:20px;
font-size:12px;
float:right;
margin:-70px 10px;
display:none;[/class]

[class=sendbox]
height:30px;
width:100%;
background:#c9a69d;
float:left;
margin-top:60px;
[/class]

[div class=first]
where are you?[/div]

[div class=second]crying in a stall.[/div]

[div class=third]i'll come pick you up :00[/div]

[script class=send on=click]
fadeIn 800 fourth
fadeOut 800 sendtext
[/script]

[script class=lineup on=click]
fadeIn 800 post
slideUp 600 puck3
[/script]

[div class=sendbox][class=bordertextmsg]
height:20px;
width:140px;
background:#fff;
border:0px solid #fff;
border-radius:20px;
font-size:10px;
line-height:20px;
color:#000;
text-align:center;
float:left;
margin:5px 5px;
[/class]

[div class=bordertextmsg][class=sendtext]
font-size:11px;
line-height:20px;
color:#000;
text-align:center;[/class]

[div class=sendtext]will you buy me a drink?[/div][/div][class=lineup]
height:20px;
float:left;
margin:5px 5px;
color:#807fab;
font-size:15px;
line-height:20px;
letter-spacing:2px;
cursor:pointer;
[/class]

[class name=lineup state=hover]
color:#928085;
[/class]

[div class=lineup][fa]fa-camera[/fa] [fa]fa-microphone[/fa][/div]

[class=send]
height:20px;
width:45px;
float:left;
margin-top:5px;
cursor:pointer;
background:#807fab;
border:0px solid #fff;
border-radius:20px;
line-height:20px;
font-size:10px;
color:#fff;
text-align:center;
[/class]

[class name=send state=hover]
background:#928085;
color:#fff;
[/class]

[div class=send]SEND[/div][/div]

[div class=fourth]will you buy me a drink?[/div][/div]

[class=post]
display:none;
background:#fff;
height:250px;
width:245px;
float:left;
margin-top:25px;
[/class]

[div class=post][class=howto]
height:30px;
width:100%;
border-bottom:5px solid #9f8c89;
color:#c9a69d;
line-height:30px;
font-family:Lato;
font-size:15px;
font-weight:800;
[/class]

[div class=howto][class=homereturn]
width:30px;
height:30px;
border-right:5px solid #9f8c89;
color:#807fab;
line-height:30px;
font-family:Lato;
font-size:15px;
font-weight:800;
float:left;
cursor:pointer;
text-align:center;
[/class]

[script class=homereturn on=click]
fadeOut 1000 post
slideDown 1000 puck3
fadeIn 1000 sendtext
fadeOut 1000 fourth
[/script]

[div class=homereturn][fa]fa-home[/fa][/div]

[class=heylookie]
color:#9f8c89;
line-height:30px;
font-family:Lato;
font-size:15px;
font-weight:800;
float:left;
text-align:center;
margin-left:5px;
[/class]

[div class=heylookie]Puck - Joo Min Jin[/div]
[/div]

[class=container1]
width:250px;
height:205px;
float:left;
margin:0px -17px;
overflow:hidden;
color:#666;
font-size:11px;
font-family:'Lato';
text-align:justify;
line-height:12px;
margin:auto;
[/class]

[class=scrollbar1]
width:105%;
height:205px;
float:left;
margin:10px 10px;
overflow-y:scroll;
[/class]

[class=textbox1]
width:92%;
[/class][div class=container1][div class=scrollbar1][div class=textbox1]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
[/div][/div][/div]
[/div][/div][/nobr][center][size=1]code by [USER=27673]@pasta[/USER][/size][/center]

[class=pucklo] height:60px; width:438px; background:#fff; margin:auto; border-top:1px solid #9f8c89; border-left:1px solid #9f8c89; border-right:1px solid #9f8c89; shadow:none; [/class] [div class=pucklo][class=user] height:60px; width:168px; border-right:1px solid #9f8c89; color:#fff; text-shadow:3px 2px 0px #807fab, 0px 0px 5px #807fab; line-height:60px; font-family:Lato; float:left; font-size:25px; font-weight:800; text-align:center; [/class] [div class=user]kaleidoscope[/div] [class=user2] height:60px; width:269px; background:#807fab; color:#807fab; text-shadow:3px 2px #fff, -3px -2px #fff; line-height:60px; font-family:Lato; float:left; font-size:25px; font-weight:800; text-align:center; float:left;[/class] [div class=user2]browse[/div][/div] [class=puck] height:300px; width:440px; background:#9f8c89; margin:auto; [/class] [div class=puck][class=puck2] height:250px; width:120px; background:url('https://66.media.tumblr.com/a666c3af1dfb93458a5c2cb51a103d8d/tumblr_pftn6tzxJ81xq963uo7_r1_250.gif'); background-size:130%; float:left; background-position:-20px 0px; margin:25px 25px; [/class] [class=puck3] height:250px; width:245px; float:left; margin-left:0px; margin-top:25px; background:#fff [/class] [div class=puck2][class=puckop] height:250px; width:120px; background:#928085; float:left; opacity:0.6; [/class] [div class=puckop][/div][/div][div class=puck3][class=nametitle] height:40px; width:100%; background:#c9a69d; text-align:center; color:#fff; font-family:Arial; line-height:40px; font-weight:800; [/class] [div class=nametitle]honeypup[/div] [class=first] height:20px; width:110px; background:#ab7f73; line-height:20px; text-align:center; color:#fff; font-family:Arial; border:0px solid #fff; border-radius:20px; font-size:12px; float:left; margin:10px 10px; [/class] [class=second] height:20px; width:110px; background:#807fab; line-height:20px; text-align:center; color:#fff; font-family:Arial; border:0px solid #fff; border-radius:20px; font-size:12px; float:right; margin:10px 10px; [/class] [class=third] height:20px; width:140px; background:#ab7f73; line-height:20px; text-align:center; color:#fff; font-family:Arial; border:0px solid #fff; border-radius:20px; font-size:12px; float:left; margin:10px 10px; [/class] [class=fourth] height:20px; width:140px; background:#807fab; line-height:20px; text-align:center; color:#fff; font-family:Arial; border:0px solid #fff; border-radius:20px; font-size:12px; float:right; margin:-70px 10px; display:none;[/class] [class=sendbox] height:30px; width:100%; background:#c9a69d; float:left; margin-top:60px; [/class] [div class=first] where are you?[/div] [div class=second]crying in a stall.[/div] [div class=third]i'll come pick you up :00[/div] [script class=send on=click] fadeIn 800 fourth fadeOut 800 sendtext [/script] [script class=lineup on=click] fadeIn 800 post slideUp 600 puck3 [/script] [div class=sendbox][class=bordertextmsg] height:20px; width:140px; background:#fff; border:0px solid #fff; border-radius:20px; font-size:10px; line-height:20px; color:#000; text-align:center; float:left; margin:5px 5px; [/class] [div class=bordertextmsg][class=sendtext] font-size:11px; line-height:20px; color:#000; text-align:center;[/class] [div class=sendtext]will you buy me a drink?[/div][/div][class=lineup] height:20px; float:left; margin:5px 5px; color:#807fab; font-size:15px; line-height:20px; letter-spacing:2px; cursor:pointer; [/class] [class name=lineup state=hover] color:#928085; [/class] [div class=lineup] [/div] [class=send] height:20px; width:45px; float:left; margin-top:5px; cursor:pointer; background:#807fab; border:0px solid #fff; border-radius:20px; line-height:20px; font-size:10px; color:#fff; text-align:center; [/class] [class name=send state=hover] background:#928085; color:#fff; [/class] [div class=send]SEND[/div][/div] [div class=fourth]will you buy me a drink?[/div][/div] [class=post] display:none; background:#fff; height:250px; width:245px; float:left; margin-top:25px; [/class] [div class=post][class=howto] height:30px; width:100%; border-bottom:5px solid #9f8c89; color:#c9a69d; line-height:30px; font-family:Lato; font-size:15px; font-weight:800; [/class] [div class=howto][class=homereturn] width:30px; height:30px; border-right:5px solid #9f8c89; color:#807fab; line-height:30px; font-family:Lato; font-size:15px; font-weight:800; float:left; cursor:pointer; text-align:center; [/class] [script class=homereturn on=click] fadeOut 1000 post slideDown 1000 puck3 fadeIn 1000 sendtext fadeOut 1000 fourth [/script] [div class=homereturn][/div] [class=heylookie] color:#9f8c89; line-height:30px; font-family:Lato; font-size:15px; font-weight:800; float:left; text-align:center; margin-left:5px; [/class] [div class=heylookie]Puck - Joo Min Jin[/div] [/div] [class=container1] width:250px; height:205px; float:left; margin:0px -17px; overflow:hidden; color:#666; font-size:11px; font-family:'Lato'; text-align:justify; line-height:12px; margin:auto; [/class] [class=scrollbar1] width:105%; height:205px; float:left; margin:10px 10px; overflow-y:scroll; [/class] [class=textbox1] width:92%; [/class][div class=container1][div class=scrollbar1][div class=textbox1] lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

[/div][/div][/div] [/div][/div]
code by pasta pasta
 

Users who are viewing this thread

Back
Top