Advertisement
tomkirk

Updates Tab #2

Aug 29th, 2015
10,420
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.43 KB | None | 0 0
  1. Paste the following between <style type="text/css"> and </style>
  2. ----------------------------------------------------------------
  3.  
  4. #tab{position:fixed;width:100px;top:30px;left:30px;z-index:9999999999;}
  5. #tab .sp{height:14px;width:120px;margin:-17px 0 0 -10px;overflow:hidden;position:absolute;background:url(https://31.media.tumblr.com/89d0a73dbfd39d6e6dfcd157efacf73a/tumblr_inline_nc4ltugMJI1rh7826.png);}
  6. #tab .nb{width:100px;margin-bottom:20px;padding:5px 10px 5px 10px;background:url(https://31.media.tumblr.com/905e072082d7e170a96e198cf24af6d9/tumblr_inline_nc4ltqDhD21rh7826.png);border:1px solid rgba(0,0,0,0.1);-webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;z-index:999999;box-shadow:rgba(0,0,0,0.07)5px 5px;font-size:11px;line-height:13px;}
  7.  
  8. --------------------------------
  9. Paste the following after <body>
  10. --------------------------------
  11.  
  12.  
  13. <!-- updates tab (tomkirk)-->
  14. <div id="tab">
  15. <!-- section 1 -->
  16. <div class="nb"><div class="sp"></div>
  17. <!-- text here -->
  18. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  19. </div>
  20. <!-- end of section 1-->
  21.  
  22. <!-- section 2 -->
  23. <div class="nb"><div class="sp"></div>
  24. <!-- text here -->
  25. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  26. </div>
  27. <!-- end of section 2-->
  28.  
  29. </div> <!-- end of tab -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement