API tools faq
paste
Advertisement
nrnhnn

freebies skin; one

nrnhnn
Jan 11th, 2013
235
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.90 KB | None | 0 0
raw download clone embed print report
  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>
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!