@davidbabylon 11:54pm, 28 December 2005
I recently added my Digg feed to my my website just below my del.icio.us feed in the sidebar.

I was wondering how I can get the individual articles in Digg to be styled the same as the del.icio.us links?

For example each del.icio.us link has a ">>" in-front of it. Can anyone tell me what or where I change in the CSS to have my digg articles apear the exact same way? I'd appreciate it.

Thanks.
Ka-Meng 13 years ago
Are you using a Digg plugin for this? (not sure if there is one to begin with)

But if you do, you'll have to "digg" into the plugin code and look at how the articles are published - more likely using <li> tags. Just add the right angle quote before that and you should be happy as larry :D
@davidbabylon 13 years ago
I'm not using a digg plugin (I'm not sure if there is one).

I simply added a script given by digg to syndicate my feed. I was looking for the delicious sidebar css styling but had no luck finding it. :( I'm a novice when it comes to code in general so the fact that I have it working properly astounds me. Now I just need to figure out how to style it so it looks like the delicious bookmarks.

If you haave any idea how I could do it (keep in mind I have nowhere near your coding skills) I'd be happier than Larry. ;)
Ka-Meng 13 years ago
I just checked out your source and it's pulling a javascript right off digg's site which publishes the articles. Unfortunately, you can't manipulate the code to fit the right angle quote in. The Digg site did mention you can change the CSS for styling, but adding characters for CSS styling is beyond me.

I have limited coding skills too, so I'm not that far off from you :)

Maybe a call for the development of a plugin is in order. Will look into it :D
@davidbabylon 13 years ago
What I have on my sidebar is the first I have seen. I think a digg plugin is a no-brainer. I would think all it takes is using the same framework that the del.icio.us plugin is based off of and popping in digg information. BUT I know nothing about writing a plugin so it might be much, much more complex than that.

I would love someone to come up with a digg plugin for WordPress.

Until then, I'd love some help styling my own makeshift digg sidebar contraption.

:D
Ka-Meng 13 years ago
"I think a digg plugin is a no-brainer"

Thanks for taking away all the bragging rights that come with it when someone whips up the plugin. The plugin idea has now dropped a few notches down on my todo list LOL.

Kidding. I'll get around to it when I can figure out the del.icio.us plugin.
@davidbabylon 13 years ago
Ha! I think you took it in the wrong way. I meant the idea of a digg plugin seems obvious because so many people would find it useful much like the del.icio.us plugin. It just makes perfect sense and I'm suprised no one has (as of yet) come up with one. When (and if) you do get around to it I will be the first to sing your praises. :D
Ka-Meng Posted 13 years ago. Edited by Ka-Meng (member) 13 years ago
Found a temp fix for you. It's a quick and dirty approach at the moment and using one of the rss aggregator plugins floating around.

Will write up an howto later on my blog. Am still at work now.

Sneak peek: rayz.notdesign.net
parallel pies [deleted] 13 years ago
try adding this to your style sheet.

li.rss_item:before {
content: "» ";
}

that should make », then a space appear before every list item with the rss_item class (e.g. every digg item in your sidebar), unless you can change the js digg make, that's all you can do, without getting into js.
Ka-Meng 13 years ago
Great workaround using CSS! And I've whipped up this howto for nothing LOL ;)
parallel pies [deleted] 13 years ago
lol, sorry :)

Just remember, like most cool CSS things/tricks, that wont work in IE (at least it wont look like crap though, has a nice fallback)
Ka-Meng 13 years ago
Haha no worries mate! Like I mentioned before, adding text at specific position using CSS is beyond me, so I learnt something new.

I didn't try it, but I suppose like you said in IE it will degrade nicely. So my long winded workaround still has some value :D
Myles Braithwaite 13 years ago
I have made a wordpress digg plugin check it out at wiki.mylesbraithwaite.com/wordpress/digg
midbach 13 years ago
the Digg css should look similar to this:

.delicious-posts { margin: 1em; border: 2px solid #ddd; padding: 0.5em; width: 13em; font-family: sans-serif; }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}
.delicious-post { border-top: 1px solid #eee; padding: 0.25em; font-size: 80% }
.delicious-odd { background-color: #f8f8f8 }
.delicious-banner a { font-size: 80% }
.delicious-posts a:hover { text-decoration: underline }
.delicious-posts a { text-decoration: none; color: #a15426; display: block; padding: 0.3em }
.delicious-post a { color: #04a1ff }

you could add it to your style.css and then modify it to your taste.

tweaking is how you learn :)
gamy salt [deleted] 13 years ago
@myles3 - i followed the instructions, but nothing shows up. Do I have to do anything with the code at the bottom??
Myles Braithwaite 13 years ago
@BalazsH - did you follow using the tool Diff?
Myles Braithwaite Posted 13 years ago. Edited by Myles Braithwaite (member) 13 years ago
@BalazsH - I would like to go on the record now and just say I AM STUPID! I fix the bug in the diff so now it will work. Just add this under the first change in the sidebar.php file:

>
>
>
>
>
gamy salt [deleted] 13 years ago
tool Diff?? whats that?
I inserted the code, and when I inserted the sidebar code, the sidebar displays this:
Parse error: parse error, unexpected $ in
gamy salt [deleted] Posted 13 years ago. Edited by gamy salt (member) 13 years ago
If I just insert "
<?php digg($balazs); ?>.
" then it doesn't show anything!!!
Myles Braithwaite 13 years ago
Just look on the site again.

Sorry about all this!
Myles Braithwaite 13 years ago
Do you have a IM?
gamy salt [deleted] 13 years ago
thanks, it works now!
gamy salt [deleted] 13 years ago
btw, what do the numbers mean above the lines of code??
gamy salt [deleted] 13 years ago
me? i have msn
gamy salt [deleted] 13 years ago
@myles: how do i style the css, because it is coming up with a bullet point and not the &raquo
Myles Braithwaite 13 years ago
gamy salt [deleted] 13 years ago
works now, thanks!
gamy salt [deleted] 13 years ago
I added a &nbsp after the &raquo So that it has a space after it to look nicer. :)
Groups Beta