Digg

Discover the best of the web!
Learn more about Digg by taking the tour.

Digg V3 with Right Hand Menu

dryan.net — Just a Stylish or userContent.css hack I made up to move the menu on Digg back to the right hand side in Firefox.

Bury

danielryan 2 years 30 days ago, made popular 2 years 30 days ago

2299 diggs
digg it

226 Comments
Who Dugg It?
Blog It
Email It

rhfb, on 10/12/2007, -7/+73Thank you SOOOOOO much for this.
- MikeCampo, on 10/12/2007, -4/+54Mirror: http://www.duggmirror.com/design/Digg_V3_with_Right_Hand_Menu/
- Smoov, on 10/12/2007, -36/+22You still can't reply to replies (i.e., true threaded discussion like /.)
  
  WTF is up with that? WHY????
- KyleRayner, on 10/12/2007, -10/+55"You still can't reply to replies"
  
  Yeah, I never have understood why not. It wouldnt be a clustered as some folks think, if they did it right. Doing it like a newer-style message board would be nice, especially since the comments are most of the fun of Digg. Not replying to a specific comment gets very confusing sometimes.
  
  Oh well, maybe thats one for Digg V4 :-)
- rkettner, on 10/12/2007, -13/+57I like that replies can't get too threaded... as I feel it would get messy very fast. If it's a reply to a reply... it should fit under the first category for the most part anyway.
  
  One of the reasons I never got into slashdot was due to the mess of threads and difficulty of navigating or just scanning through them quickly. Just my 2cents.
- cphuntington97, on 10/12/2007, -4/+21I'll add one more comment-related request: comment headlines.
  
  Try scrolling through a page of slashdot some time - it's easy and fast because you have a headline for a quick scan of what each comment is about. Now try digg - on a full page you are overwhelmed with comments, but you really need to read them to figure out basic topical info.
  
  I think this is part of the reason why slashdot tends to get such long, well written, insightful comments and digg seems to get these one sentence spurts.
- roadrunner, on 10/12/2007, -3/+9just "sidebar {float: right}" took care of moving it to the right..
  dont know why you are messing with "a" and "h3 a" items..
  am i missing something???/
- g8trGTO, on 10/12/2007, -9/+41Is it me or does Digg seem to be too cluttered with ads now?
- ilitirit, on 10/12/2007, -2/+15I'm also not a big fan of threaded replies, but *at least* implement some sort of decent quoting mechanism. even vBuilletin's [quote] tags are better than nothing.
- cmiller1, on 10/12/2007, -2/+12I second the motion for (optional) subject lines for comments, I hate having to unhide a comment just to realize why everyone else dugg it down
- marquis, on 10/12/2007, -4/+6Now this thing looks like DIGG again!!! Thanks (for removing the ads too ;-)
- foolfromhell, on 10/12/2007, -3/+2Sorta screwd it yp. No boxes around the "Replying to comment by rhfb" and stuff
- smellinator, on 10/12/2007, -2/+6Regarding Replies to Replies:
  
  I agree that it's somewhat of a benefit to limit nesting as they have. My suggestion, and I sent it to the Digg team, was to put the reply button on every message (even replies), and then if someone tries to reply to a reply, simply insert the beginning text into the comment box (which could be replaced by the commenter):
  
  "@ Reply-to-person:"
  
  That way, we'd all know you you were commenting toward, and we could retain the limited nesting. That's the convention most people follow anyway.
- Mace37, on 10/12/2007, -2/+1I can see the reasoning for the replying to replies, but I think that if there was just an arrow image or something to distinguish that it was a reply the problem would be solved. That way you don't have indentations all the way to the end of the page.
- Tron3k, on 10/12/2007, -0/+1I feel that having "threaded replies" actually works pretty well; I use the site reddit.com a lot, and they use that system. For anyone who wants to see how it can work, check that site out.
- deut, on 10/12/2007, -2/+10Nice try Kevin with Digg 3.0 but the new column layout simply sucks.
  
  Thanks for this, it makes the site bearable again.
- mephitix, on 10/12/2007, -0/+3Yeah, good call. I don't understand why they put the menu on the left-hand side other than it's the very cliche thing to do on the web. Usability experts like Jacob Nielsen have conducted experiments and found that users read webpages in an F-shape; thus it would make sense to put the more important content (i.e. the news stories) on the left hand side, like the old version.
- MikeCampo, on 10/12/2007, -0/+17In case you don't feel like scrolling through the comments and hunting down different code, here is what I'm using. It widens the comments, removes banners, moves sidebar to the right, and closes gaps -
  
  @namespace url(http://www.w3.org/1999/xhtml);
  @-moz-document domain(digg.com) {
  /* fix comments */
  #comments_ad, #item_ad, #top_ad, .comments_ad_image, .top_ad_image {
  display: none !important;
  }
  #enclosure1, .comment-tray, ol {
  width: 710px !important;
  }
  /* make comments wider */
  .comment {
  width: 710px !important;
  }
  .c-body-inside {
  padding-right: 5px !important;
  }
  /* moves sidebar */
  #contents,
  #sidebar {
  float: left !important;
  border: none !important;
  background: none !important;
  }
  #container {
  background: none !important;
  }
  #sidebar {
  padding: 20px 0 1em 35px !important;
  background-position: 0 0;
  }
  #footer {
  background: none !important;
  }
  }
- dvinnen, on 10/12/2007, -0/+2How I got it set up from adding several peoples scripts from this thread:
  
  http://img446.imageshack.us/img446/4120/diggscreenie6gt.jpg
  
  And the script:
  
  @namespace url(http://www.w3.org/1999/xhtml);
  @-moz-document domain(digg.com), domain(www.digg.com) {
  a { text-decoration: underline !important; font-weight: normal !important; }
  #top_ad, .banner_ad {display: none !important;}
  h3 a { border: none !important; background: none !important; }
  #contents, #sidebar { float: left !important; border: none !important; background: none !important;}
  #container {background: none !important; }
  #sidebar {padding: 20px 0 1em 35px !important;background-position: 0 0; }
  #footer {background: none !important;}
  }
  
  div[id="comments_ad"],div[id="item_ad"],div[id="top_ad"] {
  display: none !important;
  }
  div[id="enclosure1"], div[class="comment-tray"], ol {
  width: 710px !important;
  }
  
  .comments_ad_image{ display:none;}
  .comment{width:710px;}
  @-moz-document domain("digg.com") {
  #comments_ad, #item_ad, #top_ad, .comments_ad_image, .top_ad_image {
  display: none !important;
  }
  #enclosure1, .comment-tray, ol {
  width: 710px !important;
  }
  }
- MikeCampo, on 10/12/2007, -0/+2@dvinnen
  
  How come you have so much whitespace on the either side?
- dvinnen, on 10/12/2007, -0/+1@MikeCampo
  
  I prefer a little whitespace. It's longer then default, but if I stretch it all the way across I find I lose track of what line I'm reading.
- br0ck, on 10/12/2007, -0/+1@smellinator
  
  With @name at the beginning of each sub thread, it seems like it would be fairly trivial to throw together a Grease Monkey script to rearrange and indent comments to achieve a fully threaded page. Hmm..
- dkarlson, on 10/12/2007, -0/+2Test
therealfoz, on 10/12/2007, -1/+21looks good.. and the removal of the banner space is a welcome improvement too.
- junaru, on 10/12/2007, -14/+7Use greasemonkey with this script: http://serenity.b3ta.org/~act/digg3.user.js
icaruseffect, on 10/12/2007, -1/+19I like the navigation better on the right too. Would it be difficult for them to make this an option? I'm sure a lot of people like it the other way.
- strictnein, on 10/12/2007, -1/+16As one of my friends would say: "Left side nav? What is this, 1998?"
- fredclown, on 10/12/2007, -5/+41998? Left hand nav is a very classic tried and true method of doing navigation. The reason being is that most languages read left to right, so having the nav on the left is the first place that the eye is drawn to. Especially top left. That is why most home links are top left. Don't get me wrong right hand is ok if you are doing that intentionally, but left hand is equally ok if it is done correctly.
- noneloud, on 10/12/2007, -0/+4Fred Clown, That would be more reason to have it on the right. You read the new articles first, and then move to the other parts of the site. That way you don't have to force your mind to skip that part when you just want to read the new articles.
- Phoenyx, on 10/12/2007, -0/+1I'm right-handed, the scroll bar is on the right-hand side, why can't I have right-side navigation?
- Flankk, on 10/12/2007, -0/+1I couldn't quite place what was wrong with v3 until I tried this. I had to subconsiously skip the navbar every story. Now I have Digg back the way she's meant to be. Thank you all so much.
halfway, on 10/12/2007, -0/+5Really nice mod for the digg site. I don't currently use firefox, but I'm sure a lot of people will benefit from this little change. Nice work.
theblooms, on 10/12/2007, -4/+8Ahhh, that's better.
shamanking, on 10/12/2007, -11/+2Aweosme
noisyb, on 10/12/2007, -11/+15Nice, indeed.

But it still is "A fix for an internet site that HAD a clean layout"
- sulaco, on 10/12/2007, -10/+8Well I hated the menu on the right side of the page. Welcome to my old world. How does changing menu position make the layout unclean?
ReubADoob, on 10/12/2007, -2/+19Now if only I could view 100 upcoming stories at once other than 15 would be nice too.
- iluvatar, on 10/12/2007, -1/+7cloud view?
- brandizzle, on 10/12/2007, -0/+6The problem with the cloud view is that many titles are sensationalized to get more votes. Most of the time (though not all the time) the descriptions provide a little bit better information about the story.
- HaroldHupmobile, on 10/12/2007, -0/+8I'd like to be able to select cloud view as default.
- sremick, on 10/12/2007, -0/+8I'd like to select "stories that aren't dupes and without the word AMAZING" as default.
Logite2005, on 10/12/2007, -8/+2Nice.
fanzi, on 10/12/2007, -1/+11damn that was quick
satori3000, on 10/12/2007, -9/+1Now that it's on the right side my PSP has issues with this page. It takes ages to get to the comments and stories. I wish this worked on my PSP. :
ntrsfrml, on 10/12/2007, -8/+3w00t! thanks.. got my controls on the right side now :)
Derferman, on 10/12/2007, -8/+1mirror?
- EvilPenguin, on 10/12/2007, -11/+1http://www.duggmirror.com/design/Digg_V3_with_Right_Hand_Menu/
Lumiras, on 10/12/2007, -7/+1The site looks like it's dead....and I really wanted to use this feature
one2gamble, on 10/12/2007, -1/+22I shouldnt have to hack it, it should have already been on the right
- Ahnteis, on 10/12/2007, -3/+12Your browser can't resize text? Time to get a new browser!
- gromnie, on 10/12/2007, -0/+3It's not a matter of the browser's ability or lack thereof. The browser resizes everything indiscriminately. The Aa button was useful in that it made headlines and fonts smaller, but still left a useable menu and the bold text still looked bold.
  
  I think I can get used to the menu side change (except it pisses me off no end that it forces a page width and no longer conforms to whatever sixze I make the screen), but the lack of the Aa button has really gotten under my skin.
shwilmo, on 10/12/2007, -0/+8someone should make a greasemonkey script for this.
- darcasey, on 10/12/2007, -0/+2Greasemonkey script is here: http://digg.com/software/Digg_V3_With_Right_Hand_Menu_Greasmonkey_Implementation.
other, on 10/12/2007, -9/+4It just went down :(

Mirror: http://www.duggmirror.com/design/Digg_V3_with_Right_Hand_Menu/
- xXShadowstormXx, on 10/12/2007, -7/+1Crap, you're right.
  
  WordPress always has problems.
JakeMcMahon, on 10/12/2007, -0/+7Wordpress + Digg = Nein
- g5604, on 10/12/2007, -6/+4its not wordpress, its the host.
Matt01, on 10/12/2007, -3/+0yeah there seems to be a error on it :(
JesseDidThis, on 10/12/2007, -5/+0"Error establishing a database connection" damn, and I really want to move the menu to the right.
Celeron, on 10/12/2007, -4/+8OMFG! I'm going to love this. This left handed menu is crap.
kris33, on 10/12/2007, -6/+3Someone please create a greasemonkey script that does this!
- sldSquirrel, on 10/12/2007, -4/+4Indeed, or find a way to make this work with Safari :(
- Xeworlebi, on 07/25/2008, -1/+1Easy,
  
  div[id="contents"], div[id="sidebar"] { float: left !important; border: none !important; background: none !important; }
  div[id="container"] { background: none !important; }
  div[id="sidebar"] { padding: 20px 0 1em 35px !important;background-position: 0 0; }
  div[id="footer"] { background: none !important; }
Kamino, on 10/12/2007, -1/+19I wish there was a Digg classic option. I don't like the new design at all and it will take ages for me to get used to it. (Just like w/ the new XP start menu)
- Hellmark, on 10/12/2007, -0/+8I'd be all for a classic dig section. Some people may like V3, but atleast give us some options for those who don't. I'd also like the be able to set the default catergory view. Tech is cool, but I also like gaming and such, so I want to have the default view be "View All". Also, the time limit for editing posts needs to be fixed still. only gives 60 seconds to edit. Better than none what so ever though.
- theblooms, on 10/12/2007, -7/+1This IS the digg classic option!
- theblooms, on 10/12/2007, -1/+3@Hellmark:
  It doesn't give me an Edit option for the comments AT ALL. I would LOVE 60 seconds at this point!
  
  Never mind, it just showed up. It's either buggy or just plain weird.
JakeMcMahon, on 10/12/2007, -11/+1http://www.duggmirror.com/design/Digg_V3_with_Right_Hand_Menu/
- JakeMcMahon, on 10/12/2007, -1/+14Failing that:
  @-moz-document domain(digg.com), domain(www.digg.com) {
  a { text-decoration: none !important; font-weight: bold !important; }
  #top_ad, .banner_ad {display: none !important;}
  h3 a { border: none !important; background: none !important; }
  #contents, #sidebar { float: left !important; border: none !important; background: none !important;}
  #container {background: none !important; }
  #sidebar {padding: 20px 0 1em 35px !important;background-position: 0 0; }
  #footer {background: none !important;}
  }
  
  stick that in your userContent.css
keybsnbits, on 10/12/2007, -1/+13Makes the new layout look a lot better. I didn't realize that the left sidebar was what was giving me that claustrophobic feeling I get from some sites.
Gizza, on 10/12/2007, -0/+8What i would really like is to make the site take advantage of higher resolutions, half my screen is wasted just being in 1280x1024, it should be more scalable out to the sides.
- kipin, on 10/12/2007, -1/+6I am running 1600x1200, and the redesign looks horrible.
  
  Hopefully some this design gets tweaked and relaunched or this will go down in web history as one of the worst redesigns ever.
- cphuntington97, on 10/12/2007, -0/+6Gizza has an excellent point - why are web designers so hell bent on locking us into such narrow extremes? When I maximize a window, the ENTIRE SPACE should be used for content.
  
  Want to see a rediculous use of space? Try maximizing your gaim buddy list. It uses about 1/5 of your screen real estate, and still makes you scroll. Horrible.
- Omega697, on 10/12/2007, -0/+3@-moz-document domain(digg.com), domain(www.digg.com) {
  #contents {
  width: 915px;
  }
  
  #container {
  width: 1110px;
  }
  }
  
  It screws up the background a little on the top, but it does make it wider.
- Aanidaani, on 10/12/2007, -1/+2I agree. It would be nice to add scalability, but the problem is that so many people can't support higher resolutions. :-(
- MCHampster, on 10/12/2007, -0/+1That seems to make the content wider on the first page, but not in the comments page. I don't understand why the comments have to take up 1/4 of my screen. I hate it when sites use a column layout where the main content column doesn't scale for the screen size.
- patrickweber, on 10/12/2007, -4/+2Didn't we all have this discussion a few days ago?
  
  http://digg.com/tech_news/The_majority_of_web_surfers_use_1024x768
- Xiata, on 10/12/2007, -0/+2I disagree with designing for 1280x1024 or higher for webpages. Many folk still only use 1024x768 so you'd be alienating a lot of folk. I myself do NOT like having a full screen web browser myself on my 19" lcd, so designing for fullscreen is only going to anger folk like me. What they SHOULD be doing instead of fixed sizes is relative sizes with a minimum width requirement. min-width and width would be perfect for this. (Hell, you can hack up your userContent.css with the same idea... {min-width: 400px; width: 80%}...
  
  Granted, crappy browsers like IE doesn't support this.
Plezops, on 10/12/2007, -0/+3Thank you so much!!!

I love you!
prose, on 10/12/2007, -6/+0Can anyone mod this to remove the top of the right hand column that reads

"Digg is all about user powered content. Every article on digg is submitted and voted on by the digg community. Share, discover, bookmark, and promote the news that's important to you!".

I only shows up when you're not logged in, and I rarely log in. Thanks
cainrok, on 10/12/2007, -2/+21@-moz-document domain(digg.com), domain(www.digg.com) {
a { text-decoration: underline !important; font-weight: normal !important; }
#top_ad, .banner_ad {display: none !important;}
h3 a { border: none !important; background: none !important; }
#contents, #sidebar { float: left !important; border: none !important; background: none !important;}
#container {background: none !important; }
#sidebar {padding: 20px 0 1em 35px !important;background-position: 0 0; }
#footer {background: none !important;}
}

This one is a bit better no bold lettering and the headlines are underlined like before.
- HaroldHupmobile, on 10/12/2007, -1/+3Very sexy.
- Homez, on 10/12/2007, -2/+1Yes just yes, that is great!
- iSamurai, on 10/12/2007, -2/+2Thanks
- squiffyboy, on 10/12/2007, -0/+3This version is better, thanks.
- Mongoose, on 10/12/2007, -0/+8In case anyone like unbolded links without the underlining like me:
  
  @-moz-document domain(digg.com), domain(www.digg.com) {
  a { text-decoration: none !important; font-weight: normal !important; }
  #top_ad, .banner_ad {display: none !important;}
  h3 a { border: none !important; background: none !important; }
  #contents, #sidebar { float: left !important; border: none !important; background: none !important;}
  #container {background: none !important; }
  #sidebar {padding: 20px 0 1em 35px !important;background-position: 0 0; }
  #footer {background: none !important;}
  }
- Eeqmcsq, on 10/12/2007, -2/+0That rocks. Thanks!
MiamiGuy, on 10/12/2007, -1/+5Is there any way to do this in Opera?
- mzkw, on 10/12/2007, -0/+6Just save the file inside your UserJS folder. No extensions or any other crap needed.
- Perryman, on 10/12/2007, -2/+0I'm not seeing this... please help out a dumb opera user... it's supposed to be in the c:program filesopera dir right?
- d3bruts1d, on 10/12/2007, -0/+1I posted a link to this later down in the thread.... but here it is again:
  http://forums.techrelated.com/index.php?showtopic=116
- shawnz, on 10/12/2007, -0/+1mzkw: I smell firefox flame. For the record, you don't need any extensions to do it with firefox either. There's a file in your homedir names usercontent.css that you add it to (which is exactly what all the extensions do.)
briansalo, on 10/12/2007, -4/+2I don't really have a good comment, other than the first reaction I had when I came back here a few minutes ago to see this new layout.

Dude... that's pimp.
MephistoX, on 10/12/2007, -4/+1very nice
liquidice, on 10/12/2007, -3/+6I like the idea, however I think it's pretty cheap move to take out the banner space. It's not like it's all that intrusive, digg is free because of that little bit of advertising.
- kbeeveer46, on 10/12/2007, -5/+4Who doesn't surf the net without an ad block these days anyway?
- kiddailey, on 10/12/2007, -2/+7Myself, and other people who respect the fact that it costs money to host a website.
- ACalcutt, on 10/12/2007, -1/+7I agree, digg deserves the advertising money
- liquidice, on 10/12/2007, -0/+5I accept advertising on websites, just as long as there aren't tons of pop ups, firefox blocks most of them anyway. Sometimes I even enjoy the little flash games that are advertisements, because in firefox you can play them, but the pop ups don't show up.
- Sababaaa, on 10/12/2007, -0/+1I agree that digg deserves its advertizing revenue, but personally, I either block them by using an adblock (or a css hack such as this one) or my mind completely ignores them anyway. So as much as I would love to support digg, through advertizing is not the way its gonna happen. I would have no problem donating money to them, or buying a digg tshirt... there is no chance of me clicking on an ad on purpose. Anytime its ever happened, its been by accident. So farewell ads, hello new and improved Digg v3 :D
  
  And I'm using Mike Campo's script, and it works beautifully. +1 Digg
ElJefeGrande, on 10/12/2007, -5/+2Does this not apply to the comments section? I am still getting "ads by google". Maybe I did it wrong.
eznihm, on 10/12/2007, -3/+0nice, thank you
BeerTooth, on 10/12/2007, -3/+1SWEET!!!
n0xie, on 10/12/2007, -1/+1You the man! :D
codethis, on 10/12/2007, -0/+4this fixes the comments page (no space between nav and content)

.comments_ad_image{ display:none;}
.comment{width:710px;}
- Derferman, on 10/12/2007, -0/+2How did you get your comments to be fixed? I loaded that css, but Stylish loads in before comment.css, so the width stays the same for me
- Derferman, on 10/12/2007, -0/+2I fixed the problem you need to do this
  
  .comment {
  width: 715px !important;
  }
Lutja, on 10/12/2007, -0/+2What a wonderful plugin styler is - i've been able to alter the css so that it now shows the story sumaries without having to horizontal scroll.

add (then edit the 580px bit for your own needs) this code .

#contents {width: 580px; float: right;padding-bottom: 1em;}
sfty, on 10/12/2007, -0/+4+digg hoping that the menu will return to its place on the right per default..
imatt, on 10/12/2007, -4/+2Here's a greasemonkey script to remove the ads.
http://userscripts.org/scripts/show/4325
ngageguy, on 10/12/2007, -0/+1So this would be digg v 3.1? Sweet! Can't wait for the ME version with more eyecandy!
- Lutja, on 10/12/2007, -0/+1but remember that windows 3.1 was the first properly usable version of windows. 3.1 might be some kind of magical computer number
Arobas, on 10/12/2007, -0/+3Thx a lot! and here is mine if you want to REMOVE ADS FROM GOOGLE. Adblock do it but without removing the space.

@-moz-document domain("digg.com") {
div[id="comments_ad"],div[id="item_ad"],div[id="top_ad"] {
display: none !important;
}
div[id="enclosure1"], div[class="comment-tray"], ol {
width: 710px !important;
}
}
- Arobas, on 10/12/2007, -0/+3Rectification.. digg should really improve the "edit" feature, at least giving us 10 minutes :(
  
  @-moz-document domain("digg.com") {
  #comments_ad, #item_ad, #top_ad, .comments_ad_image, .top_ad_image {
  display: none !important;
  }
  #enclosure1, .comment-tray, ol {
  width: 710px !important;
  }
  }
