Advertisement
Guest User

arny's badges

a guest
Apr 24th, 2014
36
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.39 KB | None | 0 0
  1. PASTE THIS PART RIGHT BEFORE THE </head> TAG
  2. -----------------------------
  3. #badges {
  4. position: fixed;
  5. overflow: scroll;
  6. top: 0px;
  7. left: -20px;
  8. height: 100%;
  9. width: 200px;
  10. opacity: 0;
  11. -webkit-transition: all .2s ease-in-out;
  12. -moz-transition: all .2s ease-in-out;
  13. -o-transition: all .2s ease-in-out;
  14. }
  15.  
  16. #badges:hover {
  17. left: 0px;
  18. opacity: 1;
  19. -webkit-transition: all .2s ease-in-out;
  20. -moz-transition: all .2s ease-in-out;
  21. -o-transition: all .2s ease-in-out;
  22. }
  23.  
  24. #badges img:hover {
  25. width:200px;
  26. height:auto;
  27. }
  28. ------------------------
  29.  
  30. PASTE THIS PART DIRECTLY AFTER THE <body> tag
  31. --------------------------------
  32.  
  33. <div id="badges">
  34. <a href="http://www.mrsnugglebum.tumblr.com/"><IMG SRC="http://img.photobucket.com/albums/v470/argnarb/Axel_small.png" alt="pic"></a><br>
  35. <a href="http://www.bleep0bleep.tumblr.com/"><IMG SRC="http://img.photobucket.com/albums/v470/argnarb/Carrie_small.png" alt="pic"></a><br>
  36. <a href="http://www.knotnowstiles.tumblr.com/"><IMG SRC="http://img.photobucket.com/albums/v470/argnarb/Tory_small.png" alt="pic"></a><br>
  37. <a href="http://www.adderallandsarcasm.tumblr.com/"><IMG SRC="http://img.photobucket.com/albums/v470/argnarb/Liz_small.png" alt="pic"></a><br>
  38. <a href="http://www.deputylahey.tumblr.com/"><IMG SRC="http://img.photobucket.com/albums/v470/argnarb/Bree_small.png" alt="pic"></a>
  39.  
  40. </div>
  41.  
  42. -----------------------------
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement