Advertisement
lynx_fire

CHANGKYUN LAYOUT

Sep 16th, 2018
115
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.76 KB | None | 0 0
  1.  
  2. ABOUT ME :
  3.  
  4.  
  5.  
  6.  
  7. <img src="https://78.media.tumblr.com/a825d0b8536232a9d1d141a9cc0b61e0/tumblr_p4d6ctd9hA1wgdz2to2_540.gif" id="topicon">
  8. <div id="nametextyo"><center>Lim Changkyun</center></div>
  9.  
  10. <div id="toptextyo">Fly with me, Ride with me, Tie me up, I'll be by your side.</div>
  11.  
  12.  
  13. <div id="navigate">
  14. <a href="/home.php" class="navi">Home</a>
  15. <a href="/send_message.php?member_id=xxxxx" class="navi">Message</a>
  16. <a href="/add_comment.php?member_id=xxxxx" class="navi">Comment</a>
  17. <a href="/gallery.php?member_id=xxxxx" class="navi">Pictures</a>
  18. <a href="http://www.asianroleplay.com/15113" class="navi">Credit</a> </div>
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25. <h1>I.M</h1>
  26. <center><img src="https://78.media.tumblr.com/c3edac60818b999bef436c46cd788090/tumblr_p6y55rAhQZ1x0uq97o1_400.png" class="img" width="125"> <img src="https://78.media.tumblr.com/d91cf43a691b179dd0b90e70e06e0d96/tumblr_p6y55rAhQZ1x0uq97o2_400.png" class="img" width="125"> <img src="https://78.media.tumblr.com/39656be3d4aa4399eaec1cb33f3b63a0/tumblr_p6y55rAhQZ1x0uq97o3_400.png" class="img" width="125">
  27.  
  28. <br> <br>
  29.  
  30. <h2>One and only like a holy</h2>
  31.  
  32. <br> <br>
  33.  
  34. <img src="https://i.imgur.com/gaqZtMP.gif" width="125" height="130" align="right" class="img">
  35.  
  36.  
  37. <table>
  38. <div style="overflow:auto; padding:3px; border:1px solid #dddddd; height:130px; width:230px; font-family:Calibri; align:left; text-align:justify;">
  39.  
  40. <p style="text-align:left;">
  41.  
  42. <b>FULL NAME:</b> ---- <br>
  43. <b>STAGE NAME:</b> ----<br>
  44. <b>NICKNAME(S):</b> ----<br>
  45. <b>BIRTH DATE:</b> ----<br>
  46. <b>AGE:</b> ----<br>
  47. <b>HOME TOWN:</b> ----<br>
  48. <b>CURRENT RESIDENCE:</b>----<br>
  49. <b>GENDER:</b> Male<br>
  50. <b>HEIGHT:</b> ----<br>
  51. <b>WEIGHT:</b> ----<br>
  52. <b>HAIR:</b> ----<br>
  53. <b>EYES:</b> ----<br>
  54. <b>ORIENTATION:</b> ----<br>
  55. <b>LANGUAGES:</b> ----<br>
  56. <b>ETHINCITY</b> ----<br>
  57. <b>NATIONALITY:</b> ---- <br>
  58. <b>PETS:</b> ---- <br>
  59.  
  60. </p>
  61. <br> <br>
  62. Morbi cursus, nibh in commodo dictum, sapien nisi tincidunt tortor, quis mollis neque arcu sed urna. Nam tempus, elit ut ornare finibus, turpis lorem sollicitudin diam, id finibus lorem ipsum pulvinar arcu. Curabitur in dolor ut tortor sodales pharetra. In gravida, lorem a auctor semper, risus eros ultricies ligula, vitae ultrices orci erat sit amet nisl. Pellentesque mollis eros lectus, ac luctus turpis congue vel. Mauris viverra dolor sed nisi laoreet facilisis. Suspendisse eget diam et metus vehicula tempor ut quis urna. Praesent non pretium lectus. Morbi porta libero at dictum vehicula. Praesent non velit in erat elementum tempus ut in est. Curabitur in augue pharetra, malesuada velit non, suscipit libero. Aenean non ex in eros congue volutpat. Integer nec leo eu diam interdum dictum at non neque. Praesent facilisis quam quis ipsum condimentum consectetur.!
  63.  
  64. </table>
  65.  
  66. <br> <br>
  67.  
  68. <h2>I’m fascinated by the bright light of your beauty
  69. </h2>
  70.  
  71. <br> <br>
  72.  
  73. <img src="http://images6.fanpop.com/image/photos/41000000/I-M-Fly-With-Me-im-changkyun-41071404-268-315.gif" width="110" height="150" class="img">
  74.  
  75. <img src="https://78.media.tumblr.com/eba8790d2aecb3751fe611633387f8e3/tumblr_p4g8c7dAv31qerl53o1_400.gif" width="110" height="150" class="img">
  76.  
  77. <img src="http://images6.fanpop.com/image/photos/41000000/I-M-Fly-With-Me-im-changkyun-41071399-268-315.gif" width="110" height="150" class="img">
  78.  
  79. <br> <br>
  80.  
  81. <h2>I want to hold your hand and show you the blue sky
  82. </h2>
  83. <br>
  84.  
  85. <img src="https://78.media.tumblr.com/18857967b29a084599fc727ff10c0906/tumblr_oerrkjzsq61ukt0b0o6_400.gif" width="125" height="130" align="left" class="img">
  86.  
  87.  
  88. <table>
  89. <div style="overflow:auto; padding:3px; border:1px solid #dddddd; height:130px; width:230px; font-family:Calibri; align:right; text-align:justify;">
  90.  
  91. <br>
  92. <b>Status:</b> Taken<br> <br>
  93.  
  94. <b>Whom:</b> <a href="/view_profile.php?member_id=ID">Jooheon</a>.<br> <br>
  95.  
  96. <b>Since:</b> 00|00|0000.<br> <br>
  97.  
  98. <b>Engaged:</b> 00|00|0000.<br> <br>
  99.  
  100. <b>Married:</b> 00|00|0000.<br> <br>
  101.  
  102. <b>Kids:</b> None<br> <br>
  103.  
  104. <b>Comments:</b>--------
  105. <br>
  106.  
  107. </table>
  108.  
  109.  
  110.  
  111.  
  112.  
  113. LIKE TO MEET:
  114.  
  115.  
  116.  
  117. <style>
  118.  
  119.  
  120. body {
  121. background-color: #f1f0f0;
  122. background-image:url("");
  123. background-attachment:fixed;
  124. background-repeat:repeat;
  125. background-position:center;
  126. margin-top: 150px;}
  127.  
  128.  
  129. @font-face { font-family:"Lona"; src: url('https://dl.dropboxusercontent.com/s/jfhzn2rxwyc5flc/Rotulona-Hand-FFP-font.ttf?dl=1'); format(“truetype”);}
  130.  
  131.  
  132. h1{color:#b30000; font-family: helvetica; font-size:25px; line-height:20px; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; text-shadow: 1px 1px 0px #555; margin: 5px; border-left: 25px solid #ddd; border-right: 25px solid #ddd; }
  133.  
  134.  
  135. h2 {
  136. font-weight:normal;
  137. margin-top: 0px;
  138. background-color: #b30000;
  139. color: fff;
  140. text-transform:uppercase;
  141. font-size:8px;
  142. font-style:;
  143. line-height:14px;
  144. letter-spacing: 2px;
  145. text-align: center;
  146. font-family: calibri;
  147. margin-bottom: 3px;
  148. text-shadow: 1px 1px 0px #555;
  149. border: 6px double #fff; }
  150.  
  151.  
  152. h3{color:#b30000
  153. ; font-family: helvetica; font-size:9px; line-height:10px; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; text-shadow: 0px 1px 0px #e7e7e7; margin: 5px;}
  154.  
  155.  
  156. b {
  157. text-transform:Uppercase;
  158. font-size:8px;
  159. color: #b30000;
  160. letter-spacing: 2px;
  161. font-family: calibri;
  162. }
  163.  
  164. i {
  165. text-transform:Uppercase;
  166. font-size:8px;
  167. color: #e53b5e;
  168. letter-spacing: 0px;
  169. font-family: calibri;
  170. }
  171.  
  172. u {
  173. color:#e53b5e;
  174. text-transform:Uppercase;
  175. font-size:9px;
  176. letter-spacing: 0px;
  177. font-family: calibri;
  178. }
  179.  
  180.  
  181.  
  182.  
  183.  
  184.  
  185. table, tr, td, li, p, div, .blacktext12, .text, .redtext, .redbtext {font-family: calibri; color:#555; font-size:8px; text-transform: uppercase; line-height: 10px;}
  186.  
  187. a:active, a:visited, a:link {font-family: calibri; font-size:8px; font-weight: normal; text-transform: uppercase; text-decoration:none; color:#b30000; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; letter-spacing:0px; }
  188.  
  189. a:hover {color:#ddd; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; letter-spacing:0px;}
  190.  
  191.  
  192. a.navi:active, a.navi:visited, a.navi:link {background-color: #fff; font-family: calibri; font-size: 8px; text-align:center; margin:7px; padding-top:2px; display: block; width:60px; height:12px; text-transform: uppercase; text-decoration:none; color: #b30000; border-left: 10px solid #ddd; border-right: 10px solid #ddd; letter-spacing: 2px;
  193.  
  194. -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;}
  195.  
  196. a.navi:hover {color: #fff; background-color: #ddd; border-left: 10px solid #fff; border-right: 10px solid #fff;}
  197.  
  198.  
  199. .img{padding:5px; border: 1px solid #ddd; outline: thin #fff;
  200. outline-offset: -16px;
  201. outline-style: solid;
  202. opacity:0.7;}
  203.  
  204. .img2{padding:5px; border: 1px solid #ddd; outline: thin #fff;
  205. opacity:0.7;}
  206.  
  207.  
  208. .profileInfo td.text a img {padding:5px; border: 1px solid #ddd;
  209. outline: thin #fff;
  210. outline-offset: -16px;
  211. outline-style: solid;
  212. opacity:0.7;}
  213.  
  214. div div table div, div.clearfix a, input {display:none;}
  215. div.clearfix table div div {display:block;}
  216.  
  217.  
  218.  
  219.  
  220. .bodyContent div td {background-color: 4db7f1;}
  221.  
  222. .friendspace a img{width:90px!important; height:120px!important; border:0px solid black;}
  223.  
  224. .nametext {display:none; }
  225.  
  226. .friendspace {display:none;}
  227.  
  228.  
  229. table.friendSpace td {padding:0px;}
  230. table.friendSpace td.text td br {line-height:0px;}
  231. table.friendSpace td.text span.orangetext15 {display:none;}
  232. table.friendSpace td.text table {background-color:transparent;}
  233. table.friendSpace span.btext {display:none;}
  234. table.friendSpace td.text div {display:none;}
  235.  
  236.  
  237.  
  238. table.blurbs {position:relative; margin-top:-40px; margin-left:-30px;}
  239. table.friendspace {margin-top:-30px; margin-left:-30px;}
  240.  
  241. table.interestsanddetails span.lightbluetext8, table.interestsanddetails td.text {display:none;}
  242. table.interestsanddetails td {width:0px; padding:0px;}
  243. table.interestsanddetails td td {background-color: transparent!important;}
  244. table.interestsanddetails, table.interestsanddetails td {border:none!important;}
  245.  
  246. table.blurbs td.text {display:none;}
  247. table.blurbs td td span.orangetext15 {display:none;}
  248. .interestsAndDetails {margin-top; -10px; margin-left:-10px;}
  249.  
  250. .msOnlineNow, .latestBlogEntry, #footerWarpper, .userProfileDetail, .contactTable, .userProfileURL, table.friendsComments, .extendedNetwork {display:none;}
  251. .clearfix {margin-top: -200px;}
  252.  
  253.  
  254.  
  255. table.profileInfo {background-color:transparent;}
  256. table.profileInfo table, table.profileInfo {width:300px;}
  257. table.profileInfo td td.text br {line-height:;}
  258. table.profileInfo td td {display:none;}
  259. table.profileInfo td td.text {display:table-cell; _display:inline;}
  260.  
  261.  
  262. ::-moz-selection {
  263. background-color: #b30000;
  264. color: #fff; }
  265.  
  266. ::selection {
  267. background-color: #b30000;
  268. color: #fff; }
  269.  
  270. ::-webkit-scrollbar-thumb {background-color: #b30000; height: auto; border: 4px solid #ffffff;}
  271. ::-webkit-scrollbar {background-color: #ddd; height:10px; width:12px; border: 5px solid #ffffff;}
  272.  
  273.  
  274. </style>
  275.  
  276.  
  277.  
  278.  
  279.  
  280.  
  281. <style>
  282. #bg{
  283. position:fixed;
  284. z-index:10;
  285. top:0%;
  286. left:50%;
  287. margin-top:0px;
  288. margin-left:-400px;
  289. width:800px;
  290. height:152px;
  291. overflow:hidden;
  292. background-color: #b30000;
  293. }
  294.  
  295.  
  296. #topicon {
  297. position:fixed;
  298. z-index:20;
  299. top:0%;
  300. left:50%;
  301. margin-top:7px;
  302. margin-left: 120px;
  303. width:125px;
  304. height:125px;
  305. overflow:hidden;
  306. background-color: #fff;
  307. padding:5px;
  308. border: 1px solid #ddd;
  309. border-radius: 100%;
  310. }
  311.  
  312.  
  313. #nametextyo {
  314. position:fixed;
  315. z-index:20;
  316. top:0%;
  317. left:50%;
  318. margin-top: 45px;
  319. margin-left: -380px;
  320. width: 485px;
  321. height: auto;
  322. overflow: none;
  323. background-color: transparent;
  324. font-family:"Lona";
  325. font-size: 60px;
  326. color: #fff;
  327. line-height: 60px;
  328. text-shadow: 1px 1px 1px #ddd;
  329. }
  330.  
  331.  
  332. #toptextyo {
  333. position:fixed;
  334. z-index:30;
  335. top:0%;
  336. left:50%;
  337. margin-top: 110px;
  338. margin-left: -380px;
  339. width: 485px;
  340. height: auto;
  341. overflow: none;
  342. background-color: transparent;
  343. text-align:center;
  344. font-family: calibri;
  345. font-size: 8px;
  346. color: #fff;
  347. line-height: 10px;
  348. text-shadow: 1px 1px 1px #ddd;
  349. }
  350.  
  351.  
  352.  
  353.  
  354. #navigate{
  355. position:fixed;
  356. z-index:20;
  357. top:0%;
  358. left:50%;
  359. margin-top:20px;
  360. margin-left: 275px;
  361. width:auto;
  362. height:152px;
  363. overflow:hidden;
  364. background-color: transparent;
  365. }
  366.  
  367. </style>
  368.  
  369.  
  370. <div id="bg">
  371.  
  372. </div>
  373.  
  374.  
  375.  
  376.  
  377.  
  378.  
  379.  
  380.  
  381. INTERESTS:
  382.  
  383.  
  384.  
  385.  
  386.  
  387. <audio autoplay loop>
  388. <source src="http://k003.kiwi6.com/hotlink/3o5chqfhnn/MIXTAPE_I.M_Monsta_X_.mp3">
  389. </audio>
  390.  
  391. <center>
  392.  
  393. <img src="http://images6.fanpop.com/image/photos/41200000/-Jealousy-Photo-shoot-monsta-x-41262598-500-219.gif" width="200" height="100" class="img2">
  394.  
  395. <h3>MONSTA X</h3>
  396.  
  397. <table>
  398. <div style="overflow:auto; padding:3px; border:1px solid #dddddd; height:90px; width:230px; font-family:Calibri; text-align:justify;"> Monsta X (Hangul: 몬스타엑스; often stylized as MONSTA X) is a South Korean boy band formed by Starship Entertainment through the 2015 Mnet survival show No.Mercy. The group is composed of seven members: Wonho, Minhyuk, Hyungwon, Jooheon, Kihyun, Shownu and I.M. The group debuted on 14 May 2015 with their first EP Trespass. In March 2017, Monsta X released their first studio album and final part of "The Clan" series, The Clan Pt. 2.5: The Final Chapter. In May 2017, the group signed with Mercury Records and debuted with the single "Hero" in Japan. In April 2018, Monsta X’s Japanese single “Spotlight” received an official gold certification by the Recording Industry Association of Japan.
  399.  
  400. </table>
  401. <br> <br>
  402. <h3>MEMESTA X</h3>
  403.  
  404. <img src="https://data.whicdn.com/images/296635429/original.gif?t=1509841535" width="200" height="100" class="img2">
  405. <br> <br>
  406.  
  407. <a href="/view_profile.php?member_id=ID"><img src="https://68.media.tumblr.com/6ec1c5003c9cceee248c49c194125ff7/tumblr_inline_oqry6p4rVs1uhbr8x_500.gif" class="img" height="60" width="60" abbr title="JOOHEON"></a>
  408.  
  409. <a href="/view_profile.php?member_id=ID"><img src="https://68.media.tumblr.com/89a5ed70266f6df76f90c587f113348d/tumblr_inline_ow0wwcBFeG1v7buwa_540.gif" class="img" height="60" width="60" abbr title="IRENE"></a>
  410.  
  411. <a href="/view_profile.php?member_id=ID"><img src="https://78.media.tumblr.com/e790640a5412c489048fea285d533a3d/tumblr_inline_oy9ti9Y9Yf1sa9vdw_540.gif" class="img" height="60" width="60" abbr title="YERI"></a>
  412.  
  413. <a href="/view_profile.php?member_id=ID"><img src="https://78.media.tumblr.com/70d063e56cbd41700cdbe57b576153b1/tumblr_inline_owsmm4GpnN1v7buwa_540.gif" class="img" height="60" width="60" abbr title="SEULGI"></a>
  414.  
  415. <a href="/view_profile.php?member_id=ID"><img src="https://78.media.tumblr.com/8cbdaf83f7a1f9d18d3eae08820b74c4/tumblr_inline_p0vvwoRH5g1ur007q_540.gif" class="img" height="60" width="60" abbr title="WENDY"></a>
  416.  
  417. <a href="/view_profile.php?member_id=ID"><img src="https://78.media.tumblr.com/07dbb1cb4bbfd66ab842a2521e69b88a/tumblr_inline_p5tm6qHMpR1td4caw_540.gif" class="img" height="60" width="60" abbr title="JIMIN"></a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement