HOME | DD
BoffinBrain β
DeviantTidy 4.7.9 (Deprecated)
by-nc-sa
#comment #comments #customize #da #description #deviant #deviantart #extension #firefox #font #greasemonkey #indent #mood #moods #nested #signature #signatures #size #skin #space #style #stylish #subscription #summary #tidy #v5 #v6 #v7
Published: 2006-12-30 15:54:57 +0000 UTC; Views: 325663; Favourites: 991; Downloads: 4060
Redirect to original
Description
β
DeviantTidy is currently not Eclipse-ready.
At this time, I'm not sure when or if I'll update it.
β
Download the Greasemonkey Script from Greasy Fork
View the project on GitHub
What's New
version 4.7.9 (2017-08-13)
For full details on what has changed, see the Full Version History .
About DeviantTidy
DeviantTidy is a set of styles and scripts to improve the layout and usability of deviantART.
Ever since dAv5, many users have been unhappy with various aspects of dA's layout and design. Some decisions on font size, margins and spacing had clearly been neglected.
And so DeviantTidy was written, to claim back much of that wasted space! Inspired by some of janvanlysebettens 's CSS mods for Firefox, DeviantTidy was a very lightweight modification to fix comment boxes and various other assets on dA pages, to make things clearer and more streamlined. Since then, it's expanded to cover lots of other annoyances, big and small, to improve the look and usability of the site, and with a JavaScript interface, it's fully customizable too.
Features
- More efficient Comment Boxes: DeviantTidy reduces the minimum height and margins on comment boxes, and further reduces the size of signatures, so you can see more comments at once. You can also add scrollbars to really long comments.
- Hide and collapse elements: Hide social sharing buttons, 'More Like This' mini-galleries and other bloat from deviantART pages so you can focus on your task.
- Indent guides: A problem that has been around as long as nested comments is the difficulty you face in working out who replied to who in long and complex discussions. With DeviantTidy, just point at a comment to see guide-lines in the left margin, showing you the exact nest level the comment is on.
- Cleaner Forum threads: Thread listings are now easier to browse, with all unnecessary icons removed, and shorter table rows (one line high instead of two, doubling the number of threads you can see per screen).
- Floating comment box: If you want to be able to type your comment on a deviation or journal while looking at the original, without having to constantly scroll up and down the page, this feature allows you to make the reply box float above the page content, following you wherever you scroll. Press ALT+SHIFT+C to activate it.
- Hide thumbnails in deviation sidebar: Reduce distractions by hiding 'more from this artist' and 'more like this' mini thumbnails when viewing art.
- Hide the orange Upgrade to CORE ad in the page header (turned off by default).
- ...and many more!
Installation
In order to use Greasemonkey scripts, you need to install Greasemonkey for Mozilla Firefox, or Tampermonkey for Google Chrome.
FAQ
How can I check that DeviantTidy is working?
When you first install DeviantTidy (or the script component), a dialog will appear when you visit any DA page to let you know that it was successfully installed. You should also see a 'DeviantTidy Options' link under the user menu on the header navigation when you are logged in.
Can I use DeviantTidy with [insert your favourite skin or script here]?
DeviantTidy can be used safely in combination with other custom deviant skins and scripts because it does the very minimum amount of changes required to get the desired effect. In the rare event of clashes in styles or broken functionality, tell me about the issue, and include info about the other mods you are using.
Related content
Comments: 1841
If you're using the style in any way other than the Stylish extension, you need to remove the code that wraps the selectors - namely the first three lines and the ending bracket on the last line.
deviantTIDY styles and scripts work independently of each other, for your information.
π: 0 β©: 1
I'm a fool. I must not have woken properly this morning. Of course it'll work with "#deviantART-v5" - when I was reading it I had in my head that it was "#deviantTIDY" (I assumed it was a custom ID being applied using JS). And of course I need to remove the mozilla wrapper. I'm going to sit down now before I hurt myself.
Your changes are surprisingly simple and yet work so well. They work well with my Column Streams skin also. I experiance a small issue with the moods dropdown automatically displaying, but I should be able to nut that out.
π: 0 β©: 1
π: 0 β©: 2
Nevermind. I figured it out. And I think I have something that works in Opera - I don't know for sure though as the list of moods have stopped populating even without the site style. I'll need to test it on a different install of Opera.
π: 0 β©: 1
Sometimes the mood box contents don't load, and the mood box cursor is an hourglass. This is a known bug with deviantART, so if that happens, you can ignore it and try reloading the page (it appears to be random).
If you've got a solution, I'd love to see it!
π: 0 β©: 1
Wow, I actually got this work. There was an issue with the CSS I was using that was preventing the list of moods from display. Here's my code (untested for FF)
#deviantART-v5 .deviousthought td.f.t2 .browser {height:0 !important;}
#deviantART-v5 .deviousthought td.f.t2:hover .browser {bottom:20px !important;height:200px !important;}
#deviantART-v5 .deviousthought th.f {display:none;}
#deviantART-v5 .deviousthought th.f:first-child {display:table-cell !important;}
#deviantART-v5 .deviousthought td.f {width:auto !important;}
#deviantART-v5 .deviousthought td.f.t2 {display:block !important; width:58px !important; height:0 !important; overflow-x:hidden !important; padding-top:20px !important; position:absolute !important; bottom:5px; left:8px; background:url("[link] ") -400px 0 no-repeat; border:none !important; z-index:1000;}
#deviantART-v5 .deviousthought td.f.t2:hover {height:auto !important; background-image:url("[link] "); padding-top:20px !important;}
#deviantART-v5 .deviousthought ul.menu-mood a {line-height:25px !important;}
I didn't quite get how you got the mood button hover image to work the way I imagined it must of in FF. You used two different rules to apply a background image to the same element (td.f.t2). Then I guessed that somehow the hover rule was able to remove one background image and not the other from td.f.t2. Can FF layer background images on the same element? I also didn't get how td.f.t2:hover was able to be wider without showing the next button in the background image. I guess Opera didn't understand either so I had to massage these rules a lot. I also had make it so the mood list dropped up instead of down. For some reason Opera didn't adjust the height of the page to accomodate the list when it dropped down past the bottom.
π: 0 β©: 2
Here are the links to the example images.
Normal: [link]
Hover: [link]
π: 0 β©: 1
Oh, ok. I don't know how that code is going to work on blue pages. But I made it so the mood button isn't hidden by the popup and displays a different image. Wouldn't be hard to change it back.
π: 0 β©: 0
The mood menu is indeed supposed to drop 'up' rather than drop down. Here's an example of what it should look like (a very old version of dT on the machine I'm using, but it still looks the same). I'll have a look at the code you've given me when I'm back at home. At first glance, it looks to me like the .browser stuff you added probably did the job of stopping the box from popping up when not desired.
The hover image is the 'Mood' button image. This is shown when the box is minimized and removed when the menu is open. The other background image is for the light 'blue' pages rather than the dark green ones.
π: 0 β©: 0
No need to thank me. I haven't done anything
How does the mood selector work? I assume all the CSS that effects it is under the heading "Hover Mood Selector". Looking at it, it looks like you hide the TH for "Mood" then display the mood button image in td.f.t2. What I need clarification of is that it's only the height of td.f.t2 that effects if the list of moods is visiable. Normally it's 20px high (based on height:0 + padding:20), then when you hover the cell it's height is changed to auto. If this is it, I'm suprised Opera doesn't understand it - I'll need to figure out why.
π: 0 β©: 0
why would i want to use this instead of the regular ol' deviantART i have now??
im really confused. is this a senior member only thing..... or what?
π: 0 β©: 1
The changes are subtle. 
The best way to understand how it works is to give it a try, and if you don't like the modifications, then you've lost nothing.
π: 0 β©: 1
mmk i think i am fine with my reg dev right now. but thanks for responding.. looks like you have a handful.
π: 0 β©: 0
Hi, I've commented earlier.
π: 0 β©: 1
Good idea. That can definitely be done - I'll add that to my projects list and it may feature in the next version. Credit to you, of course.
π: 0 β©: 1
Great! I'm glad to hear it! And thanks!
π: 0 β©: 0
Thank you so much for this!
π: 0 β©: 1
Oh my, I rather do like this. *uses*
π: 0 β©: 0
oh man, i still love using this! so so SO nice. :]
π: 0 β©: 1
this really makes DA a lot better. cheers
π: 0 β©: 1
The first thing that loaded when I restarted, was dAMN, and then I thought "Oh yeah! The plug-in! 
The comment boxes look more organised and visually appealing, and if small things like the indent guides are a godsend, then I'm wondering what everything else'll be like!
Congrats on the DD (Sorry I'm a little late - I just had to browse your gallery again
π: 0 β©: 1
You thought your comment was late. I just logged back in to dA!
Thanks so much for the approval.
π: 0 β©: 0
thanks for the updated version! loved the 1st, and liking the 2nd as well!
π: 0 β©: 1
That's cool. Thank-you.
π: 0 β©: 1
your welcome. amazing work, and i gotta say, makes my da surfing so much nicer than in IE.
π: 0 β©: 1
Browsing the Internet was never a pleasure in IE anyway.
π: 0 β©: 1
that is true, quite true.
π: 0 β©: 0
Thanks for letting me know about the update. Much appreciated and of course, quickly installed. Cheers!
π: 0 β©: 0
this is awesome, i'm looking at this page with it right now.
a great, subtle, improvement.
and finally those mood things are gone, they drive me crazy, they're so stupid...
thanks for making this!
π: 0 β©: 1
Yes, in my opinion, moods are the most useless addition to dA I've ever seen. But it seems they're here to stay now, so best keep them at bay. 
π: 0 β©: 0
w-o-o-ow! just got it working this is sweet!!!
π: 0 β©: 1
That's TOTALLY awesome. It couldn't fit better with my with themed-desktop. Thanks so much!
π: 0 β©: 1
Much appreciated.
π: 0 β©: 1
Bravo! Bravo! You hath made-est me a proud user!
π: 0 β©: 1
Very nice, but I unfortunately don't love all of it. So I'm picking out the pieces of code I like (all credit still given) and putting it my Stylish. However, I'm having trouble finding the 'Distinct Signatures' code. If it wouldn't it be too much a trouble, could you point it out?
π: 0 β©: 1
I just published it to [link]
When I update deviantTIDY, I should update the script there too.
π: 0 β©: 0
Great Job...The CSS file works great in Opera...so much so that I'm going to install it in Firefox too. Definitely worthy 
π: 0 β©: 2
That's great news. Thanks for giving it a try.
π: 0 β©: 0
Oh, and is there any differences between the CSS (marked as vs 1.8) and the Firefox extension (marked as vs 2.0).?
π: 0 β©: 0
<= Prev | | Next =>