API tools faq
paste
Advertisement
wufanyeol

blogskin 001 HanBaekYeol

wufanyeol
Feb 8th, 2014
415
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.36 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
  5. </script>
  6. <base target='_blank'/>
  7. <link rel="shortcut icon" href="http://i750.photobucket.com/albums/xx142/pixelypeach/08-16-10%20mini%20pixels/z207068607.gif" />
  8. <center>
  9.  
  10. </script>
  11. <title>HanBaekYeol</title>
  12. <head>
  13. <base target='_blank'/>
  14. <link href='http://media.tumblr.com/tumblr_m7ei12gN1N1qdlkyg.gif' rel='icon' type='image/x-icon'/>
  15. <center><center></center>
  16.  
  17.  
  18. <style type="text/css">
  19.  
  20. #navbar-iframe {
  21. display: none;
  22. }
  23.  
  24. body {
  25. background:#fff;
  26. font-size: 9px;
  27. font-family: times;
  28. background-attachment: fixed;
  29. color: #888888;
  30. line-height: 13px;
  31. text-align: justify;
  32. cursor:ponter;
  33. }
  34.  
  35. table {
  36. background:#fff;
  37. letter-spacing: 1px;
  38. color: #555555;
  39. line-height: 16px;
  40. padding:5px;
  41. border:solid 1px #fff
  42. width:900px;
  43. }
  44.  
  45. .title {
  46. color: #2E2E2E;
  47. font-family:times;
  48. font-size:11px;
  49. line-height:17px;
  50. text-align: center;
  51. background:;
  52. text-transform: lowercase;
  53. letter-spacing: 1px;
  54. border-bottom:1px solid #ddd;
  55.  
  56. }
  57.  
  58. .title1 {
  59. font-family: times;
  60. font-size:8px;
  61. letter-spacing: 2px;
  62. text-transform: uppercase;
  63. line-height:16px;
  64. color: #8E8E8E;
  65. text-align: center;
  66. border-top:none;
  67. background: #fff;
  68. margin-bottom: 20px;
  69.  
  70. }
  71.  
  72. a:link, a:visited {
  73. color: #81DAF5;
  74. text-decoration: none;
  75. -webkit-transition:0.5s;
  76. }
  77.  
  78. a:hover{
  79. text-decoration: none;
  80. background:transparent;
  81. color: #ddd;
  82. -webkit-transition:0.5s;
  83. cursor:pointer;
  84. }
  85.  
  86. a.link {
  87. background: #fff;
  88. padding: 1px;
  89. border: 2px solid #F9DDFC;
  90. width: 100px;
  91. display: inline-block;
  92. color: #ccc;
  93. -webkit-transition: 1s;
  94. text-align: center;
  95. text-transform: uppercase;
  96. font-size: 9px;
  97. line-height: 15px;
  98. margin-bottom: 5px;
  99. font: 10px tt;
  100. padding: 3px;
  101. }
  102.  
  103. a.link:hover {
  104. box-shadow: inset 130px 0 0px 0 #ddd;
  105. -webkit-transition: 1s;
  106. color: #fff;
  107. }
  108.  
  109. ::-webkit-scrollbar {
  110. height: 12px;
  111. width: 5px;
  112. background: #000;
  113. }
  114.  
  115. ::-webkit-scrollbar-thumb {
  116. background-color: #fff;
  117. border: 2px solid #fff;
  118. }
  119.  
  120. blockquote {
  121. text-align:left;
  122. border-bottom:1px solid #81DAF5;
  123. border-top:1px solid#81DAF5;
  124. border-right:1px solid #81DAF5;
  125. border-left:1px solid #81DAF5;
  126. padding:5px;
  127. font: 11px arial, sans serif;}
  128. }
  129.  
  130. b {
  131. color:#fdf5d2;
  132. }
  133.  
  134. u {
  135. text-decoration: none;
  136. border-bottom: 2px solid #D8D8D8;
  137. }
  138.  
  139. ::selection {
  140. background:#transparent;
  141. color: #ddd;
  142. }
  143.  
  144. @font-face { font-family:yow !important; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important; }
  145.  
  146.  
  147.  
  148.  
  149. .zelo {
  150. display:inline-block;
  151. text-align:left;
  152. width:270px;
  153. color:#888;
  154. background:url(http://i750.photobucket.com/albums/xx142/pixelypeach/08-16-10%20mini%20pixels/i_0503e.gif);
  155. color:#888;
  156. font-size: 9px;
  157. font-family: arial, sans serif;
  158. text-transform:lowercase;
  159. background-repeat:no-repeat;
  160. background-size:12px;
  161. padding-left:18px;
  162. padding-bottom:3px;
  163. -webkit-transition: 0.4s;
  164. }
  165.  
  166. .zelo:hover{
  167. background:url(http://i750.photobucket.com/albums/xx142/pixelypeach/08-16-10%20mini%20pixels/i_0503a.gif) !important;
  168. -webkit-transition: 0.5s;
  169. background-repeat:no-repeat !important;background-size:12px !important;!important;!important;color:#e6e6e6!important;
  170. }
  171.  
  172. @font-face {
  173. font-family:tt !important;
  174. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
  175. }
  176.  
  177. #s-m-t-tooltip {
  178. border-radius:10px;
  179. max-width:300px;
  180. max-width:300px;
  181. padding:4px 4px 4px 6px;
  182. margin:20px 0px 0px 20px;
  183. background-color:#fff; /* change the background color */
  184. border:3px solid #eee; /* change the border color */
  185. font-family:calibri; /* change the font */
  186. font-size:9px; /* change the font size */
  187. font-style:bold;
  188. letter-spacing:2px; /* change the letter spacing */
  189. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  190. color:#999; /* change the text color */
  191. z-index:999999999999999999999999999999999999;
  192. }
  193. ]]></b:skin>
  194. img{
  195. opacity:1;
  196. -webkit-transition:All 1s ease;
  197. -moz-transition:All 1s ease;
  198. -o-transition:All 1s ease;
  199. }
  200.  
  201. img:hover{
  202. opacity:0.1;
  203. }
  204.  
  205. .post-footer{
  206. color:#fff;
  207. height:10px;
  208. font-size:10px;
  209. margin:11px 0px 15px;
  210. border-top:1px dashed #F0EEEE;
  211. }
  212.  
  213. a.teen1{
  214. display:inline-block;
  215. -webkit-transition:All 0.8s ease;
  216. -moz-transition:All 0.8s ease;
  217. -o-transition:All 0.8s ease;
  218. padding-top:3px;
  219. width:50px;
  220. height:20px;
  221. text-transform:uppercase;
  222. color: #000000;
  223. background:#ffffff;
  224. text-align:center;
  225. }
  226.  
  227. a.teen1:hover{
  228. background:#000000;
  229. color:#ffffff;
  230. }
  231.  
  232. .jimin{
  233. background:url(http://24.media.tumblr.com/aa4d54ce2917b7976a75eba812617d44/tumblr_mt67noIbPl1ru3nbdo6_r1_250.png);
  234. color:#aaa;
  235. -webkit-transition: 1.0s;
  236. -moz-transition: 1.0s;letter-spacing:5px;
  237. margin-bottom:5px;
  238. margin:15px;
  239. width:560px;
  240. font-family:'Cutive Mono', serif;
  241. font-size:12px;
  242. line-height:22px;
  243. text-align:center;
  244. padding-right:0px;
  245. }
  246.  
  247. .suga {
  248. color:#000000;
  249. background-color:#FFFFFF ;
  250. display:inline-block;
  251. width:260px;
  252. line-height:16px;
  253. padding:1px;
  254. padding left: 11px;
  255. border-bottom: 0px solid #444;
  256. text-align:center;
  257. margin-left:9px;
  258. margin-bottom: 10px;
  259. font-family: 'Cutive Mono', serif;
  260. font-size:10px;
  261. letter-spacing:2px;
  262. text-shadow:15px 0px transparent, -15px 0px transparent;
  263. -webkit-transition-duration:0.5s;
  264. -moz-transition-duration:0.5s;
  265. -ms-transition-duration:0.5s;
  266. -o-transition-duration:0.5s;
  267. transition-duration:0.5s;
  268. }
  269.  
  270.  
  271. .suga:hover{
  272. background-color:#ffffff ;
  273. color: #333;
  274. text-shadow:0px 0px #333, -0px 0px #333;
  275. border-bottom: 0px solid transparent;
  276. -webkit-transition-duration:0.5s;
  277. -moz-transition-duration:0.5s;
  278. -ms-transition-duration:0.5s;
  279. -o-transition-duration:0.5s;
  280. transition-duration:0.5s;
  281.  
  282.  
  283.  
  284. }
  285.  
  286.  
  287. .xchen{
  288. width:70px;
  289. padding:4px;
  290. margin:2px;
  291. background:#eee;
  292. font:9px arial;
  293. text-align:center;
  294. Text-decoration:none;
  295. color:#888;
  296. text-transform:lowercase;
  297. display:inline-block;
  298. -webkit-transition:All 0.5s ease;
  299. -moz-transition:All 0.5s ease;
  300. -o-transition:All 0.5s ease;
  301. border-right:15px solid #aaa;
  302. }
  303.  
  304. .xchen:hover{
  305. width:80px;
  306. background:#aaa;
  307. color:#fff;
  308. border-right:0px solid #aaa;
  309. }
  310. @font-face {
  311. font-family:tt !important;
  312. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
  313. }
  314.  
  315. /* Center Wrapper*/
  316.  
  317.  
  318. #wrapper{
  319. width:900px;
  320. height:200;
  321. margin-left:auto;
  322. margin-right:auto;
  323. margin-top:px;
  324. margin-bottom:140px;
  325. padding:0;
  326. border:0;
  327. }
  328.  
  329. /* Top */
  330.  
  331. #top {
  332.  
  333. width:660px;
  334. height:115px;
  335. margin-bottom:40px;
  336. padding-top:100px;
  337. padding-left:115px;
  338. padding-bottom:80px;
  339. padding-right:125px;
  340. background: url(http://i.imgur.com/JNgFQjR.jpg);
  341.  
  342. }
  343.  
  344.  
  345. #title {
  346. padding-bottom:0px;
  347. text-align:center;
  348. color:#2E2E2E;
  349. font-family:cambria;
  350. font-size:20px;
  351. letter-spacing:1px;
  352. text-transform:uppercase;
  353. }
  354.  
  355. #desc {
  356. color:eee;
  357. font-family:times;
  358. letter-spacing:2px;
  359. font-size:10px;
  360. text-align:justify;
  361. }
  362.  
  363. #nav {
  364. margin-top:10px;
  365.  
  366.  
  367. text-align:center;
  368.  
  369. }
  370.  
  371. #nav a, #visible_drop{
  372. width:58px;
  373. height:13px;
  374. line-height:14px;
  375. font-family:times;
  376. font-size:9px;
  377. text-transform:lowercase;
  378. text-align:center;
  379. padding:3px 0 3px 0;
  380. display:inline-block;
  381. margin-top:1px;
  382. margin-bottom:1px;
  383. letter-spacing:1px;
  384. background-color:#fcfcfc;
  385. color:#000;
  386.  
  387.  
  388.  
  389.  
  390. border-bottom: 0px solid #444;
  391. text-align:center;
  392. margin-left:9px;
  393. margin-bottom: 10px;
  394. letter-spacing:2px;
  395. text-shadow:15px 0px transparent, -15px 0px transparent;
  396. -webkit-transition-duration:0.5s;
  397. -moz-transition-duration:0.5s;
  398. -ms-transition-duration:0.5s;
  399. -o-transition-duration:0.5s;
  400. transition-duration:0.5s;
  401. }
  402.  
  403. #nav a:Hover, #visible_drop:hover{
  404. border:none;
  405. background-color:#000;
  406. color:#fff;
  407. letter-spacing:4px;
  408. -webkit-transition: opacity 0.7s linear;opacity: 1;
  409. -webkit-transition: all 0.3s ease-out;
  410. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
  411.  
  412.  
  413. #drop {
  414. width:55px;
  415. height:20px;
  416. margin-left:2px;
  417. margin-right:2px;
  418. display:inline-block;
  419. overflow:hidden;
  420. position:absolute;
  421. transition-duration: 0.6s;
  422. -moz-transition-duration: 0.6s;
  423. -webkit-transition-duration: 0.6s;
  424. -o-transition-duration: 0.6s;
  425. }
  426.  
  427. #drop:hover {
  428. height:105px;
  429. }
  430.  
  431. .drop_links {
  432. background:rgba(255,255,255,0.3);
  433. border-bottom:1px solid #ffffff;
  434. }
  435.  
  436. #fade { /*--Transparent background layer--*/
  437. display: none; /*--hidden by default--*/
  438. background: #ffffff;
  439. position: fixed; left: 0; top: 0;
  440. width: 100%; height: 100%;
  441. opacity: .80;
  442. z-index: 9999;
  443. }
  444. .popup_block{
  445. display: none; /*--hidden by default--*/
  446. background: #fff;
  447. max-width: 400px;
  448. padding: 0px;
  449. border: 20px solid #ffffff;
  450. float: left;
  451. font-size: 1.1em;
  452. position: fixed;
  453. top: 47%; left: 51.5%;
  454. z-index: 99999;
  455. /*--CSS3 Box Shadows--*/
  456. -webkit-box-shadow: 0px 0px 20px #000;
  457. -moz-box-shadow: 0px 0px 20px #000;
  458. box-shadow: 0px 0px 20px #000;
  459. /*--CSS3 Rounded Corners--*/
  460. -webkit-border-radius: px;
  461. -moz-border-radius: px;
  462. border-radius: px;
  463. }
  464. img.btn_close {
  465. float: right;
  466. margin: -20px -50px 0 0;
  467. }
  468. /*--Making IE6 Understand Fixed Positioning--*/
  469. *html #fade {
  470. position: absolute;
  471. }
  472. *html .popup_block {
  473. position: absolute;
  474. }
  475.  
  476. </style>
  477.  
  478. <div id="03" class="popup_block">
  479. <div style="font-size:10px;font-family:cambria;text-align:center;text-transform:lowercase;">
  480.  
  481. | links |<br><br>
  482. <div style="font-size:12px;font-family:cambria;text-align:center;text-transform:lowercase;">
  483. | <a href="http://twitter.com"title="tweet">twitter</a> | <a href="http://tumblr.com"title="photo">tumblr</a> | <a href="http://ask.fm"title="question">ask.fm</a> |
  484. <br>
  485. </align text left>
  486.  
  487. </div>
  488.  
  489. </div></div></div></div></div></div></div></div>
  490.  
  491. <center>
  492.  
  493.  
  494. <div id="wrapper">
  495. <div id="top">
  496.  
  497. <div id="title">--Han Baek Yeol--</div><br>
  498.  
  499. <div id="desc"><center>Xi Luhan<br> Byun Baek Hyun<br>Park Chanyeol</center></div>
  500.  
  501. <div style="position:absolute;top:90px; left:500px;">
  502. <div id="nav">
  503.  
  504. <a onClick="document.getElementById('entry').innerHTML=document.getElementById('e').innerHTML"title="entry" >Entry</a><br><br>
  505. <a onClick="document.getElementById('entry').innerHTML=document.getElementById('x').innerHTML"title="profile" >about</a><br><br>
  506. <a onClick="document.getElementById('entry').innerHTML=document.getElementById('o').innerHTML"title="blogroll" >friends</a><br><br>
  507.  
  508. <div style="position:absolute;top:0px; left:300px;">
  509. <div id="nav">
  510.  
  511. <a onClick="document.getElementById('entry').innerHTML=document.getElementById('kiss').innerHTML"title="stuff" >tutos</a><br><br>
  512.  
  513. <a href="#?w=500" rel="03" class="poplight"title="popup link">links</a><br><br>
  514.  
  515. <a
  516. href="http://www.blogger.com/follow-blog.g?blogID=4283363955912830269"title="+follow">follow</a>
  517.  
  518.  
  519.  
  520.  
  521. </center>
  522. </div>
  523.  
  524. </head>
  525.  
  526. <br>
  527.  
  528.  
  529.  
  530. <div style="width:900px;background:url(http://i.imgur.com/zmOGK6u.gif);margin:auto;">
  531.  
  532. <table style="-moz-box-shadow: 0px 0px 3px #eee; -webkit-box-shadow: 0px 0px 3px #eee; border:1px solid #eee; font-size: 12px; color:gray; letter-spacing:1px;line-height: 17px; background:#fff;" width="900" align="center" border="0" cellspacing="8">
  533.  
  534. <tbody><tr>
  535.  
  536.  
  537. <td valign="top" style="line-height:15px; letter-font-size:10px; width:160px; padding:px;">
  538. <div class="title">short intro</div><br><br>
  539. <center>
  540. <img style="opacity: 0.75; width: 90px; border: 1px solid #e6e6e6;
  541. padding:6px;
  542. background:#fff;" src="http://4.bp.blogspot.com/-qLd9tbuceqw/UsdwpRHidgI/AAAAAAAABMQ/Ur_68bXhQCc/s1600/gif_100x100_895af5.gif"></center><br>
  543.  
  544. <center>
  545.  
  546. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="15" height="15"><PARAM NAME=movie VALUE="http://www.strangecube.com/audioplay/online/audioplay.swf?file=http://k007.kiwi6.com/hotlink/y7j0wbbaa3/Bruno_Mars-_Talking_to_the_Moon.mp3&auto=yes&sendstop=no&repeat=3&buttondir=http://www.strangecube.com/audioplay/online/alpha_buttons/negative_small&bgcolor=0xffffff&mode=playpause"><PARAM NAME=quality VALUE=high><PARAM NAME=wmode VALUE=transparent><embed src="http://www.strangecube.com/audioplay/online/audioplay.swf?file=http://k007.kiwi6.com/hotlink/y7j0wbbaa3/Bruno_Mars-_Talking_to_the_Moon.mp3&auto=yes&sendstop=no&repeat=1&buttondir=http://www.strangecube.com/audioplay/online/alpha_buttons/negative_small&bgcolor=0xffffff&mode=playpause" quality=high wmode=transparent width="15" height="15" align="" TYPE="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object</div>
  547. <br>
  548.  
  549. <div style="font-size:9px;font-family:arial, sans serif;text-align:center;text-transform:lowercase;">
  550. <center>
  551. <i> "Xi Lu Han" </i><br>
  552. <i> "Byun baek Hyun" </i><br>
  553. <i> "park chanyeol" </i><br>
  554.  
  555. </centre>
  556. <br><br><br>
  557.  
  558.  
  559.  
  560. <div class="title">cbox</div>
  561. <br>
  562. <div style="background:url(http://30.media.tumblr.com/tumblr_lz2qehhXrT1r9g6hvo2_r1_100.png) repeat; border:1px solid #f4f4f4;padding:5px;width:200px;">
  563. <div style="width:200px;background:#fff;">
  564. <center>PUT YOUR CBOX HERE 200x75
  565. <center> </center></div></div>
  566. </center>
  567. </div></div>
  568.  
  569.  
  570.  
  571.  
  572. </div>
  573. <br>
  574.  
  575. </center>
  576. </div><br><br><br>
  577.  
  578. <br>
  579. <div class="title">history</div><br><br>
  580.  
  581. <div style="font-size:8px;font-family:tt;text-align:center;text-transform:uppercase;">
  582. <center><div style=" background:url(); text-align:left; border:1px solid #ffffff; width:200px; overflow-x:hidden; overflow-y:scroll;padding:8px; height:100px; ">
  583. <bloggerpreviousitems>
  584. <a href="<$BlogItemPermalinkURL$>">
  585. <div class="zelo"><$BlogPreviousItemTitle$></div>
  586. </a>
  587. </BloggerPreviousItems>
  588. </center></div><br>
  589.  
  590. <br>
  591. <div style="font-size:11px;font-family:times;text-align:left;text-transform:lowercase;">
  592. <div class="title">credit</div><br><br>
  593. ● Skin and other codes by <a href="http://keyboard-and-piano.blogspot.com/">azie</a><br>
  594. ● Basecodes by <a href="http://farahdinipunyetutorbies.blogspot.com/">farah</a>
  595.  
  596. <!-----DON'T REMOVE THIS CREDIT-----!>
  597.  
  598. <td id="entry" valign="top" style="width:600px; padding-left:13px; border-left:1px solid #F0EEEE; padding-right:25px; ">
  599.  
  600. <blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
  601. <div class="title1"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled> </div><$BlogItemBody$>
  602. <center><br>
  603. <br>
  604. <div style="text-align:left;" ">
  605. <itempage>
  606. <div id="comments" style="margin-top:5px;">
  607. <blogitemcommentsenabled><a name="comments"></a>
  608. <dl id="comments-block">
  609. <div style="width:530px; padding:5px;margin-top:20px;border:2px solid #fff;6px;background:url(http://i.imgur.com/tDtge.png); box-shadow:0 0 3px #ddd;">
  610. <$CommentPager$>
  611. <blogitemcomments>
  612. <dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
  613. <$I18NCommentAuthorSaid$></dt>
  614. <dd class="comment-body">
  615. <p>
  616. <$BlogCommentBody$></p>
  617. <$BlogCommentDeleteIcon$>
  618. </dd>
  619. </BlogItemComments>
  620. <$CommentPager$>
  621. </dl>
  622. </div>
  623. <p class="comment-timestamp">
  624. <$BlogItemCreate$>
  625. </p>
  626. </div>
  627. </ItemPage>
  628. <div class="post-footer"><br>
  629. </blogger><br>
  630. <div style="float:left"><a class="teen1" href=<$NewerPosts$>>◀</a></div><div style="float:right"><a class="teen1" href=<$OlderPosts$>>▶</a>
  631. </td></tr></tbody>
  632.  
  633. <div id="o" style="display: none;">
  634. <div class="title">blogroll</div>
  635. <div class="title1">exchange links</div>
  636. <center><img src="https://31.media.tumblr.com/e98b904cdd252cab74923665e281f780/tumblr_mus6oo8e761re0bw3o1_500.png"
  637. padding: 5px; width: 500px;" /></center><br>
  638.  
  639.  
  640. <br><center>Name:<input type="text" size="15" value="HanBaekYeol" style="width:180px;font:11px trebuchet ms;color:#D5E2EB;border:1px solid #eee;margin-right:6px;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select() ">
  641.  
  642. URL:<input type="text" size="11" value="http://URL.blogspot.com/" style="width:200px;font:11px trebuchet ms;color:#D5E2EB;border:1px solid #eee;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></center><br>
  643. <br>
  644.  
  645.  
  646.  
  647. <center>
  648.  
  649. <a class="xchen" href="http://keyboard-and-piano.blogspot.com/">azie</a>
  650. <a class="xchen" href="">wolf</a>
  651. <a class="xchen" href="">wolf</a>
  652. <a class="xchen" href="">wolf</a>
  653. <a class="xchen" href="">wolf</a>
  654. <br>
  655.  
  656.  
  657. <a class="xchen" href="">wolf</a>
  658. <a class="xchen" href="">wolf</a>
  659. <a class="xchen" href="">wolf</a>
  660. <a class="xchen" href="">wolf</a>
  661. <a class="xchen" href="">wolf</a>
  662.  
  663. <br>
  664.  
  665.  
  666. <a class="xchen" href="">wolf</a>
  667. <a class="xchen" href="">wolf</a>
  668. <a class="xchen" href="">wolf</a>
  669. <a class="xchen" href="">wolf</a>
  670. <a class="xchen" href="">wolf</a>
  671. <br>
  672.  
  673. </center>
  674.  
  675. </div>
  676.  
  677. <div id="kiss" style="display: none;">
  678. <div class="title">Stuff</div>
  679. <div class="title1">Tutorials & Freebies</div>
  680.  
  681. <center><img src="http://25.media.tumblr.com/1e435e2e49625e9aba1b05d8b2ce3b82/tumblr_myskdi9aMm1t96hv8o2_500.gif"/></center><br>
  682.  
  683. <br>
  684.  
  685. <div class="jimin">Image Hover</div>
  686. <a class="suga" href="LINK">Title</a>
  687. <a class="suga" href="LINK">Title</a>
  688. <a class="suga" href="LINK">Title</a>
  689. <a class="suga" href="LINK">Title</a>
  690.  
  691. <br>
  692.  
  693. <div class="jimin">Navigation Hover</div>
  694. <a class="suga" href="LINK">Title</a>
  695. <a class="suga" href="LINK">Title</a>
  696. <a class="suga" href="LINK">Title</a>
  697. <a class="suga" href="LINK">Title</a>
  698.  
  699. <br>
  700.  
  701.  
  702. <div class="jimin">Tutorials for blogskin</div>
  703.  
  704.  
  705. <a class="suga" href="LINK">Title</a>
  706. <a class="suga" href="LINK">Title</a>
  707. <a class="suga" href="LINK">Title</a>
  708. <a class="suga" href="LINK">Title</a>
  709. <br>
  710.  
  711. <div class="jimin">Header</div>
  712.  
  713. <a class="suga" href="LINK">Title</a>
  714. <a class="suga" href="LINK">Title</a>
  715. <a class="suga" href="LINK">Title</a>
  716. <a class="suga" href="LINK">Title</a>
  717. <br>
  718.  
  719. <div class="jimin">Icon</div>
  720.  
  721. <a class="suga" href="LINK">Title</a>
  722. <a class="suga" href="LINK">Title</a>
  723. <a class="suga" href="LINK">Title</a>
  724. <a class="suga" href="LINK">Title</a>
  725. <br>
  726.  
  727. <div class="jimin">Skin</div>
  728.  
  729.  
  730. <a class="suga" href="LINK">Title</a>
  731. <a class="suga" href="LINK">Title</a>
  732. <a class="suga" href="LINK">Title</a>
  733. <a class="suga" href="LINK">Title</a>
  734. <br>
  735.  
  736.  
  737.  
  738. <div id="x" style="display: none;">
  739. <div class="title">Who am I</div>
  740. <div class="title1">I am Han Baek Yeol</div>
  741. <center><img src="http://31.media.tumblr.com/0ac31dd536b75601e3d59a93131cdbb6/tumblr_mzxeym3I7l1qzh5sno1_r2_500.gif"/></center><br>
  742. Hello i am hanbaekyeol
  743. </div>
  744. <br />
  745.  
  746. <br /><br/><br><br>
  747.  
  748. </div>
  749. </div>
  750. </table>
  751.  
  752. <div id="e" style="display: none;">
  753. <blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
  754. <div class="title1"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled> </div><$BlogItemBody$>
  755. <center><br><MainPage>
  756. <BlogItemCommentsEnabled>
  757. <BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>"
  758. </BlogItemCommentsEnabled></BlogItemCommentsEnabled>
  759. </MainPage>
  760. <br>
  761. <div style="text-align:left;" ">
  762. <itempage>
  763. <div id="comments" style="margin-top:5px;">
  764. <blogitemcommentsenabled><a name="comments"></a>
  765. <dl id="comments-block">
  766. <div style="width:530px; padding:5px;margin-top:20px;border:2px solid #fff;6px;background:url(http://pastelpatterns.com/small/smallpattern-9.png); box-shadow:0 0 3px #ddd;">
  767. <$CommentPager$>
  768. <blogitemcomments>
  769. <dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
  770. <$I18NCommentAuthorSaid$></dt>
  771. <dd class="comment-body">
  772. <p>
  773. <$BlogCommentBody$></p>
  774. <$BlogCommentDeleteIcon$>
  775. </dd>
  776. </BlogItemComments>
  777. <$CommentPager$>
  778. </dl>
  779. </div>
  780. <p class="comment-timestamp">
  781. <$BlogItemCreate$>
  782. </p>
  783. </div>
  784. </ItemPage>
  785. <div class="post-footer"><br>
  786. </blogger><br>
  787. <div style="float:left"><a class="teen1" href=<$NewerPosts$>>◀</a></div><div style="float:right"><a class="teen1" href=<$OlderPosts$>>▶</a>
  788.  
  789.  
  790. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
  791. </script>
  792. <script type='text/javascript' language='Javascript'>
  793. var scrolltotop={
  794. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  795. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
  796. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  797. controlHTML: '<img src="http://25.media.tumblr.com/0bada8dc2f3b396a8e141613907675aa/tumblr_n0q4ebt6cl1spmyjdo1_75sq.png"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  798. controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
  799. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  800. state: {isvisible:false, shouldvisible:false},
  801. scrollup:function(){
  802. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  803. this.$control.css({opacity:0}) //hide control immediately after clicking it
  804. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  805. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  806. dest=jQuery('#'+dest).offset().top
  807. else
  808. dest=0
  809. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  810. },
  811. keepfixed:function(){
  812. var $window=jQuery(window)
  813. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  814. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  815. this.$control.css({left:controlx+'px', top:controly+'px'})
  816. },
  817. togglecontrol:function(){
  818. var scrolltop=jQuery(window).scrollTop()
  819. if (!this.cssfixedsupport)
  820. this.keepfixed()
  821. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  822. if (this.state.shouldvisible && !this.state.isvisible){
  823. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  824. this.state.isvisible=true
  825. }
  826. else if (this.state.shouldvisible==false && this.state.isvisible){
  827. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  828. this.state.isvisible=false
  829. }
  830. },
  831. init:function(){
  832. jQuery(document).ready(function($){
  833. var mainobj=scrolltotop
  834. var iebrws=document.all
  835. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  836. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  837. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  838. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  839. .attr({title:"fly over me !"})
  840. .click(function(){mainobj.scrollup(); return false})
  841. .appendTo('body')
  842. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  843. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  844. mainobj.togglecontrol()
  845. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  846. mainobj.scrollup()
  847. return false
  848. })
  849. $(window).bind('scroll resize', function(e){
  850. mainobj.togglecontrol()
  851. })
  852. })
  853. }
  854. }
  855. scrolltotop.init()
  856. </script>
  857.  
  858. </html>
  859. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  860. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  861. <script>
  862. (function($){
  863. $(document).ready(function(){
  864. $("[title]").style_my_tooltips();
  865. });
  866. })(jQuery);
  867. </script>
  868.  
  869. <script type="text/javascript"
  870. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  871. <script>
  872. $(document).ready(function() {
  873. //
  874. $('a.poplight[href^=#]').click(function() {
  875. var popID = $(this).attr('rel'); //Get Popup Name
  876. var popURL = $(this).attr('href'); //Get Popup href to define size
  877. var query= popURL.split('?');
  878. var dim= query[1].split('&');
  879. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  880. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>');
  881. var popMargTop = ($('#' + popID).height() + 80) / 2;
  882. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  883. //Apply Margin to Popup
  884. $('#' + popID).css({
  885. 'margin-top' : -popMargTop,
  886. 'margin-left' : -popMargLeft
  887. });
  888. $('body').append('<div id="fade"></div>');
  889. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  890. return false;
  891. });
  892. $('a.close, #fade').live('click', function() {
  893. $('#fade , .popup_block').fadeOut(function() {
  894. $('#fade, a.close').remove(); //fade them both out
  895. });
  896. return false;
  897. });
  898. });
  899. </script>
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!