Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [nobr]
- [class=credit]
- font-size: 8px;
- color: black;
- [/class]
- [class name=containercont]
- height: 470px;
- width: 450px;
- margin: auto;
- [/class]
- [class name=container]
- height: 450px;
- width: 450px;
- background: black;
- margin-top: 20px;
- padding-top: 1px;
- [/class]
- [class name=img1]
- height: 370px;
- width: 370px;
- background: url(https://i.pinimg.com/originals/23/bf/47/23bf4759720841358b6a8f3ff7722e01.jpg);
- background-size: cover;
- background-position: 0% 55%;
- position: relative;
- left: 40px;
- top: 40px;
- [/class]
- [class name=textbox]
- height: 185px;
- width: 370px;
- font-size: 12px;
- color: white;
- margin-top: 40px;
- margin-left: 40px;
- overflow: hidden;
- [/class]
- [class name=scroll]
- height: 98%;
- width: 100%;
- padding-right: 17px;
- overflow-y: scroll;
- [/class]
- [class name=img2]
- height: 185px;
- width: 370px;
- background: url(https://i0.wp.com/www.koreanesia.com/wp-content/uploads/2018/07/65-7.jpg?fit=1000%2C500&ssl=1);
- background-size: cover;
- margin-left: 40px;
- [/class]
- [class name=img3]
- height: 185px;
- width: 370px;
- background: url(https://i.pinimg.com/originals/c1/3b/97/c13b9708db67b9167d83f3fc30260202.jpg);
- background-size: cover;
- background-position: 0% 50%;
- margin-left: 40px;
- [/class]
- [class name=img4]
- height: 185px;
- width: 370px;
- background: url(https://www.allkpop.com/upload/2018/04/af_org/25201130/sf9-rowoon.jpg);
- background-size: cover;
- background-position: 0% 50%;
- margin-left: 40px;
- [/class]
- [class name=img5]
- height: 185px;
- width: 370px;
- background: url(https://pm1.narvii.com/6252/3156c60d50822d0eee6266e634471c160b4b65eb_hq.jpg);
- background-size: cover;
- background-position: 0% 0%;
- margin-left: 40px;
- [/class]
- [class name=header]
- font-size: 45px;
- color: white;
- -webkit-text-stroke: 2px black;
- position: relative;
- margin-left: 8px;
- z-index: 0;
- [/class]
- [class name=tabpic]
- float: left;
- position: relative;
- left: 5px;
- z-index: 2;
- cursor: pointer;
- color: white;
- [/class]
- [class name=tabpicclick]
- color: black;
- [/class]
- [class name=tabbar]
- height: 449px;
- width: 0px;
- background: white;
- float: right;
- margin-top: -1px;
- margin-left: 1px;
- position: absolute;
- transition: 0.8s;
- z-index: 1;
- border-top: 1px solid black;
- border-bottom: 1px solid black;
- [/class]
- [class name=tabscontainer]
- height: 220px;
- width: 150px;
- margin-top: 15px;
- display: flex;
- flex-flow: column;
- align-items: center;
- [/class]
- [class name=tabbarclick]
- width: 150px;
- [/class]
- [class name=tabs]
- font-size: 15px;
- color: grey;
- margin: auto;
- display: inline;
- transition: color 0.5s;
- [/class]
- [class name=tabs state=hover]
- color: black;
- cursor: pointer;
- [/class]
- [class name=intabpic]
- height: 60px;
- width: 60px;
- background: url(https://66.media.tumblr.com/937cefd4e63dad50dbb4ae0c3f0db2bf/tumblr_pcn4q3itKQ1vj5w4mo3_400.jpg);
- background-size: cover;
- margin: auto;
- margin-top: 15px;
- border: 1px solid grey;
- [/class]
- [class name=relpic]
- height: 60px;
- width: 60px;
- padding: 5px;
- float: left;
- [/class]
- [script class=container]
- hide tabs
- hide textbox
- hide intabpic
- hide basicsheader
- hide personaheader
- hide relationshipsheader
- hide historyheader
- hide img2
- hide img3
- hide img4
- hide img5
- set tabon 1
- [/script]
- [script class=tabpic on=click]
- if (eq ${tabon} 1) (fadeIn 1000 intabpic) (fadeOut 200 intabpic)
- if (eq ${tabon} 1) (fadeIn 1000 tabs) (fadeOut 200 tabs)
- if (eq ${tabon} 1) (addClass tabbarclick tabbar) (removeClass tabbarclick tabbar)
- if (eq ${tabon} 1) (addClass tabpicclick tabpic) (removeClass tabpicclick tabpic)
- if (eq ${tabon} 1) (set tabon 0) (set tabon 1)
- [/script]
- [script class=home on=click]
- fadeIn 500 img1
- fadeIn 500 frontpage
- hide img2
- hide img3
- hide img4
- hide img5
- hide textb
- hide textp
- hide texth
- hide textr
- hide basicsheader
- hide personaheader
- hide relationshipsheader
- hide historyheader
- [/script]
- [script class=basics on=click]
- hide img1
- hide img3
- hide img4
- hide img5
- hide frontpage
- hide personaheader
- hide relationshipsheader
- hide historyheader
- hide textp
- hide texth
- hide textr
- fadeIn 500 img2
- fadeIn 500 textb
- fadeIn 500 basicsheader
- [/script]
- [script class=persona on=click]
- hide img1
- hide img2
- fadeIn 500 img3
- hide img4
- hide img5
- hide frontpage
- hide basicsheader
- fadeIn 500 personaheader
- hide historyheader
- hide relationshipsheader
- hide textb
- fadeIn 500 textp
- hide texth
- hide textr
- [/script]
- [script class=history on=click]
- hide img1
- hide img2
- hide img3
- hide img4
- fadeIn 500 img5
- hide frontpage
- hide basicsheader
- hide personaheader
- fadeIn 500 historyheader
- hide relationshipsheader
- hide textb
- hide textp
- fadeIn 500 texth
- hide textr
- [/script]
- [script class=relationships on=click]
- hide img1
- hide img2
- hide img3
- fadeIn 500 img4
- hide img5
- hide frontpage
- hide basicsheader
- hide personaheader
- hide historyheader
- fadeIn 500 relationshipsheader
- hide textb
- hide textp
- hide texth
- fadeIn 500 textr
- [/script]
- [div class="containercont"]
- [div class="container"]
- [div class="tabpic"][fa]fa-bars[/fa][/div]
- [div class="tabbar"]
- [div class="intabpic"][/div]
- [div class="tabscontainer"]
- [div class="tabs home"][font=Open Sans]Home[/font][/div]
- [div class="tabs basics"][font=Open Sans]Basics[/font][/div]
- [div class="tabs persona"][font=Open Sans]Persona[/font][/div]
- [div class="tabs history"][font=Open Sans]History[/font][/div]
- [div class="tabs relationships"][font=Open Sans]Relationships[/font][/div][/div]
- [/div]
- [div class="textbox textb"][div class="scroll"][row][column=span4][font=Open Sans][B]name[/B] kang ji-sung[br][/br][br][/br]
- [B]age[/B] 20[br][/br][br][/br]
- [B]occupation[/B] student / waiter[br][/br][br][/br]
- [B]height[/B] 192cm / 6' 3[br][/br][br][/br]
- [B]ethnicity[/B] south korean[br][/br][br][/br][/font]
- [/column]
- [column=span4][font=Open Sans]
- [B]gender[/B] male[br][/br][br][/br]
- [B]sexuality[/B] bisexual[br][/br][br][/br]
- [B]birthday[/B] december 10th[br][/br][br][/br]
- [B]weight[/B] 73kg[br][/br][br][/br]
- [B]face claim[/B] sf9 rowoon[br][/br][br][/br][/font]
- [/column][/row][/div][/div]
- [div class="textbox textp"][div class="scroll"]
- [font=Open Sans]
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Risus feugiat in ante metus dictum. Malesuada bibendum arcu vitae elementum curabitur. Nunc sed blandit libero volutpat sed cras ornare. Non diam phasellus vestibulum lorem sed risus ultricies. Turpis egestas integer eget aliquet nibh praesent tristique. Phasellus vestibulum lorem sed risus ultricies tristique. Semper viverra nam libero justo laoreet sit amet cursus. Quis vel eros donec ac odio tempor. Porttitor leo a diam sollicitudin tempor. Blandit turpis cursus in hac habitasse. Magna fermentum iaculis eu non. Quis auctor elit sed vulputate mi sit amet mauris. Blandit aliquam etiam erat velit. Diam quam nulla porttitor massa id. Vivamus at augue eget arcu dictum varius. Urna condimentum mattis pellentesque id nibh tortor id aliquet. Tristique et egestas quis ipsum suspendisse ultrices gravida.[br][/br][br][/br]
- Purus in massa tempor nec. Sagittis vitae et leo duis ut diam. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Pretium aenean pharetra magna ac placerat vestibulum lectus. Vitae congue mauris rhoncus aenean vel elit scelerisque. Sed viverra tellus in hac habitasse. Gravida dictum fusce ut placerat orci nulla pellentesque dignissim. Sed vulputate mi sit amet mauris commodo quis. Facilisis mauris sit amet massa vitae tortor condimentum. Est placerat in egestas erat imperdiet sed euismod nisi. In tellus integer feugiat scelerisque.
- [/font][br][/br][br][/br]
- [row][column=span4][font=Open Sans][SIZE=13px][B]likes[/B][/SIZE][br][/br]
- - money[br][/br]
- - swimming[br][/br]
- - soft beds[br][/br]
- - food[br][/br]
- - cats[br][/br]
- - soju[/font][/column]
- [column=span4][font=Open Sans][SIZE=13px][B]dislikes[/B][/SIZE][br][/br]
- - studying[br][/br]
- - spoilt brats[br][/br]
- - snow[br][/br]
- - people who don't stand up for themselves[br][/br]
- - skinship[/font][/column][/row][br][/br]
- [row][column=span4][font=Open Sans][B]hobbies[/B][br][/br]
- - swimming[br][/br]
- - learning mandarin[br][/br]
- - trying new foods[br][/br]
- - watching animal documentaries[/font][/column]
- [column=span4][font=Open Sans][B]quirks[/B][br][/br]
- - sleeps curled up in a ball[br][/br]
- - will eat anything[br][/br]
- - has a resting bitch face[br][/br]
- - terrible driver, never get in a car with him[/font][/column][/row][br][/br]
- [/div][/div]
- [div class="textbox texth"][div class="scroll"][font=Open Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Risus feugiat in ante metus dictum. Malesuada bibendum arcu vitae elementum curabitur. Nunc sed blandit libero volutpat sed cras ornare. Non diam phasellus vestibulum lorem sed risus ultricies. Turpis egestas integer eget aliquet nibh praesent tristique. Phasellus vestibulum lorem sed risus ultricies tristique. Semper viverra nam libero justo laoreet sit amet cursus. Quis vel eros donec ac odio tempor. Porttitor leo a diam sollicitudin tempor. Blandit turpis cursus in hac habitasse. Magna fermentum iaculis eu non. Quis auctor elit sed vulputate mi sit amet mauris. Blandit aliquam etiam erat velit. Diam quam nulla porttitor massa id. Vivamus at augue eget arcu dictum varius. Urna condimentum mattis pellentesque id nibh tortor id aliquet. Tristique et egestas quis ipsum suspendisse ultrices gravida.[br][/br][br][/br]
- Purus in massa tempor nec. Sagittis vitae et leo duis ut diam. Tincidunt augue interdum velit euismod in pellentesque massa placerat. Pretium aenean pharetra magna ac placerat vestibulum lectus. Vitae congue mauris rhoncus aenean vel elit scelerisque. Sed viverra tellus in hac habitasse. Gravida dictum fusce ut placerat orci nulla pellentesque dignissim. Sed vulputate mi sit amet mauris commodo quis. Facilisis mauris sit amet massa vitae tortor condimentum. Est placerat in egestas erat imperdiet sed euismod nisi. In tellus integer feugiat scelerisque.[/font][/div][/div]
- [div class="textbox textr"][div class="scroll"][div class="relpic"][IMG]https://www.sbs.com.au/popasia/sites/sbs.com.au.popasia/files/styles/thumb_small/public/stray-kids-bang-chan.jpg?itok=a7V4ra74[/IMG][/div][font=Open Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. Malesuada bibendum arcu vitae elementum curabitur vitae nunc.[/font][br][/br]
- [div class="relpic"][IMG]https://i.mydramalist.com/45nDZc.jpg[/IMG][/div][font=Open Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. Malesuada bibendum arcu vitae elementum curabitur vitae nunc.[/font][br][/br]
- [div class="relpic"][IMG]http://i2.wp.com/www.kpopscene.com/wp-content/uploads/2017/12/dowoon-day6-01.jpg?fit=720%2C720[/IMG][/div][font=Open Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. Malesuada bibendum arcu vitae elementum curabitur vitae nunc.[/font][br][/br]
- [div class="relpic"][IMG]https://hallyumusic.com/wp-content/uploads/2019/01/WJSN-Yeoreum-WJ-STAY-Cover.png[/IMG][/div][font=Open Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. Malesuada bibendum arcu vitae elementum curabitur vitae nunc.[/font][br][/br]
- [div class="relpic"][IMG]https://pbs.twimg.com/profile_images/912322138559864833/l1tV7n0i_400x400.jpg[/IMG][/div][font=Open Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. Malesuada bibendum arcu vitae elementum curabitur vitae nunc.[/font][br][/br]
- [div class="relpic"][IMG]https://66.media.tumblr.com/05b7bf460704b6cc40e00dbfa9041eeb/tumblr_penhnpisQq1wrzi0lo4_250.png[/IMG][/div][font=Open Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. Malesuada bibendum arcu vitae elementum curabitur vitae nunc.[/font][br][/br]
- [div class="relpic"][IMG]https://pbs.twimg.com/media/Dm266TGX4AIbQ-Z.jpg[/IMG][/div][font=Open Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dictum at tempor commodo ullamcorper a lacus vestibulum sed. Malesuada bibendum arcu vitae elementum curabitur vitae nunc.[/font][br][/br]
- [/div][/div]
- [div class="img1"][/div]
- [div class="img2"][/div]
- [div class="img3"][/div]
- [div class="img4"][/div]
- [div class="img5"][/div]
- [div class="header frontpage"][font=Open Sans][B]Kang Ji-sung[/B][/font][/div]
- [div class="header basicsheader" style=margin-top:-40px;][font=Open Sans][B]Basics[/B][/font][/div]
- [div class="header personaheader" style=margin-top:-40px;][font=Open Sans][B]Personality[/B][/font][/div]
- [div class="header relationshipsheader" style=margin-top:-40px;][font=Open Sans][B]Relationships[/B][/font][/div]
- [div class="header historyheader" style=margin-top:-40px;][font=Open Sans][B]History[/B][/font][/div]
- [/div]
- [div class="credit"][URL='https://www.rpnation.com/threads/this-and-that-%E2%80%94-%E2%9C%A7-stellars-workshop.429011/']code by [/URL] [USER=62322]@Stellar Nursery[/USER] [/div]
- [/div]
- [/nobr]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement