Advertisement
kawaiibuu

POWDER UPDATE TABS

Jul 16th, 2014
381
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.38 KB | None | 0 0
  1. *******
  2. Copy and paste this AFTER your <head> section:
  3.  
  4. <meta name="color:update border" content="#000"/>
  5. <meta name="color:update background" content="#EDEDED"/>
  6. <meta name="color:update text" content="#000"/>
  7. <meta name="text:stat link one" content="try statcounter"/>
  8. <meta name="text:stat link two" content=""/>
  9. <meta name="text:update info" content="put info here"/>
  10. <meta name="text:network link one" content=""/>
  11. <meta name="text:network link two" content=""/>
  12. <meta name="text:network link three" content=""/>
  13. <meta name="text:network link four" content=""/>
  14. <meta name="text:network link five" content=""/>
  15. <meta name="if:hide stats tab" content=""/>
  16. <meta name="if:hide updates tab" content=""/>
  17. <meta name="if:hide networks tab" content=""/>
  18. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  19. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  20. <script>
  21. $(document).ready(function(){ $(".show").click(function(){ $(".content").slideToggle(); }); $(".show1").click(function(){ $(".content1").slideToggle(); }); $(".show2").click(function(){ $(".content2").slideToggle(); });
  22. }); </script>
  23. <script> $(document).ready(function() { $('#close').click(function() { $('.updatebox').hide() }); }); </script>
  24. <script> $(document).ready(function() { $(".updatebox").draggable(); }); </script>
  25.  
  26. *******
  27. Copy and paste this AFTER your <style type="text/css"> (can also look like <style>)
  28.  
  29. .updatebox { width: 110px; padding: 5px; border: 1px outset {color:update background}; outline: 1px solid {color:update border}; background: {color:update background}; position:fixed; font: 12px consolas; letter-spacing: 1px; top:25px; left: 25px; color: {color:update text}; }
  30. .updatebox .sq { background: {color:update background} url(http://i.imgur.com/zro0N3A.png) no-repeat center; float:right; width: 15px; height: 9px; border: 1px outset {color:update background}; outline: 1px solid {color:update border}; }
  31. .updatebox .sq1 { background: {color:update background} url(http://i.imgur.com/LAhOldu.png) no-repeat center; float:right; width: 15px; height: 9px; border: 1px outset {color:update background}; outline: 1px solid {color:update border}; }
  32. .updatebox li:active,.updatebox .sq:active,.updatebox .sq1:active { -webkit-filter: brightness(0.9);
  33. border: 1px inset {color:update background}; }
  34. .updatebox .inner { margin-top: 20px; text-align: center; }
  35. .updatebox .content, .updatebox .content1, .updatebox .content2 { display:none; padding: 5px; font-size: 10px; margin-bottom: 8px; }
  36. .updatebox .show, .updatebox .show1, .updatebox .show2 { text-transform: uppercase;font-size: 10px; }
  37. .updatebox li { border: 1px outset {color:update background}; outline: 1px solid {color:update border}; list-style:none; margin-bottom: 8px; background:{color:update background}; text-align: center; padding: 1px ;}
  38.  
  39.  
  40. *******
  41. Copy and paste this AFTER your <body> section:
  42.  
  43. <div class="updatebox"><div class="sq" id="close" title="close"></div><a href="http://jubileethemes.tumblr.com" title="credit"><div class="sq1"></div></a>
  44. <div class="inner">
  45. <a class="show" style="cursor:pointer; {block:ifhidestatstab}display:none;{/block:ifhidestatstab}"><li>stats</li></a>
  46. <div class="content">
  47. {block:ifstatlinkone}{text:stat link one}<br>{/block:ifstatlinkone}
  48. {text:stat link two}
  49. <!-- if u wanna manually edit stuff this is where you put info -->
  50. </div>
  51. <a class="show1" style="cursor:pointer; {block:ifhideupdatestab}display:none;{/block:ifhideupdatestab}"><li>updates</li></a>
  52. <div class="content1">
  53. {text:update info}
  54. <!-- if u wanna manually edit stuff this is where you put info -->
  55. </div>
  56. <a class="show2" style="cursor:pointer; {block:ifhidenetworkstab}display:none;{/block:ifhidenetworkstab}"><li>networks</li></a>
  57. <div class="content2">
  58. {block:ifnetworklinkone}{text:network link one}<br>{/block:ifnetworklinkone}
  59. {block:ifnetworklinktwo}{text:network link two}<br>{/block:ifnetworklinktwo}
  60. {block:ifnetworklinkthree}{text:network link three}<br>{/block:ifnetworklinkthree}
  61. {block:ifnetworklinkfour}{text:network link four}<br>{/block:ifnetworklinkfour}
  62. {text:network link five}
  63. <!-- if u wanna manually edit stuff this is where you put info -->
  64. </div>
  65. </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement