SHARE
TWEET

freebies skin; one

nrnhnn Jan 11th, 2013 115 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html><head>
  2. <link href='http://i.imgur.com/2HjLs.png' rel='shortcut icon' type='image/x-icon'/><link href='http://i.imgur.com/2HjLs.png' rel='icon' type='image/x-icon'/>
  3. <script type="text/javascript">
  4. document.ondragstart = function () { return false; }; </script>
  5. <center><img class="header" src="http://i.imgur.com/Z3Egn.png" /></center>
  6. <title>opparqtpie</title>
  7. <style type="text/css">
  8. #navbar-iframe { display: none;}
  9. body {color: #333; background:#fff; background-attachment:inherit; cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat985.cur), auto; font-family: trebuchet ms; line-height: 15px; font-size: 11px; }
  10. a:link,a:visited { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat985.cur), auto; color:#555; text-decoration:none;}
  11. a:hover { color:#fff; background:#111;}
  12. i { color:#ebebeb;}
  13. b { color:#ebebeb;}
  14. ::-webkit-scrollbar-track { background-color:#fff;}
  15. ::-webkit-scrollbar-thumb { background-color:#fafafa; border:1px solid #eee;}
  16. ::-webkit-scrollbar { width:8px; height:5px;}
  17. img { padding:3px; border:1px solid #ddd; }
  18. .header {border:0px;}
  19. .exo { text-align:left; font:italic 12px georgia; letter-spacing:2px; text-transform:lowercase; border-bottom:1px solid #ebebeb; padding:5px; color:#333; -webkit-transition:All 0.4s ease; -moz-transition:All 0.4s ease; -o-transition:All 0.4s ease; line-height:11px; text-decoration:none;}
  20. blockquote { -webkit-transition: 2.5s; -moz-transition: 2.5s; padding:5px; border:1px solid #eee; background:#fafafa;}
  21. blockquote:hover { -webkit-box-shadow: 0 0 2px rgba(128,128,128,0.75); -moz-box-shadow: 0 0 2px rgba(128,128,128,0.75); box-shadow: 0 0 2px rgba(128,128,128,0.75); -webkit-transition: 2.5s; -moz-transition: 2.5s;}
  22. .nurul { border:1px solid #ebebeb; border-bottom:0; width: 740px; background:#fff; text-align:center; padding-top: 8px; padding-right: 0px; padding-left: 0px; display: inline-block;}
  23. a.navi { border:1px solid #ebebeb; text-transform:uppercase; background:#fff; text-decoration:none; color: #666; padding: 6px; font: 8px yow; margin-left: 5px; margin-right: 5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; text-decoration:none; box-shadow:inset 0px 0px 0px #111,inset 0px 0px 0px #111; display: inline-block; width: 65px;}
  24. a.navi:hover { -webkit-transition-duration: 0.5s; box-shadow:inset 0px 14px 0px #111,inset 0px -14px 0px #111; color: #fff;}
  25. @font-face { font-family:yow !important; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important; }
  26. .lulu { text-align:left; letter-spacing:1px; text-transform:uppercase; font-family:yow; font-size:8px; margin-bottom:-15px;}
  27. .lulul { text-align:left; letter-spacing:1px; text-transform:uppercase; font-family:yow; font-size:8px; margin-bottom:3px;}
  28. </style>
  29. <link href='http://fonts.googleapis.com/css?family=Amatic+SC:400,700' rel='stylesheet' type='text/css' />
  30. <script type="text/javascript">function changeNavigation(id) {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}</script>
  31. <body>
  32. </style>
  33. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
  34. </script>
  35. <script type='text/javascript' language='Javascript'>
  36. var scrolltotop={
  37. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  38. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
  39. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  40. controlHTML: '<img src="http://i.imgur.com/PXNyH.png" style="border:0px;"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  41. controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
  42. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  43. state: {isvisible:false, shouldvisible:false},
  44. scrollup:function(){
  45. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  46. this.$control.css({opacity:0}) //hide control immediately after clicking it
  47. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  48. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  49. dest=jQuery('#'+dest).offset().top
  50. else
  51. dest=0
  52. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  53. },
  54. keepfixed:function(){
  55. var $window=jQuery(window)
  56. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  57. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  58. this.$control.css({left:controlx+'px', top:controly+'px'})
  59. },
  60. togglecontrol:function(){
  61. var scrolltop=jQuery(window).scrollTop()
  62. if (!this.cssfixedsupport)
  63. this.keepfixed()
  64. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  65. if (this.state.shouldvisible && !this.state.isvisible){
  66. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  67. this.state.isvisible=true
  68. }
  69. else if (this.state.shouldvisible==false && this.state.isvisible){
  70. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  71. this.state.isvisible=false
  72. }
  73. },
  74. init:function(){
  75. jQuery(document).ready(function($){
  76. var mainobj=scrolltotop
  77. var iebrws=document.all
  78. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  79. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  80. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  81. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  82. .attr({title:"Let's Fly High !"})
  83. .click(function(){mainobj.scrollup(); return false})
  84. .appendTo('body')
  85. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  86. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  87. mainobj.togglecontrol()
  88. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  89. mainobj.scrollup()
  90. return false
  91. })
  92. $(window).bind('scroll resize', function(e){
  93. mainobj.togglecontrol()
  94. })
  95. })
  96. }
  97. }
  98. scrolltotop.init()
  99. </script>
  100. <table style="font-size: 11px; border:1px dashed #ebebeb; border-bottom:0px; border-top:0px; color:#333; line-height: 17px; background:white;" width="742" align="center" border="0" cellspacing="8">
  101. <tbody><tr>
  102. <center><div class="nurul">
  103. <a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('lmao').innerHTML">
  104. home</a>
  105. <a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('meh').innerHTML">
  106. about</a>
  107. <a class="navi" href="http://twitter.com/nurinhnn">twitter</a>
  108. <a class="navi" href="http://baboppar.tumblr.com">tumblr</a>
  109. <a class="navi" href="https://www.facebook.com/NurinLuvers99">facebook</a>
  110. <a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID">+follow</a>
  111. </center></div>
  112. <td valign="top" style="line-height:16px; letter-font-size:11px; width:130px; padding-left:8px; padding-right:16px; border-right:1px solid #eee;">
  113. <div class="exo">disclamiar</div><div class="lulul"> annyeong guise </div>
  114. <center>
  115. <img border="0" src ="http://25.media.tumblr.com/8265db5967ce649c0747c747610aa171/tumblr_mesuh0nsKj1r9fbe2o1_500.png" style="width:100px;"></center>
  116. <center>Nurin, 13, hardcore kpopper. Thank you for visiting my blog. Be nice here and don't you dare to open my page source. Note that, jebal. Ppyong.</center></div><br></div>
  117. <div class="exo"> chat</div><div class="lulul"> come and read</div>
  118. <center>put ur chatbox here ;A;</center>
  119. </div><br>
  120. <div class="exo">credit</div><div class="lulul"> thanks for everything </div>
  121. <center>this template made by <a href="http://baboppar.blogspot.com/">nurin hannani</a>. thanks to <a href="http://xiolu.tumblr.com/">xiolu</a> for the icons. <a href="http://wanaseoby.blogspot.com/">wana</a>, <a href="http://nrulysmn.blogspot.com/">yasmin</a> and <a href="http://chocollyheart.blogspot.com/">afiqah</a> for the awesome tutorials. gomawo <3</center>
  122. </center></div><br></div>
  123. <div style="float: left;"><a class="baek" href=<$NewerPosts$>>« newer post</a></div>
  124. <div style="float: right;"><a class="baek" href=<$OlderPosts$>>older post »</a></div></div>
  125. <td valign="top" style="width:500px; padding-right:10px; padding-left:10px;">
  126. <div id="entry">
  127. <blogger><div class="exo"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="lulu"> <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment </a></BlogItemCommentsEnabled></div><br><$BlogItemBody$></div>
  128. </blogger>
  129. </td></tr></tbody>
  130. <div id="meh" style="display: none;">
  131. <div class="exo">about</div><div class="lulu">the webmistress</div><br>
  132. put ur about me here ;~;
  133. </div>
  134. <div id="lmao" style="display: none;">
  135. <blogger><div class="exo"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="lulul"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment </a></BlogItemCommentsEnabled></div><$BlogItemBody$></div>
  136. </blogger>
  137. </td></tr></tbody>
  138. <table style="font-size: 11px; border:1px solid #ebebeb; line-height: 17px; background:#fff; "height="25" width="742" align="center" border="0" cellspacing="8">
  139. <tbody><tr>
  140. </table></body>
  141. </table></body></html>
RAW Paste Data
Challenge yourself this year...
Learn something new in 2017
Top