verlec
oop
im moving this thread, and everything else, to a new account. ill be making a new thread and posting new codes from there in future.
Last edited:
Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature currently requires accessing the site using the built-in Safari browser.
I DON'T KNOW HOW YOU DID IT BUT I LOVE YOU TEACH ME YOUR WAYSnot for use
.
.
.
.
.
.
.
.come to think of it
love is like a cigarette
burning at the tip of it, but quick to burn out
like a cigarette, it may get you sick
but you'll never get sick of it
so light one up now
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.─ name here ─
name
age
statusenter message...
now playingSober II (Melodrama) ─ Lor...
about me
"as the smoke from her lips bleeds into the atmosphere
no ashes here, no dust"
biography
"she gives life to my world with a 'can i get a light?'
ignite a match
she leans in to catch it"
.
.
.
.
.
I DON'T KNOW HOW YOU DID IT BUT I LOVE YOU TEACH ME YOUR WAYS
I C O N I Cnot for use
.
.
.
.
.
.
.
.come to think of it
love is like a cigarette
burning at the tip of it, but quick to burn out
like a cigarette, it may get you sick
but you'll never get sick of it
so light one up now
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.─ name here ─
name
age
statusenter message...
now playingSober II (Melodrama) ─ Lor...
about me
"as the smoke from her lips bleeds into the atmosphere
no ashes here, no dust"
biography
"she gives life to my world with a 'can i get a light?'
ignite a match
she leans in to catch it"
.
.
.
.
.
nOyou are a god
They all look great :0
Are you gonna make mobile friendlies in the future?
this is amazing. i fuckin love it
also the username :,)
This is so fuckigng good!!! I've tried to make an instagram type of code before but I could never make it this accurate! I really do hope to see more of your codes soona work in progress; instagram layout - may be up for free use when its done !
jeoncenaincheon international airport, south koreaLiked by y_ugyeom, agustd and 3,089 othersjeoncenaView all 327 commentssunshinehobiwhere are u guys going @strawberryjimin2hours agocaramel_lattaedaegu, south koreaLiked by jeoncena, choi_minho and 5,163 otherscaramel_lattaeyoongi hyung came~ @agustdView all 487 comments4hours agopinkjinseoul, south koreaLiked by sunshinehobi, rapmonnie and 814 otherspinkjinjjanguView all 107 comments1hour ago- 2
direct4 message requestscaramel_lattaejiminnn?!?!??!?!??!?now
pinkjinPARK JIMIN WHERE ARE YOU TWO GOIN..33m
rapmonnieImage Sent1h
leetaemin93sorry hyung !! we should be bakc next wee..2h
agustdVideo1d
y_ugyeomyeah he's here1d 2 3 4 5
This is so fuckigng good!!! I've tried to make an instagram type of code before but I could never make it this accurate! I really do hope to see more of your codes soon
omg youtube sounds cool
this was supposed to be completely transparent, and it is when on the white themes. i put a white background behind the cs that you can only see on the dark themes, otherwise this cs doesn't look anywhere near good. as always, my code is a fucking mess. dont use it unless u want a headache (:
accordion front image, click the name at the top (you can change it)
6 images in total
3 tabs
3 music options (the icons at the side are clickable) - change them in the souncloud section of the code, and use soundcloud links
im jaebum
basicsname: im jaebum
age: 23
gender: male
sexuality: heterosexual
ethnicity: korean
residence: south korea
all the glamour
and the trauma
and the fucking
m e l o d r a m a
all the glamour
and the trauma
and the fucking
m e l o d r a m a- x
personalityLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque egestas sem quis consectetur auctor. Maecenas aliquet viverra sapien, non facilisis felis dapibus sed. Donec eu purus et eros sodales hendrerit et eget tellus. Cras quis elementum tortor. Nulla rhoncus a turpis vestibulum tempor. Fusce rutrum tempus odio, ut interdum leo. Morbi gravida venenatis nunc sit amet consectetur. Praesent congue euismod efficitur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut vitae augue ornare, sagittis arcu vel, iaculis nulla. Nulla faucibus nec enim vel molestie. Mauris viverra interdum sagittis. Nunc semper mattis erat, a congue eros lobortis sit amet. Donec eget tortor et lorem ornare fermentum ac at magna. Quisque sit amet felis neque.
Integer in quam hendrerit, molestie massa sit amet, mollis elit. Fusce consectetur a eros eu tincidunt. Proin a cursus felis. Aliquam erat volutpat. In hac habitasse platea dictumst. Vivamus eu massa varius, porttitor ipsum mollis, auctor nunc. Duis non lectus consectetur mauris porttitor consequat sit amet id turpis. Etiam eu pulvinar nibh. Vivamus volutpat nisi pulvinar, rutrum arcu sit amet, sagittis quam. Pellentesque et commodo dui. Aenean sagittis tellus eu commodo scelerisque. Suspendisse potenti. Sed odio ex, tempor in diam ut, feugiat aliquet libero. Donec suscipit commodo dui, a iaculis nulla.likes- one
- two
- three
- fourdislikes- one
- two
- three
- four- x
historyLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque egestas sem quis consectetur auctor. Maecenas aliquet viverra sapien, non facilisis felis dapibus sed. Donec eu purus et eros sodales hendrerit et eget tellus. Cras quis elementum tortor. Nulla rhoncus a turpis vestibulum tempor. Fusce rutrum tempus odio, ut interdum leo. Morbi gravida venenatis nunc sit amet consectetur. Praesent congue euismod efficitur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut vitae augue ornare, sagittis arcu vel, iaculis nulla. Nulla faucibus nec enim vel molestie. Mauris viverra interdum sagittis. Nunc semper mattis erat, a congue eros lobortis sit amet. Donec eget tortor et lorem ornare fermentum ac at magna. Quisque sit amet felis neque.
Integer in quam hendrerit, molestie massa sit amet, mollis elit. Fusce consectetur a eros eu tincidunt. Proin a cursus felis. Aliquam erat volutpat. In hac habitasse platea dictumst. Vivamus eu massa varius, porttitor ipsum mollis, auctor nunc. Duis non lectus consectetur mauris porttitor consequat sit amet id turpis. Etiam eu pulvinar nibh. Vivamus volutpat nisi pulvinar, rutrum arcu sit amet, sagittis quam. Pellentesque et commodo dui. Aenean sagittis tellus eu commodo scelerisque. Suspendisse potenti. Sed odio ex, tempor in diam ut, feugiat aliquet libero. Donec suscipit commodo dui, a iaculis nulla.
code by taesthetic
Code:[centerblock=50][div=background: #fafafa; height: 410px; width: 405px; padding: 50px;][div=background: transparent; margin-top: -10px; height: 405px; width: 400px; position: relative; overflow: hidden;][div=background: black; height: 1px; width: 120px; position: absolute; margin-top: 10px; margin-left: -1px][/div][div=background: black; height: 1px; width: 120px; position: absolute; margin-top: 10px; margin-left: 280px;][/div][border=0px solid transparent][div=visibility: hidden; margin-left: 0px; margin-top: -38px;][accordion=100%]{slide=center|open|[div=visibility: visible; margin-top: 10px; margin-left: -110px; font-size:9px][fa]fa-sort-down[/fa][/div][div=visibility: visible; margin-top: -12px; margin-left: 110px; font-size:9px][fa]fa-sort-down[/fa][/div][div=visibility: visible; margin-top: -13px; font-weight: lighter; letter-spacing: 3px; font-size: 12px; color: black;][font=Muli]im jaebum[/font][/div]}[div=visibility: visible;][div=background: transparent; margin-top: -5px; margin-left: -5px; height: 370px; width: 375px; position: relative;][div=background: transparent; margin-left: 5px; margin-top: 5px; position: relative; height: 175px; width: 175px; pointer-events: none;][img]https://68.media.tumblr.com/bc71a6bb5e49c95f2e94c318dc8bf517/tumblr_oqdp0yy9wC1vbrnq7o1_500.gif[/img][/div][div=background: transparent; margin-left: 195px; margin-top: -175px; position: relative; height: 175px; width: 175px; pointer-events: none;][img]https://i.imgur.com/HgQSTNB.gif[/img][/div][div=background: transparent; margin-left: 5px; margin-top: 15px; position: relative; height: 175px; width: 175px; pointer-events: none;][img]https://i.imgur.com/C3DY94k.gif[/img][/div][div=background: transparent; margin-left: 195px; margin-top: -175px; position: relative; height: 175px; width: 175px; pointer-events: none;][img]https://68.media.tumblr.com/350850596c94a1b104ee111f79fab36c/tumblr_oqdp0yy9wC1vbrnq7o6_500.gif[/img][/div][/div][/div]{/slide}[/accordion][/div][/border][div=background: transparent; margin-top: -25px; margin-left: 20px; height: 380px; width: 380px;][div=margin-left: -12px; margin-top: 350px; width: 400px;][tabs] [tab=1][div=visibility: visible; background: transparent; height: 335px; width: 330px; margin-left: -8px; margin-top: -400px; position: absolute;][div=background: #b7b7b7; height: 20px; width: 1px; position: absolute; margin-top: 130px; margin-left: 70px;][/div][div=background: #b7b7b7; height: 50px; width: 1px; position: absolute; margin-top: 295px; margin-left: 70px;][/div][div=background: transparent; height: 110px; width: 110px; overflow: hidden; border: 0.5px solid #222222; pointer-events: none; margin-top: 20px; margin-left: 25px; z-index: 1;][img]https://i.imgur.com/88ySl7K.jpg[/img][/div][div=background: transparent; height: 110px; width: 110px; overflow: hidden; border: 0.5px solid #222222; pointer-events: none; margin-top: 70px; margin-left: 190px; z-index: 1; position: absolute;][img]https://i.imgur.com/Y3vQqKu.jpg[/img][/div][div=font-size: 18px; font-variant: small-caps; letter-spacing: 2px; margin-left: 50px; color: black; margin-top: 15px;][font=Patua One]basics[/font][/div][div=margin-left: 15px; margin-top: 0px; line-height: 20px; font-size: 10px; color: black; letter-spacing: 0.5px;]name: [i]im jaebum[/i] age: [i]23[/i] gender: [i]male[/i] sexuality: [i]heterosexual[/i] ethnicity: [i]korean[/i] residence: [i]south korea[/i][/div][div=width: 130px; line-height: 25px; font-size: 13px; color: white; letter-spacing: 2px; margin-top: -260px; margin-left: 174px; z-index: 1;][font=Patua One][right][i]all the glamour and the trauma and the fucking[/i] m e l o d r a m a[/right][/font][/div][div=width: 130px; line-height: 25px; font-size: 13px; color: #b7b7b7; letter-spacing: 2px; margin-top: -100px; margin-left: 170px;][font=Patua One][right][i]all the glamour and the trauma and the fucking[/i] m e l o d r a m a[/right][/font][/div][div=background: #b7b7b7; pointer-events: none; height: 1px; width: 55px; position: absolute; margin-top: 29px; margin-left: -10px; z-index: 1;][/div][/div][div=margin-top: -57px; margin-left: 22px; color: black; font-size: 20px; position: absolute; z-index: 10; pointer-events: none;][fa]fa-heart[/fa][/div][/tab] [tab=xxxx]x[/tab] [tab=2][div=visibility: visible; background: transparent; height: 335px; width: 330px; margin-left: -8px; margin-top: -400px; position: absolute;][div=font-size: 18px; font-variant: small-caps; letter-spacing: 2px; margin-left: 10px; color: black; margin-top: 5px;][font=Patua One]personality[/font][/div][div=background: transparent; height: 300px; width: 330px; overflow: hidden; position: absolute; margin-top: 5px;][div=background: transparent; height: 170px; width: 330px; padding-right: 17px; position: relative; overflow: auto;][div=margin-left: 25px; margin-top: 0px; line-height: 20px; font-size: 10px; color: black; letter-spacing: 0.5px;][justify]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque egestas sem quis consectetur auctor. Maecenas aliquet viverra sapien, non facilisis felis dapibus sed. Donec eu purus et eros sodales hendrerit et eget tellus. Cras quis elementum tortor. Nulla rhoncus a turpis vestibulum tempor. Fusce rutrum tempus odio, ut interdum leo. Morbi gravida venenatis nunc sit amet consectetur. Praesent congue euismod efficitur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut vitae augue ornare, sagittis arcu vel, iaculis nulla. Nulla faucibus nec enim vel molestie. Mauris viverra interdum sagittis. Nunc semper mattis erat, a congue eros lobortis sit amet. Donec eget tortor et lorem ornare fermentum ac at magna. Quisque sit amet felis neque. Integer in quam hendrerit, molestie massa sit amet, mollis elit. Fusce consectetur a eros eu tincidunt. Proin a cursus felis. Aliquam erat volutpat. In hac habitasse platea dictumst. Vivamus eu massa varius, porttitor ipsum mollis, auctor nunc. Duis non lectus consectetur mauris porttitor consequat sit amet id turpis. Etiam eu pulvinar nibh. Vivamus volutpat nisi pulvinar, rutrum arcu sit amet, sagittis quam. Pellentesque et commodo dui. Aenean sagittis tellus eu commodo scelerisque. Suspendisse potenti. Sed odio ex, tempor in diam ut, feugiat aliquet libero. Donec suscipit commodo dui, a iaculis nulla.[/justify][/div][/div][div=margin-top: 10px;][row][column=span4][div=font-size: 18px; font-variant: small-caps; letter-spacing: 2px; color: black; margin-left: 10px;][font=Patua One]likes[/font][/div][div=margin-left: 25px; margin-top: 0px; line-height: 20px; font-size: 10px; color: black; letter-spacing: 0.5px;][i]- one - two - three - four[/i][/div][/column][column=span4][div=font-size: 18px; font-variant: small-caps; letter-spacing: 2px; color: black; margin-left: 10px;][font=Patua One]dislikes[/font][/div][div=margin-left: 25px; margin-top: 0px; line-height: 20px; font-size: 10px; color: black; letter-spacing: 0.5px;][i]- one - two - three - four[/i][/div][/column][/row][/div][/div][div=background: #b7b7b7; pointer-events: none; height: 1px; width: 110px; position: absolute; margin-top: 200px; margin-left: 60px; z-index: 1;][/div][div=background: #b7b7b7; pointer-events: none; height: 1px; width: 245px; position: absolute; margin-top: -10px; margin-left: 120px; z-index: 1;][/div][/div][div=margin-top: -57px; margin-left: 159px; color: black; font-size: 20px; position: absolute; z-index: 10; pointer-events: none;][fa]fa-heart[/fa][/div][/tab] [tab=xxxx]x[/tab] [tab=3][div=visibility: visible; background: transparent; height: 335px; width: 330px; margin-left: -8px; margin-top: -400px; position: absolute;][div=font-size: 18px; font-variant: small-caps; letter-spacing: 2px; margin-left: 10px; color: black; margin-top: 5px;][font=Patua One]history[/font][/div][div=background: transparent; height: 295px; width: 330px; overflow: hidden; position: absolute; margin-top: 5px;][div=background: transparent; height: 295px; width: 330px; padding-right: 17px; position: relative; overflow: auto;][div=margin-left: 25px; margin-top: 0px; line-height: 20px; font-size: 10px; color: black; letter-spacing: 0.5px;][justify]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque egestas sem quis consectetur auctor. Maecenas aliquet viverra sapien, non facilisis felis dapibus sed. Donec eu purus et eros sodales hendrerit et eget tellus. Cras quis elementum tortor. Nulla rhoncus a turpis vestibulum tempor. Fusce rutrum tempus odio, ut interdum leo. Morbi gravida venenatis nunc sit amet consectetur. Praesent congue euismod efficitur. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut vitae augue ornare, sagittis arcu vel, iaculis nulla. Nulla faucibus nec enim vel molestie. Mauris viverra interdum sagittis. Nunc semper mattis erat, a congue eros lobortis sit amet. Donec eget tortor et lorem ornare fermentum ac at magna. Quisque sit amet felis neque. Integer in quam hendrerit, molestie massa sit amet, mollis elit. Fusce consectetur a eros eu tincidunt. Proin a cursus felis. Aliquam erat volutpat. In hac habitasse platea dictumst. Vivamus eu massa varius, porttitor ipsum mollis, auctor nunc. Duis non lectus consectetur mauris porttitor consequat sit amet id turpis. Etiam eu pulvinar nibh. Vivamus volutpat nisi pulvinar, rutrum arcu sit amet, sagittis quam. Pellentesque et commodo dui. Aenean sagittis tellus eu commodo scelerisque. Suspendisse potenti. Sed odio ex, tempor in diam ut, feugiat aliquet libero. Donec suscipit commodo dui, a iaculis nulla.[/justify][/div][/div][/div][div=background: #b7b7b7; pointer-events: none; height: 1px; width: 285px; position: absolute; margin-top: -10px; margin-left: 80px; z-index: 1;][/div][/div][div=margin-top: -57px; margin-left: 297px; color: black; font-size: 20px; position: absolute; z-index: 10; pointer-events: none;][fa]fa-heart[/fa][/div][/tab] [/tabs][/div][div=background: transparent; visibility: visible; position: absolute; margin-top: -200px; margin-left: 350px;][div=height: 15px; width: 15px; position: absolute; overflow: hidden;][div=margin-left: -22px; margin-top: -20px; width: 800%; opacity: 0;][media=soundcloud]https://soundcloud.com/offonoff/mind[/media][/div][/div][div=position: absolute; margin-left: 3px; margin-top: -4px; pointer-events: none; font-size: 16px; color: black;][fa]fa-step-forward[/fa][/div][/div][div=background: transparent; visibility: visible; position: absolute; margin-top: -260px; margin-left: 350px;][div=height: 15px; width: 15px; position: absolute; overflow: hidden;][div=margin-left: -22px; margin-top: -20px; width: 800%; opacity: 0;][media=soundcloud]https://soundcloud.com/iamblackbear/runnin-low[/media][/div][/div][div=position: absolute; margin-left: 3px; margin-top: -4px; pointer-events: none; font-size: 16px; color: black;][fa]fa-play[/fa][/div][/div][div=background: transparent; visibility: visible; position: absolute; margin-top: -320px; margin-left: 350px;][div=height: 15px; width: 15px; position: absolute; overflow: hidden;][div=margin-left: -22px; margin-top: -20px; width: 800%; opacity: 0;][media=soundcloud]https://soundcloud.com/twofeetmusic/her-life[/media][/div][/div][div=position: absolute; margin-left: 3px; margin-top: -4px; pointer-events: none; font-size: 16px; color: black;][fa]fa-step-backward[/fa][/div][/div][div=background: #dbdbdb; height: 30px; width: 360px; position: absolute; margin-left: 0px; margin-top: -74px; pointer-events: none;][/div][div=background: #b7b7b7; pointer-events: none; height: 1px; width: 380px; position: absolute; margin-top: -60px; margin-left: -10px; z-index: 1;][/div][div=background: #b7b7b7; pointer-events: none; height: 400px; width: 1px; position: absolute; margin-top: -420px; margin-left: 338px; z-index: 1;][/div][div=background: transparent; height: 25px; width: 76px; z-index: 1; position: absolute; margin-top: -70px; margin-left: 71px;][/div][div=background: transparent; height: 20px; width: 53px; pointer-events: none; z-index: 1; position: absolute; margin-top: -70px; margin-left: 13px;][center][div=margin-top: -3px; color: white; font-size: 20px;][fa]fa-heart[/fa][/div][/center][/div][div=background: transparent; height: 20px; width: 53px; pointer-events: none; z-index: 1; position: absolute; margin-top: -70px; margin-left: 151px;][center][div=margin-top: -3px; color: white; font-size: 20px;][fa]fa-heart[/fa][/div][/center][/div][div=background: transparent; height: 25px; width: 76px; z-index: 1; position: absolute; margin-top: -70px; margin-left: 208px;][/div][div=background: transparent; height: 20px; width: 53px; pointer-events: none; z-index: 1; position: absolute; margin-top: -70px; margin-left: 288px;][center][div=margin-top: -3px; color: white; font-size: 20px;][fa]fa-heart[/fa][/div][/center][/div][/div][/div] [div=background: black; height: 404px; width: 1px; position: absolute; margin-top: -416px; margin-left: 399px;][/div][div=background: black; height: 404px; width: 1px; position: absolute; margin-top: -416px; margin-left: 0px;][/div][div=background: black; height: 1px; width: 400px; position: absolute; margin-top: -13px; margin-left: 0px;][/div][border=0px solid transparent][div=visibility: hidden; margin-left: -28px; margin-top: -38px;][accordion=100%]{slide=center|[div=visibility: visible;][div=font-weight: lighter; font-size: 7px; letter-spacing: 3px;][i]code by taesthetic[/i][/div]}[div=visibility: visible; font-variant: small-caps; font-size: 8px; letter-spacing: 1px; margin-top: -10px;][center][url=https://www.rpnation.com/threads/─-tae-code-dump-☾.359375/#post-8262989]─ tae ; code dump ☾[/url][/center][/div]{/slide}[/div][/accordion][/div][/border][/div][/centerblock]
how do you change the front images on the code ?? 0';
how do you change the front images on the code ?? 0';