SHOW:
|
|
- or go back to the newest paste.
| 1 | PASTE THIS PART RIGHT BEFORE THE </head> TAG | |
| 2 | ----------------------------- | |
| 3 | #badges {
| |
| 4 | position: fixed; | |
| 5 | overflow: scroll; | |
| 6 | top: 0px; | |
| 7 | - | left: -20px; |
| 7 | + | left: -200px; |
| 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 | ----------------------------- |
