API tools faq
paste
Advertisement
ranmouri

aPink blogger.com Layout 04

ranmouri
Mar 12th, 2015
1,670
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.75 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  4.  
  5.  
  6. <!--
  7. #01 Theme - aPink
  8. by redvelvet.cc
  9. JOY
  10. Change the theme all you want. Don't remove the credits!
  11. -->
  12.  
  13. <head>
  14.  
  15. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  16. <meta name="description" content="Confessions of a far too ordinary kid. Sometimes I rant a lot and I really enjoy making designs, too." />
  17. <meta name="keywords" content="journal, university, korea" />
  18. <meta name="author" content="http://redvelvet.cc" />
  19. <title><$BlogPageTitle$></title>
  20.  
  21. <script type="text/javascript">
  22. function changeNavigation(id)
  23. {document.getElementById('content').innerHTML=document.getElementById(id).innerHTML}
  24. </script>
  25.  
  26. <link rel="shortcut icon" href="http://static.tumblr.com/vtpjnno/KoBni4wgs/mini_gifs185.gif"/>
  27.  
  28. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  29. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  30. <script>
  31. (function($){
  32. $(document).ready(function(){
  33. $("[title]").style_my_tooltips();
  34. });
  35. })(jQuery);
  36. </script>
  37.  
  38.  
  39. <style type="text/css">
  40. #s-m-t-tooltip {
  41. z-index: 9999;
  42. background: #FFF;
  43. font-size: 9px;
  44. line-height: 11px;
  45. font-family: cambria;
  46. font-style: oblique;
  47. letter-spacing: 1px;
  48. text-transform: lowercase;
  49. color: #AAA;
  50. border: 3px double #F0F0F0;
  51. max-width: 150px;
  52. text-align: justify;
  53. padding: 5px 10px 5px 10px;
  54. display: block;
  55. margin: 14px 14px 7px 12px;
  56. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.1);
  57. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.1);
  58. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.1);
  59. }
  60.  
  61. ::-webkit-scrollbar { width: 20px; height: 20px; }
  62. ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb { border-radius: 999px; border: 5px solid transparent;}
  63. ::-webkit-scrollbar-track { box-shadow: 1px 1px 5px rgba(0,0,0,.1) inset; }
  64. ::-webkit-scrollbar-thumb { min-height: 20px; background-clip: content-box; box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset; }
  65. ::-webkit-scrollbar-corner { background: transparent; }
  66. ::-webkit-scrollbar { -webkit-appearance:none; width:12px; _background-color:#89998f; }
  67. ::-webkit-scrollbar-thumb { border-radius:12px; border:4px solid #; background-clip:content-box; _background-color:#000; background-color: rgba(137,153,143,.5); }
  68. ::-webkit-scrollbar-thumb:hover { border-radius:12px; border:4px solid rgba(255,255,255,0); background-clip:content-box; background-color:#89998f; }
  69. ::-webkit-scrollbar-corner { background-color:#e6e6e6; }
  70.  
  71. ::-moz-selection {
  72. background:#F2EBF3;
  73. color: #BCB5BF;
  74. text-shadow:1px 1px 0 #fff;
  75. }
  76.  
  77. ::selection {
  78. background:#F2EBF3;
  79. color: #BCB5BF;
  80. text-shadow:1px 1px 0 #fff;
  81. }
  82.  
  83. @font-face {
  84. font-family: nilland;
  85. src: url(http://static.tumblr.com/m6lylkj/kWan1pg8a/nilland.ttf);
  86. }
  87.  
  88. body {
  89. background-color: #f9dad8;
  90. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  91. background-image: url('');
  92. background-repeat: repeat-y;
  93. font-family: "tahoma";
  94. text-align:justify;
  95. font-size: 10px;
  96. color: #666;
  97. margin: 0px;
  98. padding: 0px;
  99. }
  100. #sidebar{position: absolute; left:220px; top: 353px; width:192px;
  101. background-color:#fdf1ed; padding: 5px;}
  102. #sidebar2{position: absolute; left:945px; top: 353px; width:192px;
  103. background-color:#fdf1ed; padding: 5px;}
  104.  
  105. #content{position: absolute; left: 420px; top: 393px; width:517px;
  106. background-color:#fdf1ed; padding: 5px;}
  107.  
  108. #header{position: absolute; left: 200px; top: 0px;}
  109.  
  110.  
  111. .post {
  112. margin-bottom: 30px;
  113.  
  114. }
  115.  
  116.  
  117.  
  118. a:link, a:active, a:visited {
  119. text-decoration: none;
  120. color: #c3838c;
  121. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  122. }
  123. a:hover {
  124. color: #ffffff;
  125. text-decoration: none;
  126. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  127. }
  128.  
  129. a.aff:link, a.aff:active, a.aff:visited{
  130. text-align:center;
  131. padding:2px; margin:1px;
  132. font-size: 10px; line-height:9px;
  133. color:#cccccc;
  134. background-color:#fff;
  135. border:1px solid #f2f2f2; padding:2px; background:#fbfbfb;
  136. display:block;
  137. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  138. }
  139.  
  140. a.aff:hover{
  141. text-align:center;
  142. padding:2px; margin:1px;
  143. font-size: 10px; line-height:9px;
  144. color: #eba1c5;
  145. background-color:#fff;
  146. display:block;
  147. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  148. }
  149.  
  150. nav {
  151. text-align:center;
  152. padding:2px; margin:1px;
  153. font-size: 10px; line-height:9px;
  154. color:#cccccc;
  155. background-color:#fff;
  156. border:1px solid #f2f2f2; padding:2px; background:#fbfbfb;
  157. display:block;
  158. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  159. }
  160. nav:hover{
  161. text-align:center;
  162. padding:2px; margin:1px;
  163. font-size: 10px; line-height:9px;
  164. color: #eba1c5;
  165. background-color:#fff;
  166. display:block;
  167. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  168. }
  169.  
  170. #candy {
  171. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  172. opacity: 0.6;
  173. bottom:3px;
  174. right:3px;
  175. opacity:1;
  176. position:fixed; z-index:1;
  177. }
  178.  
  179.  
  180. h1{
  181. color:#fff;
  182. font-size: 10pt;
  183. font-weight: bold;
  184. padding-left:2px;
  185. background-color: #f5d6d9;
  186. display:block;
  187. margin:0px; padding:2px;
  188. font-style: italic;
  189. text-shadow:1px 1px 0 #f2b8c4;
  190. font-family:georgia;
  191. text-align: right;
  192. }
  193.  
  194. b {color:#b3c9cd;}
  195. i {color:#99cba2;}
  196. u {color:#c3838c;}
  197.  
  198. blockquote{
  199. padding:6px;
  200. background-color: #f5d6d9;
  201. color:#fff;
  202. }
  203.  
  204. input, submit, textarea{
  205. padding:3px; margin:0px;
  206. background-color: #f9dadb;
  207. border:1px solid #b8b8b8;
  208. color:#fff;
  209. font-family: "tahoma";
  210. font-size: 10px;
  211. width:200px;
  212. }
  213.  
  214. img.icon {
  215. -webkit-border-radius: 100%;
  216. -moz-border-radius: 100%;
  217. border-radius: 100%;
  218. width: 44px;
  219. height:44px;
  220. float: left;
  221. margin-right: 7px;
  222. margin-top:4px;
  223. }
  224.  
  225. e img {
  226. padding:5px;
  227. border:1px solid #eeeeee;
  228. background-color:#fbfbfb;
  229. opacity: 0.8;
  230.  
  231. -webkit-filter: grayscale(10%);
  232. z-index: -9999999999999999999999999px;
  233. -webkit-transition: all 0.9s ease-in-out;
  234. -moz-transition: all 0.9s ease-in-out;
  235. -o-transition: all 0.9s ease-in-out;
  236. -ms-transition: all 0.9s ease-in-out;
  237. transition: all 0.9s ease-in-out;
  238. }
  239.  
  240. e img:hover {
  241. -webkit-filter: grayscale(0%);
  242. z-index: -9999999999999999999999999px;
  243. -webkit-transition: all 0.9s ease-in-out;
  244. -moz-transition: all 0.9s ease-in-out;
  245. -o-transition: all 0.9s ease-in-out;
  246. -ms-transition: all 0.9s ease-in-out;
  247. transition: all 0.9s ease-in-out;
  248.  
  249. opacity: 1;
  250. }
  251.  
  252. .blogger-labels{
  253. color:#808080;
  254. text-decoration:none;
  255. -moz-transition-duration:0.1s;
  256. -webkit-transition-duration:0.1s;
  257. -o-transition-duration:0.1s;
  258.  
  259. font-weight: normal;
  260. text-indent: 5px;
  261. font-family:Times; font-style: oblique;
  262. letter-spacing: 1px;
  263. font-size: 9px;
  264. display: block;
  265. padding: 5px;
  266. margin-top: 0px;
  267. margin-bottom: -8px;
  268. }
  269.  
  270. h3 {
  271. color:#808080;
  272. text-decoration:none;
  273. -moz-transition-duration:0.1s;
  274. -webkit-transition-duration:0.1s;
  275. -o-transition-duration:0.1s;
  276.  
  277. font-weight: normal;
  278. text-indent: 5px;
  279. text-transform: uppercase;
  280. letter-spacing: 1px;
  281. font-size: 7px;
  282. display: block;
  283. padding: 5px;
  284. margin-top: 0px;
  285. margin-bottom: -8px;
  286.  
  287. }
  288.  
  289. h2 {
  290. font-family: calibri;
  291. font-weight: normal;
  292. text-indent: 5px;
  293. text-transform: uppercase;
  294. letter-spacing: 1px;
  295. font-size: 9px;
  296. display: block;
  297. padding: 5px;
  298. margin-top: 2px;
  299. margin-bottom: 3px;
  300. background: #FBFBFB;
  301. border-left: 10px solid #F0F0F0;
  302. }
  303. blockquote {background: #fcfcfc; border:1px dotted #eee; padding: 15px; color: #181818; font-family: Georgia, serif;}
  304.  
  305. .post img { max-width: 495px; background: #F8F8F8; padding: 4px; border: 1px solid #f1f1f1; margin-bottom: 3px;margin-top: 3px; -webkit-transition: .3s; transition: .3s; -o-transition: .3s; -moz-transition: .3s; }
  306. img.half { width: 198px; padding: 0; background: none; border: 0; margin-left: 1px; }
  307. img.none { background: none; border: 0; padding: 0; }
  308. .post img:hover { -webkit-filter: grayscale(.5); -webkit-transition: .5s; transition: .5s; -o-transition: .5s; -moz-transition: .5s; }
  309.  
  310.  
  311.  
  312. li {
  313. list-style-image:url('http://media.tumblr.com/7a1012d22dc1be13a901a917d20005d0/tumblr_inline_nkji20huX91s8cpby.gif');
  314. }
  315. </style>
  316.  
  317. <body>
  318.  
  319. <div id="header"><img src="http://static.tumblr.com/fowzldg/IhXnl2pb7/headerforblogskins.png"></div>
  320.  
  321. <div id="sidebar">
  322. <h1>welcome!</h1>
  323.  
  324. <center>
  325. <e><img src="http://38.media.tumblr.com/0e2adb645ba1eb739ba8ad486e4adaef/tumblr_nkeo02ywtk1tkg5gko5_250.gif" style="width:180px;margin-top:5px;">
  326. </center></e>
  327.  
  328. <table width="100%" cellpadding="1" cellspacing="0" border="0">
  329. <tr><td width="50%" valign="top">
  330. <nav><span onClick="changeNavigation('blog')" title="blog">index</span></nav>
  331.  
  332. </td><td width="50%" valign="top">
  333. <nav><span onClick="changeNavigation('girl')" title="blog">profile</span></nav>
  334.  
  335. </td></tr></table>
  336.  
  337.  
  338. <p><img src="http://media.tumblr.com/tumblr_lm6ovbHHKU1qfoi4t.gif" alt="" />
  339. <img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/mini-icone2.gif" alt="" />
  340. <b>bold</b> <i>italic</i> <u>underline</u> <a href="">link</a> Lorem ipsum dolor sit amet, <b>consectetuer</b> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoree magna aliquam erat volutpat. Ut wisi enim ad minim veniam, <i>quis</i> nostrud exerci tation <u>ullamcorper</u> suscipit lobortis nisl ut aliquip ex ea <i>commodo</i> consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet magna aliquam erat <b>volutpat</b>.
  341. <p>
  342. <select style="font-family: lucida console; color: #696969; background: #fff; width: 190px; font-size: 9px; letter-spacing: 1px; border: 2px solid #efcdcd;" onchange="location.href=this.options[this.selectedIndex].value;"><option value="">affiliates</option>
  343. <option value="URL">★ become?</option>
  344. <option value="URL">★ become?</option>
  345. </select>
  346. <p>
  347.  
  348. <h1>header</h1>
  349.  
  350. <center><div style="margin-top:5px">
  351. <iframe frameborder="0" width="100%" height="100" src="http://www7.cbox.ws/box/?boxid=423390&amp;boxtag=omashu&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-788275" style="border:0px solid;" id="cboxmain5-788275"></iframe>
  352. <iframe frameborder="0" width="100%" height="60" src="http://www7.cbox.ws/box/?boxid=423390&amp;boxtag=omashu&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-788275" style="border:0px solid id="cboxform5-788275"></iframe>
  353. <tr></center>
  354. <td>
  355. <!-- DONT YOU DARE REMOVING THIS -->
  356. <div id="footer" style="color:#cccccc; ">
  357. <center>click <a href="http://my.cbox.ws/omashu" target="_blank" title="write me a nice message!"><u>here</u></a> to enlarge my shoutbox.</center>
  358. </div>
  359. </td>
  360. </tr>
  361. <p>
  362.  
  363.  
  364. </div>
  365.  
  366. <div id="sidebar2">
  367. <h1>profile</h1>
  368.  
  369. <e><img src="http://static.tumblr.com/fowzldg/5Rinl2mda/chorong35.png" class="icon" title="*aegyo*" />
  370. </e>
  371. (<b>Ran</b>), nineteen. <img src="http://media.tumblr.com/6fc5a41e20348dfc630580a79f646cf9/tumblr_inline_nkji63igRF1s8cpby.gif"> This <i>sophisticated</i> <u>journal</u> is kept by a far too ordinary kid. My idea of a good time is <i>staying at home</i> and watching <a href="http://mydramalist.com/profile/i084" target="_blank">korean dramas</a> as well as crying over <b>idols</b>.<br>
  372. My <U>fandoms</u> are aPink, Got7, Infinite, EXO (<s>kinda..</s>), iKon etc. I guess you could say my <b>ultimate</b> <i>favourite</i> <u>drama</u> is Reply 1997 but I also really enjoyed school 2013 and my love who came from the stars. <br>
  373. If for some strange reason you want to <b> read more</b> about me <a href="/">click here</a> <img src="http://media.tumblr.com/1bfd1517a7e6cd081731450e958655fa/tumblr_inline_nkji6h0Rke1s8cpby.gif">
  374.  
  375. <p>
  376. <table width="100%" cellpadding="1" cellspacing="0" border="0">
  377. <tr><td width="50%" valign="top">
  378. <a href="http://apink.co" target="_blank" class="aff">korean tumblr</a>
  379. <a href="http://mydramalist.com/dramalist/i084" target="_blank" class="aff">mydramalist</a>
  380. <a href="http://www.blogskins.com/me/xehun" target="_blank" class="aff">blogskins</a>
  381. </td><td width="50%" valign="top">
  382. <a href="http://scrubs.tumblr.com" target="_blank" class="aff">fandom tumblr</a>
  383. <a href="https://instagram.com/suzaen/" class="aff" target="_blank">instagram</a>
  384. <a href="http://www.blogger.com/follow-blog.g?blogID=4842865367121897023" class="aff">+follow</a>
  385. </td></tr></table>
  386.  
  387. <p>
  388. <h1>categories</h1>
  389. <a href="/search/label/update">Update</a> ☆
  390. <a href="/search/label/embarrassing">Embarrassing</a> ☆
  391. <a href="/search/label/thoughs">Thoughts</a> ☆
  392. <a href="/search/label/sad">Sad</a> ☆
  393. <a href="/search/label/school">School</a> ☆
  394. <a href="/search/label/life">Life</a> ☆
  395. <a href="/search/label/love life">Love Life</a> ☆
  396. <a href="/search/label/life lesson">Life Lesson</a> ☆
  397. <a href="/search/label/review">K-Drama Reviews</a> ☆
  398. <a href="/search/label/kdrama talk">K-Drama Talk</a> ☆
  399. <a href="/search/label/fangirling">Fangirling</a> ☆
  400. <a href="/search/label/rant">Rant</a> ☆
  401. <a href="/search/label/university">University</a>
  402.  
  403. <e>
  404. <center><embed src="http://blog.roodo.com/prb999/14cd2f82.swf" width="185" height="80" flashvars="♥♥♥" wmode="transparent"></center>
  405. </e>
  406.  
  407.  
  408. <p>
  409. <h1>credits</h1>
  410. <e><img src="http://static.tumblr.com/fowzldg/4kdnl2qit/tumblr_ncpj8qaisg1qi4imuo4_250.gif" style="width:180px;margin-top:5px;">
  411. </center></e>
  412. <li><b>Layout</b>: <a href="http://redvelvet.cc"><u>redvelvet.cc</u></a></li>
  413. <li><b>Template</b>: <a href="http://punk-rose.com">punk-rose</a></li>
  414. <p>
  415. </div>
  416.  
  417. <table>
  418. <td id="content">
  419.  
  420. <Blogger>
  421.  
  422. <div class="post">
  423.  
  424. <div class="title"><a href="<$BlogItemPermalinkURL$>"> <div class="h1"><h1><$BlogItemTitle$></h1></div></a></div>
  425.  
  426. <div class="title1"><h3>written on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$> xx</h3></div><br>
  427.  
  428. <$blogitembody$>
  429.  
  430. <div style="text-align: right;"><h3><BlogItemCommentsEnabled>
  431. <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$><b style="color: #000000" title="leave a comment?"><$BlogItemCommentCount$></b> comment(s)</a></BlogItemCommentsEnabled>
  432. <br>
  433. </div>
  434.  
  435. </div>
  436.  
  437. </Blogger>
  438. <div id="bottompag"><b><center>
  439.  
  440.  
  441. <OlderPosts><a href="<$OlderPosts$>"title="time travel to the past">&laquo;</a></OlderPosts>
  442. ☾
  443. <NewerPosts><a href="<$NewerPosts$>"title="time travel to the future">&raquo;</a></NewerPosts>
  444.  
  445.  
  446. </center>
  447. </b><br>
  448.  
  449.  
  450. </div>
  451.  
  452. <td id="blog" style="display: none; index:1;">
  453.  
  454. <Blogger>
  455.  
  456. <div class="post">
  457.  
  458. <div class="title"><a href="<$BlogItemPermalinkURL$>"> <div class="h1"><h1><$BlogItemTitle$></h1></div></a></div>
  459.  
  460. <div class="title1"><h3>written on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$> xx</h3></div><br>
  461.  
  462. <$blogitembody$>
  463.  
  464. <div style="text-align: right;"><h3><BlogItemCommentsEnabled>
  465. <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$><b style="color: #000000" title="leave a comment?"><$BlogItemCommentCount$></b> comment(s)</a></BlogItemCommentsEnabled>
  466. <br>
  467. </div>
  468.  
  469. </div>
  470.  
  471. </Blogger>
  472. <div id="bottompag"><b><center>
  473.  
  474.  
  475. <OlderPosts><a href="<$OlderPosts$>"title="time travel to the past">&laquo;</a></OlderPosts>
  476. ☾
  477. <NewerPosts><a href="<$NewerPosts$>"title="time travel to the future">&raquo;</a></NewerPosts>
  478.  
  479.  
  480. </center>
  481. </b><br>
  482.  
  483.  
  484. </div>
  485.  
  486. <td id="girl" style="display: none; index:1;">
  487.  
  488. <div class="post">
  489.  
  490.  
  491. <h1>About me and this blog</h2>
  492. <br>
  493. <center><b>{</b> Scroll down for <u>about me</u> » <u>bias list</u> » <u>history of i084</u> » <u>past layouts</u> » <u><font style="color:red;">credits</u></font><b> }</b></center>
  494. <br>
  495. <center><img src="http://31.media.tumblr.com/4645a6a9feadae97f2a5d64eb9851bb2/tumblr_mzvd4kWUDH1qzh5sno1_250.gif" /> <img src="http://31.media.tumblr.com/b1711a00c692f913b97a3bddadf3ed87/tumblr_mzvd4kWUDH1qzh5sno4_250.gif" /></center>
  496.  
  497. <b>Nickname</b> ran<br>
  498. <b>Age</b> 95’ line <br>
  499. <b>Hobbies</b> blogging, dieting, eating, gym, reading, movies, tv shows, kdramas, kpop<br>
  500. <b>TV series</b> SHERLOCK bbc, teen wolf, my mad fat diary, the mindy project <br>
  501. <b>Movies</b> harry potter, most of the marvel movies, pursuit of happiness<br>
  502. <b>Music </b> chad faker, the weeknd, ariana grande, beyonce, ed sheeran, one direction, he is we, the neighbourhood, bastille, marina and the diamonds, taylor swift<br>
  503. <b>K-Pop</b> EXO, got7, infinite, f(x), 2ne1, tablo, k.will<br>
  504. <b>K-Dramas</b> school 2013, reply 1997, i hear your voice (basically everything w/ lee jong-suk in it), master’s sun, you who came from the stars<br>
  505. <b>Anime</b> detective conan, sailor moon <br>
  506. <b>Manga </b>ouran high school host club<br>
  507. <b>Drinks? </b>coca cola zero|light (i am literally addicted to coke)<br>
  508. <b>Actress/Actor</b> emma watson, dylan o’brien, robert downey jr, tom hiddleston, scarlett johannsson<br>
  509. <b>SNS</b> <a href="http://wuyifan.org/" target="_blank">tumblr</a>.
  510. <a href="http://twitter.com/xoszn/" target="_blank">twitter</a>.
  511. <a href="http://sungshiwon.blog.me/" target="_blank">naver</a>.
  512. <a href="http://mydramalist.com/dramalist/i084" target="_blank">mydramalist</a>.
  513. <a href="http://www.weibo.com/u/5172075055" target="_blank">weibo</a>.
  514.  
  515. <br><br>
  516.  
  517. <h2>Bias List</h2><center>
  518. <img src="http://static.tumblr.com/fowzldg/GAln9htvd/2.png" />
  519. <img src="http://static.tumblr.com/fowzldg/u3gn9hur7/2.png" />
  520. <img src="http://static.tumblr.com/fowzldg/A5xn9ht3p/2.png" />
  521. <img src="http://static.tumblr.com/fowzldg/Wsxn9htfx/2.png" />
  522.  
  523. <img src="http://static.tumblr.com/fowzldg/ZYkn9hwr4/2.png" />
  524. <img src="http://static.tumblr.com/fowzldg/VJjn9hwta/2.png" />
  525. <img src="http://static.tumblr.com/fowzldg/S8Bn9hx7i/2.png" />
  526. <img src="http://static.tumblr.com/fowzldg/cF6n9hwj4/2.png" />
  527. <img src="http://static.tumblr.com/fowzldg/z1Fn9hwx2/2.png" />
  528. <img src="http://static.tumblr.com/fowzldg/FcXn9hx26/2.png" />
  529.  
  530. <img src="http://static.tumblr.com/fowzldg/Qihn9hwou/2.png" />
  531. <img src="http://static.tumblr.com/fowzldg/qcPn9hwkr/2.png" />
  532. <img src="http://static.tumblr.com/fowzldg/vTln9huxk/2.png" />
  533. <img src="http://static.tumblr.com/fowzldg/Vl9n9hwjx/2.png" />
  534. <img src="http://static.tumblr.com/fowzldg/ezGn9hwig/2.png" />
  535. <img src="http://static.tumblr.com/fowzldg/buQn9hwhn/2.png" />
  536. </center>
  537.  
  538. <h2>history of i084</h2>
  539.  
  540. I was about 14 or 15. The first hompeage I ever had was <a href="http://glamgirlmileycyrus.jimdo.com">glamgirlmileycyrus.jimdo.com</a>. I used to have so many fansites (mostly Miley, Demi and Selena ones) and then I discovered Animes and Mangas.&nbsp;<br />I had a new interest and again, made several fanpages like <a href="http://ouranhighschoolhostclub.jimdo.com">ouranhighschoolhostclub.jimdo.com</a> and <a href="http://vampireknightlove.jimdo.com">vampireknightlove.jimdo.com</a>, both still online but not active anymore, since my interest faded.<br />My next project was <a href="http://nightly-dream.de.tl">nightly-dream.de.tl</a> and later on <a href="http://omashu.de.tl">omashu.de.tl</a>. But the server I was using back then really sucked and you weren&rsquo;t able to code a proper layout on there so I moved to <a href="http://omashu.jugem.jp">omashu.jugem.jp</a>. Unfortunately, I am not able to speak Japanese, meaning I had a lot of trouble understanding the homepage. After a couple of months my weeaboo ass gave up and finally accepted that joining a japanese homepage was a shit idea.<br />So then I made a really big homepage and even used wordpress, but <a href="http://taess.net">taess.net</a> suddenly decided to stop offering hosting, so I made a side-blog on tumblr <a href="http://omashu.tk">omashu.tk</a>. Then I moved to Livejournal (<a href="http://moriu.livejournal.com">moriu.livejournal.com</a>), because LJ has the best blogging system out there. Again I had trouble with the layout and didn&rsquo;t like my username anymore. I went back to Tumblr after that (<a href="http://i084.zsh.jp">i084.zsh.jp</a>) but decided to move my blog to blogger since you can't embed videos nor post two pictures next to each other on tumblr, which really bothered me after time. Plus I think blogger has a better post writing system although I don't like how the layout editing works here.
  541. <br />i084 is a reference to Haruki Murakami&rsquo;s novel 1Q84 which I didn't finish because I didn't like it. I liked some Murakami's ideas though. Just google "yehet" if you want to now what it means.<br>
  542. The domain I used before <i>oppa.yehet.me</i> was <s>blog.yehet.me</s>. Unfortunately I had to close down the previous one because this stupid stalker kid from my university found my blog.
  543. <br><br>
  544.  
  545. <h2> past layouts (newest&nbsp;&raquo; oldest)</h2><center>
  546.  
  547. <p><img src="http://static.tumblr.com/vtpjnno/EBpnkg9wf/screenshot__173_.png" /></p>
  548.  
  549. <p><img src="https://31.media.tumblr.com/adb21e5d492d27ed42b62b000e62282e/tumblr_inline_n9hm8z8Pw71s8cpby.png" /></p>
  550. <p><img src="https://31.media.tumblr.com/a38351b9118927822308a7ef12c16da6/tumblr_inline_n6ync5pCJw1s8cpby.png" /></p>
  551. <p><img src="https://31.media.tumblr.com/03c4e767b43892c148f80ce6b2d951e3/tumblr_inline_n6ynd4TESe1s8cpby.png" /></p>
  552.  
  553. </center>
  554.  
  555. <h2> credits</h2>
  556.  
  557. <li> Layout: <a href="http://www.blogskins.com/info/386926" target="_blank">one</a> <a href="http://doability.tumblr.com/" target="_blank">two</a> <a href="http://punk-rose.com/" target="_blank">three</a> <a href="http://nomonyx.tumblr.com/" target="_blank">four</a></li>
  558. <li> Quotes: <a href="https://twitter.com/aQuoteAday" target="_blank">one</a>
  559. <li> Icons: <a href="http://shimian.livejournal.com/" target="_blank">one</a> <a href="http://bookishvice.livejournal.com/" target="_blank">two</a></li>
  560. <li> Recources: <a href="HTTP://YEAHPS.TUMBLR.COM/ " target="_blank">one</a>
  561. <a href="http://ohmilk.me/ " target="_blank">two</a>
  562. <a href="http://fy-exo.com/" target="_blank">three</a>
  563. <a href="http://fyeahkris.tumblr.com/" target="_blank">four</a>
  564. <a href="http://emojiprincess.deviantart.com/" target="_blank">five</a>
  565. <a href="http://mpepina.deviantart.com/" target="_blank">six</a>
  566. <a href="http://exotic-siro.deviantart.com/" target="_blank">seven</a>
  567. <a href="http://a-sonrix.deviantart.com/" target="_blank">eight</a>
  568. <a href="http://evenstarss.deviantart.com/" target="_blank">nine</a>
  569.  
  570.  
  571.  
  572. </td>
  573.  
  574. <td id="tags" style="display: none;">
  575. <h1>Tags and reviews</h2>
  576. <h2>tags</h2>
  577. <center><br>
  578. ? <a href="/search/label/update">Update</a> ?
  579. <a href="/search/label/embarrassing">Embarrassing</a> ?
  580. <a href="/search/label/thoughts">Thoughts </a>?
  581. <a href="/search/label/sad">Sad </a>?
  582. <a href="/search/label/school">School </a>?
  583. <a href="/search/label/life">Life </a>?
  584. <a href="/search/label/love life">Love Life </a>?
  585. <a href="/search/label/life lesson">Life Lesson </a>? <br>
  586. ?
  587. <a href="/search/label/kdrama review">K-Drama Reviews </a>?
  588. <a href="/search/label/kdrama talk">K-Drama Talk </a>?
  589. <a href="/search/label/fangirling">Fangirling </a>?
  590. <a href="/search/label/rant">Rant </a>?</center>
  591. <br>
  592. <h2>reviews</h2><center>
  593.  
  594. <a href="/search/label/kdrama%20review" target="_blank"><img src="http://static.tumblr.com/fowzldg/JCan9hqx8/1.png"></a>
  595. <a href="/2013/12/k-drama-review-school-2013-2013.html" target="_blank"><img src="http://static.tumblr.com/fowzldg/0FEn9hr8h/1.png"></a>
  596. <a href="/2013/12/k-drama-review-i-hear-your-voice.html" target="_blank"><img src="http://static.tumblr.com/fowzldg/ApZn9hri6/1.png"></a>
  597. <a href="/2014/01/k-drama-review-heirsthe-inheritors.html" target="_blank"><img src="http://static.tumblr.com/fowzldg/pHnn9hro9/1.png"></a>
  598. <a href="/2014/01/k-drama-review-master-sun.html" target="_blank"><img src="http://static.tumblr.com/fowzldg/Xmhn9hrtp/1.png"></a>
  599. <a href="/2014/01/k-drama-review-playful-kiss.html" target="_blank"><img src="http://static.tumblr.com/fowzldg/mbSn9hrx9/1.png"></a>
  600. <a href="/2014/02/k-drama-reviews-20-years-old-greatest.html" target="_blank"><img src="http://static.tumblr.com/fowzldg/a5Pn9hs0z/1.png"></a>
  601. <a href="/2014/02/k-drama-reviews-20-years-old-greatest.html" target="_blank"><img src="http://static.tumblr.com/fowzldg/KKun9hs4q/1.png"></a>
  602. <a href="/2014/02/k-drama-reviews-20-years-old-greatest.html" target="_blank"><img src="http://static.tumblr.com/fowzldg/DEkn9hs99/1.png"></a>
  603. <a href="/2014/04/k-drama-review-emergency-couple.html" target="_blank"><img src="http://static.tumblr.com/fowzldg/5lHn9hsde/1.png"></a>
  604. <br><br>
  605. <b>To review</b>: Reply 1997, I need Romance, Marry Him If You Dare, Dream High 2, Dream High, Personal Taste, City Hunter, Pretty Man, To The Beautiful You, Heartstrings, Cunning Single Lady, You Who Came From The Stars, Trot Lovers, High School Love On, Angel Eyes, Doctor Stranger, Angel Eyes, Triangle, Witch's Romance, You're All Surrounded, It's okay it's love
  606.  
  607. <br></center>
  608. </td>
  609.  
  610.  
  611. <td id="more" style="display: none;">
  612. <h1>More stuff</h2><br>
  613. <center><b>{</b> Scroll down for <u>my latest design</u> » <u>icons</u> <b> }</b></center>
  614.  
  615. <h2> my latest design</h2>
  616. <center>
  617. <img src="http://static.tumblr.com/fowzldg/Y5qnb6okh/screenshot__51_.png" width="500">
  618. <b>Layout:</b> EXO - Galaxy | <a href="http://jackson-wang.blogspot.de/" target="_blank">LivePreview</a> | <a href="http://www.blogskins.com/info/408568" target="_blank">Download</a><br>
  619. { <a href="http://www.blogskins.com/me/xehun" target="_blank"><i>more designs here</i></a> }
  620.  
  621. </center>
  622.  
  623. <h2> icons</h2><center>
  624. <img src="https://31.media.tumblr.com/7769649e00ffc9ad0ca5e644033c9723/tumblr_inline_n9i0xyDi7z1s8cpby.png" style="line-height: 1.4;" /><span style="line-height: 1.4;">&nbsp;</span><img src="https://31.media.tumblr.com/24e0b00aff49a42dbe7e3cf4c7681422/tumblr_inline_n9i104sYqQ1s8cpby.png" style="line-height: 1.4;" /><span style="line-height: 1.4;">&nbsp;</span><img src="https://31.media.tumblr.com/b9ab8c1096802df909cabe7a80ddc0f1/tumblr_inline_n9bwkf9EHJ1s8cpby.png" />&nbsp;<img src="https://31.media.tumblr.com/eeabc17d6dec5168fd5e0690fae7ed3e/tumblr_inline_n9bwkol8e81s8cpby.png" />&nbsp;<img src="https://31.media.tumblr.com/5b847b7e9bca9f30bac7a176da07e28f/tumblr_inline_n9i1hzWyXf1s8cpby.png" />&nbsp;<img src="https://31.media.tumblr.com/45a6becfbe1fa9e317094364fd00601d/tumblr_inline_n9bwksK6fd1s8cpby.png" style="line-height: 1.4;" /><span style="line-height: 1.4;">&nbsp;</span><img src="https://31.media.tumblr.com/4e7b559d55855a8ad37b5209cbe7b8d0/tumblr_inline_n9bxnwHxJd1s8cpby.png" style="line-height: 1.4;" /><span style="line-height: 1.4;">&nbsp;</span><img src="https://31.media.tumblr.com/e80c788bb3e31bcb190b1b9a4601a8dc/tumblr_inline_n9bxsqEx6A1s8cpby.png" style="line-height: 1.4;" /><span style="line-height: 1.4;">&nbsp;</span><img src="https://31.media.tumblr.com/f8ff824c1caf18e1f0009bcad56e8acd/tumblr_inline_n9bxvzGfJq1s8cpby.png" style="line-height: 1.4;" /><span style="line-height: 1.4;">&nbsp;</span><img src="https://31.media.tumblr.com/60b0a65e04970f90938c5eeb1f14a895/tumblr_inline_n9by1vCv4Q1s8cpby.png" style="line-height: 1.4;" /><span style="line-height: 1.4;">&nbsp;</span><img src="https://31.media.tumblr.com/bc7e359c37a0c43bb18ba22f6ea739ff/tumblr_inline_n9by4kfxpK1s8cpby.png" style="line-height: 1.4;" /><span style="line-height: 1.4;">&nbsp;</span><img src="https://31.media.tumblr.com/fdde0b58e7ad8ad92cefe242554170dd/tumblr_inline_n9bygzZEJF1s8cpby.png" style="line-height: 1.4;" /><span style="line-height: 1.4;">&nbsp;</span><img src="https://31.media.tumblr.com/ae85ccc47ff35d820517aee40e9b23d4/tumblr_inline_n9bykhu83c1s8cpby.png" style="line-height: 1.4;" /><span style="line-height: 1.4;">&nbsp;</span><img src="https://31.media.tumblr.com/f37e8fc7da14b01ad19f53664144241b/tumblr_inline_n9byoz7NmR1s8cpby.png" style="line-height: 1.4;" /><span style="line-height: 1.4;">&nbsp;</span><img src="https://31.media.tumblr.com/c9498d6eb70a841cd65700c1a4306a6e/tumblr_inline_n9hy8suzVG1s8cpby.png" style="line-height: 1.4;" /><span style="line-height: 1.4;">&nbsp;</span><img src="https://31.media.tumblr.com/63fe61d4f214b005f005ebf1c6d93099/tumblr_inline_n9i0h8RoiV1s8cpby.png" style="line-height: 1.4;" /><span style="line-height: 1.4;">&nbsp;</span>
  625.  
  626.  
  627.  
  628. <br>
  629. { <a href="http://galaxy-fanfan.livejournal.com" target="_blank"><i>more icons here</i></a> }
  630.  
  631. </center>
  632.  
  633. </td>
  634. </div>
  635.  
  636.  
  637. <td id="shout" style="display: none; index:1;">
  638. <div class="post">
  639. <h1>Shoutbox</h1><p>
  640.  
  641. <!-- BEGIN CBOX - www.cbox.ws - v4.1 -->
  642. <div id="cboxdiv" style="position: relative; margin: 0 auto; width: 495px; font-size: 0; line-height: 0;">
  643. <div style="position: relative; height: 320px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border:#FFFFFF 1px solid;"><iframe src="http://www7.cbox.ws/box/?boxid=423390&boxtag=omashu&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain7-423390" id="cboxmain7-423390"></iframe></div>
  644. <div style="position: relative; height: 75px; overflow: hidden; border:#FFFFFF 1px solid; border-top: 0px;"><iframe src="http://www7.cbox.ws/box/?boxid=423390&boxtag=omashu&sec=form" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform7-423390" id="cboxform7-423390"></iframe></div>
  645. </div>
  646. <!-- END CBOX -->
  647.  
  648. </td>
  649. </div>
  650.  
  651.  
  652. <td id="affies" style="display: none; index:1;">
  653. <span onClick="changeNavigation('girl')" title="information" style="text-shadow:2px 1px 1px #fff"><div class="icon" style="position:fixed;">
  654.  
  655. <div class="post">
  656. <h1>Affiliation</h1><p>
  657. <big>link me</big>
  658. <blockquote><center>Link me using this URL: {<b> http://oppa.yehet.me </b>}<br>
  659. Direct linking is fine.
  660. <br></blockquote></center>
  661.  
  662. <center>
  663. <img src="http://media.tumblr.com/1a8f777a0c7e6c31f4c39f5ca1c4e160/tumblr_inline_n2op6gnxcs1s8cpby.png">
  664. <img src="http://media.tumblr.com/36f326341c0523ef4e8f0ade99b4b978/tumblr_inline_n2op6oOku01s8cpby.png">
  665. <img src="http://media.tumblr.com/8512af00e4dde6f9eaf95c6f560928ea/tumblr_inline_n2op6vvRCk1s8cpby.gif">
  666. <img src="http://static.tumblr.com/vtpjnno/BW6n9oxcj/4.gif">
  667.  
  668. <br>
  669.  
  670. <img src="http://static.tumblr.com/fowzldg/foQn9n666/2.gif"> <img src="http://media.tumblr.com/46b2087f12f09d30d9623f39080a1de4/tumblr_inline_n2op73BNtP1s8cpby.gif">
  671. <img src="http://media.tumblr.com/494d620f4dde3472044a0648a544c823/tumblr_inline_n2op7gM2fJ1s8cpby.gif">
  672. <img src="http://static.tumblr.com/fowzldg/sIrn9n7aw/small.gif">
  673. <br>
  674.  
  675. <img src="http://static.tumblr.com/fowzldg/XTRn9n77h/12.gif">
  676. <img src="http://media.tumblr.com/a8adea3513d461891b05049280c860be/tumblr_inline_n2op7uRdhd1s8cpby.gif">
  677. <img src="http://static.tumblr.com/fowzldg/O67n9n6gp/3.gif">
  678.  
  679.  
  680. <br>
  681. <img src="http://static.tumblr.com/fowzldg/iHjn9hblh/banner3.png">
  682. <img src="http://static.tumblr.com/fowzldg/QTxn9n7rf/bannersssss.png">
  683.  
  684. </center>
  685.  
  686. <br><br>
  687. <big>elite affiliates</big>
  688. <br>
  689.  
  690. <center>
  691. <a href="http://blog.haneuri.net/" target="_blank"><img src="http://static.tumblr.com/fowzldg/zPTn9p1u5/hlink.png" /></a>
  692. <a href="http://publicenemyblog.wordpress.com/" target="_blank"><img src="http://static.tumblr.com/fowzldg/4Knn9scvd/21.jpg" /></a>
  693.  
  694. <a href="http://www.wowbeat.net/" target="_blank"><img src="http://static.tumblr.com/vtpjnno/PnRnk4is5/dsfxqh8.png" /></a>
  695. <a href="http://gryffinwhore.net/" target="_blank"><img src="http://static.tumblr.com/vtpjnno/J5fnk4iv2/dsrizga.png" /></a>
  696. </center>
  697.  
  698. <br><center>
  699. <a href="http://mindklatsch.tumblr.com/" target="_blank"><img src="https://31.media.tumblr.com/0135436317ffa862a65a46a5fc02f9d8/tumblr_inline_n2optdq3c41s8cpby.png" /></a>
  700. <a href="http://maskenball.bplaced.net/" target="_blank"><img src="https://31.media.tumblr.com/0bcbfba2efaba1bcc8c8e5b9f38c69a8/tumblr_inline_n2opuhitKc1s8cpby.jpg" /></a>
  701. <a href="http://etcetera.de.to/" target="_blank"><img src="http://file1.npage.de/010255/91/bilder/banner3.png" /></a></center>
  702. <br>
  703.  
  704. <big>regular link exchanges</big><br>
  705. <center> <u>Blogger friends</u>:
  706.  
  707. <a href="http://juniperlamplight.blogspot.de/" target="_blank">Grace</a>.
  708. <a href="http://teablow.blogspot.com" target="_blank">Ami</a>.
  709. <a href="http://i.haneuri.net/" target="_blank">Safire</a>.
  710. <br></center>
  711. <center>
  712.  
  713.  
  714. <a href="http://vsrn.bplaced.net/" target="_blank"><img src="http://static.tumblr.com/fowzldg/HeInl2bjx/vashuron88x31_6.jpg" /></a>
  715.  
  716. <a href="http://www.beguiler.net/" target="_blank"><img src="http://static.tumblr.com/fowzldg/EwSn9scm3/88x31_by_jennifer.png" /></a>
  717. <a href="http://azutsuba.yuedream.de/" target="_blank"><img src="https://31.media.tumblr.com/c70452c2626811e9763fdd0da23c2b35/tumblr_inline_n2oqfusgWK1s8cpby.png" /></a>
  718. <a href="http://www.akuma-corp.de/" target="_blank"><img src="https://31.media.tumblr.com/dc15fd0a2db0f16df021b0a0fa279d97/tumblr_inline_n2oqhbvSmm1s8cpby.gif" /></a>
  719. <a href="http://linzz-fate.blogspot.de/" target="_blank"><img src="https://31.media.tumblr.com/355bd47b9f824c19289b8aa67c12b07f/tumblr_inline_n2oqjuhwq51s8cpby.jpg" /></a>
  720.  
  721. <a href="http://oshare.daily-lovejuice.net/" target="_blank"><img src="https://31.media.tumblr.com/e51e0ed882fc458fea8eb3ac8f337a2f/tumblr_inline_n2oqoa4z2Q1s8cpby.gif" /></a>
  722.  
  723. <a href="http://www.jolly-manga.de/" target="_blank"><img src="https://31.media.tumblr.com/20a24fd27ddd127835b512ab000614e6/tumblr_inline_n2oqs1MeJg1s8cpby.png" /></a>
  724.  
  725.  
  726. <a href="http://towairaito-graphics.com/" target="_blank"><img src="https://31.media.tumblr.com/70907a3b4df1221d10fbe2e025872d07/tumblr_inline_n2oqy2LO6E1s8cpby.png" /></a>
  727. <a href="http://shinjitsunoai.de.to/" target="_blank"><img src="https://31.media.tumblr.com/061478024ca5ec7dfa0bbaa38b41e762/tumblr_inline_n2or0uOqw21s8cpby.png" /></a>
  728.  
  729. <a href="http://blogschrott-herzblut.blogspot.de/" target="_blank"><img src="https://31.media.tumblr.com/b5db6956db7a1260d1cf2a9e693c5889/tumblr_inline_n2or7wrZK41s8cpby.png" /></a>
  730.  
  731. <a href="http://blog.reitenshi.net/" target="_blank"><img src="https://31.media.tumblr.com/e81325bf0a3bc6548913ba0142360c58/tumblr_inline_n2orkijTlJ1s8cpby.png" /></a>
  732.  
  733. <a href="http://www.chibi-graphics.de/" target="_blank"><img src="https://31.media.tumblr.com/a8cef01e1d18133de1c91ab5e32507fa/tumblr_inline_n5kkktWvmd1s8cpby.jpg" /></a>
  734.  
  735. <a href="http://himechan.tk/" target="_blank"><img src="http://static.tumblr.com/fowzldg/koDnkhi43/button1.png" /></a>
  736.  
  737.  
  738. <a href="http://moecci.bplaced.net/blog/" target="_blank"><img src="http://static.tumblr.com/fowzldg/GMXn9jrjz/link4.png" /></a>
  739. <a href="http://stardrops.bplaced.net/" target="_blank"><img src="http://static.tumblr.com/fowzldg/x8on9mzru/stardrops_88x31_2.gif" /></a>
  740.  
  741.  
  742. </center>
  743. </td>
  744. </div>
  745.  
  746.  
  747.  
  748. <p></center>
  749. <div id="candy">
  750.  
  751. <a href="http://redvelvet.cc" target="_blank" title="layout credits"> <img src="http://static.tumblr.com/fowzldg/fVonl2rb4/i084credits.png" /> </a>
  752.  
  753.  
  754. </div>
  755. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!