SubZ3r0, on 10/12/2007, -2/+1digg effected! no more mysql connections LOL
iSamurai, on 10/12/2007, -0/+1Argh, I can't get any of these to work! :(
Maybe I'll switch to the Stylish approach :|
- iSamurai, on 10/12/2007, -0/+1Stylish approach worked :)
danjal, on 10/12/2007, -2/+2is it more, or did this place get alot more google ad space?
kennyGS13, on 10/12/2007, -0/+1great work man
ElJefeGrande, on 10/12/2007, -4/+1Add this to either userStyles or Stylish to remove the top ad banner.

.top_ad_image{ display:none; }
bdawg923, on 11/07/2007, -0/+2Can someone make a Greasemonkey script for this?
- ReqX, on 10/12/2007, -0/+1Please!
- ReRunx5, on 10/12/2007, -0/+1http://digg.com/software/Digg_V3_With_Right_Hand_Menu_Greasmonkey_Implementation.
marquis, on 10/12/2007, -3/+1Now - how to remove those digg ads at the bottom?
- effowe, on 10/12/2007, -1/+0To remove the digg ad's / links at the bottom change this line..
  #footer {background: none !important;}
  to this
  #footer {display: none !important;}
Show 51 - 100 of 111 discussions
Login or register to add a comment

Create a new account or login to join in the conversation on Digg. You'll also be able to Digg stories to help promote things you like.

Digg V3 with Right Hand Menu

Login or register to add a comment