This script makes the background of a thumbnail yellow (the kind of yellow you get when you click the quick-menu on the left of your nickname) so you can see when you are hovering a thumbnail. Also, it creates a background of the same colour at some buttons in your profile page, such as the "Browse Gallery", "Browse Favourites" and "Show all Friends" buttons, which also don't have (by default) any hovering status.
It might be disturbing for some, but I like it nevertheless, because I want to know what I am hovering. You can easily change the colour of hover, and you can add other effects (such as border, underlining, changing colour etc), by writing in simple CSS. If you need any help, ask me :D :D
Install options
- Install Stylish for Firefox, Thunderbird, Flock, Mozilla Suite, SeaMonkey, or Songbird. If you have Stylish already, make sure you're using the latest version and have JavaScript enabled.
- You need Firefox with Stylish to use this style. Get it now, then Install Stylish, then come back here to install this style.
- - load into the Stylish extension where you can preview and save it.
- - this style has been updated since you installed it in Stylish.
- - Greasemonkey and Opera users can load this style as a user script.
Feedback
Reviews
hibbsi said on Jan 21 2008
I was looking for something like this- it adds a nice touch
i edited it slightly to change color, make it slightly different, and make a small fix-
-color to a more dA-like color
-on mouse-over, image slightly moves 'down', and only has effect on browse pages, not view pages
-when browsing dA's home page, the background 'box' on the hover intersects with the category nameso the final script looks like this
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.deviantart.com"),url-prefix(http://browse.deviantart.com) {
.shadow:hover {
background:#8E9D94!important;
padding: 0px !important;
}
.super:hover {
background:#8E9D94!important;
padding: 0px !important;
}
#da div.stream {
background:#E7F0EC none repeat scroll 0% !important;
border-top:3px solid #D2DFDB !important;
height:180px !important;
overflow:hidden !important;
padding-top:15px !important;
}
}thank you for posting this, i guess i was just to lazy to do it myself ;-)