What's new

Resource your favorite housplants coding

#1

houseplant
hello there everyone ! my name is brooke, and I'm currently trying to learn bbcode+ and just get myself slowly back into coding.

most of these are kind of messy so please be careful but feel free to change colors if you want.

please keep the credit if you do use these codes, and I may start taking requests to help better myself with more pressure.
 
#2
this genuinely took me 3 days because my dumbass wanted to use tabs

super messy and kinda gross?? couldn't figure out what I wanted to put on the first one but uhh, here it is.

moon
I
II
III
taeil

Basics

name:.
age:.
gender:.
sexuality:.
role:.

likes
▶ like here
▶ like here
▶ like here
▶ like here
▶ like here
dislikes
▶ like here
▶ like here
▶ like here
▶ like here
▶ like here






Personality


Personality
History

history here kiddos
code by @houseplant
 
#3
v simple tabs just hover over the two pink boxes hiding behind the picture

i just really love iu
Code:
[nobr]
[centerblock=60]

[class=container]
width:500px;
height:550px;
background:#fafafa;
margin:auto;
cursor:url(https://i.imgur.com/EpbTpoA.png?1),auto;
border-top: 3px solid pink;
border-bottom: 3px solid pink;
[/class]

[class=hover]
background-color:#BF968C;
padding: 10px;
Height: 10px;
Width: 100px;
cursor:url(https://i.imgur.com/EpbTpoA.png?1),auto;
margin-left: 40px;
transition-duration: 0.7s;
z-index:-1;
color:transparent;
margin-top:5px;
letter-spacing:3px;
[/class]

[class name=hover state=hover]
background-color:#CF8D81;
margin-left: 110px;
color:#ffffff;
width:150px;
[/class]

[class=tab1]
display: inline;
[/class]
[class=tab2]
display: inline;
[/class]

[class=tab1txt]
display: none;
[/class]
[class=tab2txt]
display: none;
[/class]

[script class=basiccont]
hide tab1txt
hide tab2txt
[/script]

[script class=firstpg]
hide tab1txt
hide tab2txt
[/script]

[script class=tab1 on=click]
show tab1txt 
hide tab2txt
[/script]

[script class=tab2 on=click]
show tab2txt
hide tab1txt
[/script]

[script class=hover]
hide tab1txt
hide tab2txt
[/script]


[class=title1]
width:450px;
text-align:left;
font-size:20px;
color:pink;
text-shadow:2px 2px 0px #708090;
position:relative;
top:-30px;
left: 150px;
[/class]

[class=basiccont]
width:490px;
height:385px;
background:#fafafa;
margin:auto;
border: 0px solid #CF8D81;
cursor:url(https://i.imgur.com/EpbTpoA.png?1),auto;
margin:auto;
overflow: hidden;
[/class]

[class=hiddenscroll]
width: 100%;
height: 98%;
padding-right: 17px;
overflow-y: scroll;
[/class]


[class=img1]
width:128px;
height:128px;
background:url('https://66.media.tumblr.com/373465c04c8924b3739d5d5a334e5153/tumblr_pjjktmxkV91wrvgau_640.jpg');
background-size:100%;
margin:auto;center;
border:4px solid #D3D3D3;
border-radius:10px;
float-left: -9px;
float: left;
[/class]

[class=firstpg]
width:480px;
height:360px;
background:#fafafa;
margin:auto;
border: 0px solid #CF8D81;
cursor:url(https://i.imgur.com/EpbTpoA.png?1),auto;
margin:auto;
float:center;
overflow: hidden;
[/class]

[class=img2]
width:110px;
height:110px;
background:url('https://66.media.tumblr.com/58ece7651a9b2c5a3b500e33feb13b3d/tumblr_opj4abGPCT1uvjaajo5_400.png');
background-size:100%;
margin:auto;center;
border:1px solid     #D3D3D3;
border-radius:70px;
float: left;
[/class]

[class=img3]
width:110px;
height:110px;
background:url('https://66.media.tumblr.com/a9279309a2ea742df27fbfee5a821c1e/tumblr_opj4abGPCT1uvjaajo6_500.png');
background-size:100%;
border:1px solid     #D3D3D3;
border-radius:70px;
margin:auto;center;
float: left;
[/class]

[class=img4]
width:110px;
height:110px;
background:url('https://66.media.tumblr.com/bd7ea193f9e75e0759d064f2d96cf7be/tumblr_opj4abGPCT1uvjaajo1_500.png');
background-size:100%;
border:1px solid     #D3D3D3;
border-radius:70px;
float: left;
margin:auto;center;
[/class]

[class=img5]
width:110px;
height:110px;
background:url('https://66.media.tumblr.com/f60f1320a8dcb3532879bbf754832643/tumblr_oos71mJTGJ1w8pc4so1_400.png');
background-size:100%;
border:1px solid     #D3D3D3;
border-radius:70px;
margin:auto;center;
float: left;
[/class]

[div class=container][div class=img1][/div][div class=hover][div class=tab1]persona[/div][/div]
[div class=hover][div class=tab2]history[/div][/div][div class=title1]yellow c a r d[/div]

[br][/br][br][/br][br][/br][bg=#ffaaad; padding:0; margin:3px; height:3px][bg=COLOR; padding:0; height:3px; width:PROGRESS 100%][bg=transparent; display:none]...[/bg][/bg][/bg]
[div class=firstpg]
[div class=img2][/div][div class=img3][/div][div class=img4][/div][div class=img5][/div]

[div class=basiccont][div class=hiddenscroll][div class=tab1txt]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Odio eu feugiat pretium nibh ipsum. Malesuada pellentesque elit eget gravida cum sociis. Non blandit massa enim nec dui nunc mattis enim. Adipiscing enim eu turpis egestas pretium aenean pharetra. Lobortis elementum nibh tellus molestie nunc non blandit massa enim. Ut porttitor leo a diam. Vitae aliquet nec ullamcorper sit. Ultrices vitae auctor eu augue ut lectus. Tristique et egestas quis ipsum suspendisse ultrices gravida dictum fusce. Aliquet risus feugiat in ante metus dictum at tempor. Quisque sagittis purus sit amet volutpat. Ultrices sagittis orci a scelerisque purus semper eget.

A iaculis at erat pellentesque adipiscing. Cras fermentum odio eu feugiat pretium. Pretium viverra suspendisse potenti nullam ac tortor. Quisque id diam vel quam elementum pulvinar. Viverra suspendisse potenti nullam ac. Leo urna molestie at elementum eu facilisis. Sed egestas egestas fringilla phasellus. Morbi non arcu risus quis varius quam quisque. Cursus risus at ultrices mi tempus imperdiet. Sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque eu. Volutpat sed cras ornare arcu dui. Quam id leo in vitae turpis massa. Risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Pulvinar elementum integer enim neque volutpat ac tincidunt vitae. Molestie at elementum eu facilisis sed odio morbi quis. Nulla facilisi etiam dignissim diam.

Mauris pellentesque pulvinar pellentesque habitant. Et malesuada fames ac turpis. Imperdiet proin fermentum leo vel orci porta non pulvinar. Cursus euismod quis viverra nibh cras pulvinar mattis nunc sed. Massa id neque aliquam vestibulum morbi blandit cursus risus. Pulvinar sapien et ligula ullamcorper. Cursus in hac habitasse platea dictumst quisque. Pellentesque habitant morbi tristique senectus. Purus in mollis nunc sed id semper. Malesuada nunc vel risus commodo viverra maecenas accumsan. Posuere sollicitudin aliquam ultrices sagittis. Posuere urna nec tincidunt praesent semper feugiat nibh. Sit amet nisl suscipit adipiscing bibendum est ultricies integer. Ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Pellentesque massa placerat duis ultricies lacus. Sed adipiscing diam donec adipiscing tristique risus nec. Risus commodo viverra maecenas accumsan lacus vel facilisis volutpat est. Odio aenean sed adipiscing diam donec adipiscing tristique risus.

Volutpat blandit aliquam etiam erat velit scelerisque in. Lectus quam id leo in vitae turpis massa sed elementum. Tellus pellentesque eu tincidunt tortor aliquam. Libero volutpat sed cras ornare. In ornare quam viverra orci sagittis. Blandit aliquam etiam erat velit scelerisque in. Et magnis dis parturient montes nascetur ridiculus mus. Diam maecenas sed enim ut sem. Diam in arcu cursus euismod quis viverra nibh. Lacus sed turpis tincidunt id aliquet risus feugiat in. Arcu felis bibendum ut tristique et egestas quis ipsum. Facilisis gravida neque convallis a cras semper auctor.

Velit aliquet sagittis id consectetur purus ut faucibus pulvinar. Posuere lorem ipsum dolor sit. Vitae proin sagittis nisl rhoncus mattis rhoncus urna. Erat imperdiet sed euismod nisi porta lorem mollis aliquam ut. Donec et odio pellentesque diam volutpat commodo sed egestas egestas. Commodo nulla facilisi nullam vehicula ipsum a arcu. Lorem dolor sed viverra ipsum nunc aliquet bibendum enim. Ut placerat orci nulla pellentesque. Vitae ultricies leo integer malesuada nunc vel risus commodo. Lectus urna duis convallis convallis tellus. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Sed risus ultricies tristique nulla aliquet enim tortor.[/div]

[div class=tab2txt]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Odio eu feugiat pretium nibh ipsum. Malesuada pellentesque elit eget gravida cum sociis. Non blandit massa enim nec dui nunc mattis enim. Adipiscing enim eu turpis egestas pretium aenean pharetra. Lobortis elementum nibh tellus molestie nunc non blandit massa enim. Ut porttitor leo a diam. Vitae aliquet nec ullamcorper sit. Ultrices vitae auctor eu augue ut lectus. Tristique et egestas quis ipsum suspendisse ultrices gravida dictum fusce. Aliquet risus feugiat in ante metus dictum at tempor. Quisque sagittis purus sit amet volutpat. Ultrices sagittis orci a scelerisque purus semper eget.

A iaculis at erat pellentesque adipiscing. Cras fermentum odio eu feugiat pretium. Pretium viverra suspendisse potenti nullam ac tortor. Quisque id diam vel quam elementum pulvinar. Viverra suspendisse potenti nullam ac. Leo urna molestie at elementum eu facilisis. Sed egestas egestas fringilla phasellus. Morbi non arcu risus quis varius quam quisque. Cursus risus at ultrices mi tempus imperdiet. Sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque eu. Volutpat sed cras ornare arcu dui. Quam id leo in vitae turpis massa. Risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Pulvinar elementum integer enim neque volutpat ac tincidunt vitae. Molestie at elementum eu facilisis sed odio morbi quis. Nulla facilisi etiam dignissim diam.

Mauris pellentesque pulvinar pellentesque habitant. Et malesuada fames ac turpis. Imperdiet proin fermentum leo vel orci porta non pulvinar. Cursus euismod quis viverra nibh cras pulvinar mattis nunc sed. Massa id neque aliquam vestibulum morbi blandit cursus risus. Pulvinar sapien et ligula ullamcorper. Cursus in hac habitasse platea dictumst quisque. Pellentesque habitant morbi tristique senectus. Purus in mollis nunc sed id semper. Malesuada nunc vel risus commodo viverra maecenas accumsan. Posuere sollicitudin aliquam ultrices sagittis. Posuere urna nec tincidunt praesent semper feugiat nibh. Sit amet nisl suscipit adipiscing bibendum est ultricies integer. Ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Pellentesque massa placerat duis ultricies lacus. Sed adipiscing diam donec adipiscing tristique risus nec. Risus commodo viverra maecenas accumsan lacus vel facilisis volutpat est. Odio aenean sed adipiscing diam donec adipiscing tristique risus.

Volutpat blandit aliquam etiam erat velit scelerisque in. Lectus quam id leo in vitae turpis massa sed elementum. Tellus pellentesque eu tincidunt tortor aliquam. Libero volutpat sed cras ornare. In ornare quam viverra orci sagittis. Blandit aliquam etiam erat velit scelerisque in. Et magnis dis parturient montes nascetur ridiculus mus. Diam maecenas sed enim ut sem. Diam in arcu cursus euismod quis viverra nibh. Lacus sed turpis tincidunt id aliquet risus feugiat in. Arcu felis bibendum ut tristique et egestas quis ipsum. Facilisis gravida neque convallis a cras semper auctor.

Velit aliquet sagittis id consectetur purus ut faucibus pulvinar. Posuere lorem ipsum dolor sit. Vitae proin sagittis nisl rhoncus mattis rhoncus urna. Erat imperdiet sed euismod nisi porta lorem mollis aliquam ut. Donec et odio pellentesque diam volutpat commodo sed egestas egestas. Commodo nulla facilisi nullam vehicula ipsum a arcu. Lorem dolor sed viverra ipsum nunc aliquet bibendum enim. Ut placerat orci nulla pellentesque. Vitae ultricies leo integer malesuada nunc vel risus commodo. Lectus urna duis convallis convallis tellus. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Sed risus ultricies tristique nulla aliquet enim tortor.[/div]
[/div]
[/div]
[/div]



[/div][size=2]code by [USER=45389]@houseplant[/USER] [/size][/centerblock][/nobr]

persona
history
yellow c a r d



Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Odio eu feugiat pretium nibh ipsum. Malesuada pellentesque elit eget gravida cum sociis. Non blandit massa enim nec dui nunc mattis enim. Adipiscing enim eu turpis egestas pretium aenean pharetra. Lobortis elementum nibh tellus molestie nunc non blandit massa enim. Ut porttitor leo a diam. Vitae aliquet nec ullamcorper sit. Ultrices vitae auctor eu augue ut lectus. Tristique et egestas quis ipsum suspendisse ultrices gravida dictum fusce. Aliquet risus feugiat in ante metus dictum at tempor. Quisque sagittis purus sit amet volutpat. Ultrices sagittis orci a scelerisque purus semper eget. A iaculis at erat pellentesque adipiscing. Cras fermentum odio eu feugiat pretium. Pretium viverra suspendisse potenti nullam ac tortor. Quisque id diam vel quam elementum pulvinar. Viverra suspendisse potenti nullam ac. Leo urna molestie at elementum eu facilisis. Sed egestas egestas fringilla phasellus. Morbi non arcu risus quis varius quam quisque. Cursus risus at ultrices mi tempus imperdiet. Sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque eu. Volutpat sed cras ornare arcu dui. Quam id leo in vitae turpis massa. Risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Pulvinar elementum integer enim neque volutpat ac tincidunt vitae. Molestie at elementum eu facilisis sed odio morbi quis. Nulla facilisi etiam dignissim diam. Mauris pellentesque pulvinar pellentesque habitant. Et malesuada fames ac turpis. Imperdiet proin fermentum leo vel orci porta non pulvinar. Cursus euismod quis viverra nibh cras pulvinar mattis nunc sed. Massa id neque aliquam vestibulum morbi blandit cursus risus. Pulvinar sapien et ligula ullamcorper. Cursus in hac habitasse platea dictumst quisque. Pellentesque habitant morbi tristique senectus. Purus in mollis nunc sed id semper. Malesuada nunc vel risus commodo viverra maecenas accumsan. Posuere sollicitudin aliquam ultrices sagittis. Posuere urna nec tincidunt praesent semper feugiat nibh. Sit amet nisl suscipit adipiscing bibendum est ultricies integer. Ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Pellentesque massa placerat duis ultricies lacus. Sed adipiscing diam donec adipiscing tristique risus nec. Risus commodo viverra maecenas accumsan lacus vel facilisis volutpat est. Odio aenean sed adipiscing diam donec adipiscing tristique risus. Volutpat blandit aliquam etiam erat velit scelerisque in. Lectus quam id leo in vitae turpis massa sed elementum. Tellus pellentesque eu tincidunt tortor aliquam. Libero volutpat sed cras ornare. In ornare quam viverra orci sagittis. Blandit aliquam etiam erat velit scelerisque in. Et magnis dis parturient montes nascetur ridiculus mus. Diam maecenas sed enim ut sem. Diam in arcu cursus euismod quis viverra nibh. Lacus sed turpis tincidunt id aliquet risus feugiat in. Arcu felis bibendum ut tristique et egestas quis ipsum. Facilisis gravida neque convallis a cras semper auctor. Velit aliquet sagittis id consectetur purus ut faucibus pulvinar. Posuere lorem ipsum dolor sit. Vitae proin sagittis nisl rhoncus mattis rhoncus urna. Erat imperdiet sed euismod nisi porta lorem mollis aliquam ut. Donec et odio pellentesque diam volutpat commodo sed egestas egestas. Commodo nulla facilisi nullam vehicula ipsum a arcu. Lorem dolor sed viverra ipsum nunc aliquet bibendum enim. Ut placerat orci nulla pellentesque. Vitae ultricies leo integer malesuada nunc vel risus commodo. Lectus urna duis convallis convallis tellus. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Sed risus ultricies tristique nulla aliquet enim tortor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Odio eu feugiat pretium nibh ipsum. Malesuada pellentesque elit eget gravida cum sociis. Non blandit massa enim nec dui nunc mattis enim. Adipiscing enim eu turpis egestas pretium aenean pharetra. Lobortis elementum nibh tellus molestie nunc non blandit massa enim. Ut porttitor leo a diam. Vitae aliquet nec ullamcorper sit. Ultrices vitae auctor eu augue ut lectus. Tristique et egestas quis ipsum suspendisse ultrices gravida dictum fusce. Aliquet risus feugiat in ante metus dictum at tempor. Quisque sagittis purus sit amet volutpat. Ultrices sagittis orci a scelerisque purus semper eget. A iaculis at erat pellentesque adipiscing. Cras fermentum odio eu feugiat pretium. Pretium viverra suspendisse potenti nullam ac tortor. Quisque id diam vel quam elementum pulvinar. Viverra suspendisse potenti nullam ac. Leo urna molestie at elementum eu facilisis. Sed egestas egestas fringilla phasellus. Morbi non arcu risus quis varius quam quisque. Cursus risus at ultrices mi tempus imperdiet. Sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque eu. Volutpat sed cras ornare arcu dui. Quam id leo in vitae turpis massa. Risus commodo viverra maecenas accumsan lacus vel facilisis volutpat. Pulvinar elementum integer enim neque volutpat ac tincidunt vitae. Molestie at elementum eu facilisis sed odio morbi quis. Nulla facilisi etiam dignissim diam. Mauris pellentesque pulvinar pellentesque habitant. Et malesuada fames ac turpis. Imperdiet proin fermentum leo vel orci porta non pulvinar. Cursus euismod quis viverra nibh cras pulvinar mattis nunc sed. Massa id neque aliquam vestibulum morbi blandit cursus risus. Pulvinar sapien et ligula ullamcorper. Cursus in hac habitasse platea dictumst quisque. Pellentesque habitant morbi tristique senectus. Purus in mollis nunc sed id semper. Malesuada nunc vel risus commodo viverra maecenas accumsan. Posuere sollicitudin aliquam ultrices sagittis. Posuere urna nec tincidunt praesent semper feugiat nibh. Sit amet nisl suscipit adipiscing bibendum est ultricies integer. Ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Pellentesque massa placerat duis ultricies lacus. Sed adipiscing diam donec adipiscing tristique risus nec. Risus commodo viverra maecenas accumsan lacus vel facilisis volutpat est. Odio aenean sed adipiscing diam donec adipiscing tristique risus. Volutpat blandit aliquam etiam erat velit scelerisque in. Lectus quam id leo in vitae turpis massa sed elementum. Tellus pellentesque eu tincidunt tortor aliquam. Libero volutpat sed cras ornare. In ornare quam viverra orci sagittis. Blandit aliquam etiam erat velit scelerisque in. Et magnis dis parturient montes nascetur ridiculus mus. Diam maecenas sed enim ut sem. Diam in arcu cursus euismod quis viverra nibh. Lacus sed turpis tincidunt id aliquet risus feugiat in. Arcu felis bibendum ut tristique et egestas quis ipsum. Facilisis gravida neque convallis a cras semper auctor. Velit aliquet sagittis id consectetur purus ut faucibus pulvinar. Posuere lorem ipsum dolor sit. Vitae proin sagittis nisl rhoncus mattis rhoncus urna. Erat imperdiet sed euismod nisi porta lorem mollis aliquam ut. Donec et odio pellentesque diam volutpat commodo sed egestas egestas. Commodo nulla facilisi nullam vehicula ipsum a arcu. Lorem dolor sed viverra ipsum nunc aliquet bibendum enim. Ut placerat orci nulla pellentesque. Vitae ultricies leo integer malesuada nunc vel risus commodo. Lectus urna duis convallis convallis tellus. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Sed risus ultricies tristique nulla aliquet enim tortor.
code by @houseplant
 
#4
social media kinda code? v simple


in your heart​
@hwangjins​




name:.
name:. hyunjin
age:. 19
sexuality:. here
role:. here
gender:. male
@hwangjins​


@hwangjins​




Likes:
▶ like here
▶ like here
▶ like here
▶ like here
▶ like here
▶ like here

Dislikes
▶ dislike here
▶ dislike here
▶ dislike here
▶ dislike here
▶ dislike here
▶ dislike here

---​
Personality?
Lorem ipsum dolor sit amet, consectetur adipiscing 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 id est laborum.

---​
History?
Lorem ipsum dolor sit amet, consectetur adipiscing 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 id est laborum.




Code:
[centerblock=60]
[div=width:520px;height:127px;background:url('https://66.media.tumblr.com/a1f92b130bbe5c165184574e92496ce4/tumblr_pclujsAR5e1xbrxzeo6_1280.jpg');background-size:100%;margin:auto;center;overflow:hidden;][/div][div=width:100px;height:100px;background:url('https://66.media.tumblr.com/eca6ae35fae8b435c57de4f9d339dc16/tumblr_pclujsAR5e1xbrxzeo3_1280.jpg');background-size:100%;border:4px solid white;border-radius:70px;float:left;margin-left: 260px;margin-top:-50px;overflow:hidden;][/div][div=height:15px;background: white;color: black;font-size: 12px;letter-spacing: 2px;left: 10px;][i][center][fa]fa-compass[/fa]in your heart[/center][/i][/div]
[div=height:15px;background: white;color: black;font-size: 12px;letter-spacing: 2px;left: -104px;top:50px;position:relative;][i][size=2][left] @hwangjins[/left][/size][/i][/div]




[row][column=span3.8][div=width:160px; height:360px;background:white; border: 0px solid #CF8D81; margin-left:230px; overflow: hidden;][div=
width: calc(100% + 17px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box; padding: 3% 7%; text-align: justify;][i][size=3]name:.[/size][/i][size=3][/size]
[i][size=3]name:.[/size][/i] [size=3]hyunjin[/size]
[i][size=3]age:.[/size][/i] [size=3]19[/size]
[i][size=3]sexuality:.[/size][/i] [size=3]here[/size]
[i][size=3]role:.[/size][/i] [size=3]here[/size]
[i][size=3]gender:.[/size][/i] [size=3]male[/size]
[/div][/div][/column][div=width:360px; height:360px;background:white; border: 0px solid #CF8D81; margin-right: -890px;overflow: hidden;][div=
width: calc(100% + 17px); height: calc(100% + 17px); overflow: scroll; box-sizing: border-box; padding: 3% 7%; text-align: justify;][div=height: 300px;width: 300px;background: url('https://66.media.tumblr.com/45f016621fbbb27c8b9e0f93eae79504/tumblr_pf8j34HB271xqcwupo1_400.png');background-size:100%;position: relative;][/div][div=height:5px;color: black;font-size: 12px;letter-spacing: 2px;left: 14px;top:0px;position:relative;][i][size=3][left] @hwangjins[/left][/size][/i][/div][div=height:5px;color: black;font-size: 12px;letter-spacing: 2px;left: -5px;top:-1px;position: relative;][right][fa]fa-heart[/fa]    [fa]fa-comments[/fa][/right][/div]


[div=height: 300px;width: 300px;background: url('https://66.media.tumblr.com/8b6a99afd4ecdb77baf9119d61119336/tumblr_phfc63jv1t1xuqcb6o7_400.png');background-size:100%;position: relative;][/div][div=height:5px;color: black;font-size: 12px;letter-spacing: 2px;left: 14px;top:0px;position:relative;][i][size=3][left] @hwangjins[/left][/size][/i][/div][div=height:5px;color: black;font-size: 12px;letter-spacing: 2px;left: -5px;top:-1px;position: relative;][right][fa]fa-heart[/fa]    [fa]fa-comments[/fa][/right]
[/div]


[row][column=span5]
[size=3]      Likes:                  
▶ like here                  
▶ like here                   
▶ like here
▶ like here
▶ like here
▶ like here
[/size][/column][size=3]
 Dislikes                  
▶ dislike here                  
▶ dislike here                   
▶ dislike here
▶ dislike here
▶ dislike here
▶ dislike here
[/size][/row]

[size=3][center]---[/center]
Personality?
Lorem ipsum dolor sit amet, consectetur adipiscing 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 id est laborum.

[center]---[/center]
History?
Lorem ipsum dolor sit amet, consectetur adipiscing 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 id est laborum.[/size]
[/div][/div]
[size=2][center][USER=45389]@houseplant[/USER][/center][/size][/row][/centerblock]
 

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

Top