Social media integration

With the latest release of the forum software we've added integration with some social media sites, namely del.icio.us, Mr Wong and Twitter. You'll find their logos above the first post on each individual post page:

These enable people to post the URL of that topic to those sites, assuming that they're logged in. Are there are other sites folks here think would be appropriate for the kind of content we have in the forums? Digg? Reddit? StumbleUpon? Yahoo Buzz? Something else? As always, please feel free to provide feedback.

Its nice to see these new icons on top,

Designing suggestion : make a container or something (like a capsule) to contain these icons.
they really dont suit well on brown.

man... i know i'm not up on all the current trends, but i've never HEARD of Mr. Wong until now. (and i'm still not sure what it is)

-10 geek points for me!!!

fred rosenberger wrote:man... i know i'm not up on all the current trends, but i've never HEARD of Mr. Wong until now. (and i'm still not sure what it is)

-10 geek points for me!!!

Yea +1 on the Mister Wong clueless-ness for me as well. And I consider myself pretty social media savvy.

Gregg Bolinger wrote:
Yea +1 on the Mister Wong clueless-ness for me as well. And I consider myself pretty social media savvy.

I've heard of Mister Wong -- only because I seen the logo before, and was interested, on how the website knew my name in chinese. Of course, I was disappointed when I found it that it had nothing to do with the site knowing who I was.

As a side note, "wong" means yellow in chinese (at least the version of the character "wong" that is used in the logo), so why is the logo red? ...

Henry

Henry Wong wrote:

Gregg Bolinger wrote:
Yea +1 on the Mister Wong clueless-ness for me as well. And I consider myself pretty social media savvy.

I've heard of Mister Wong -- only because I seen the logo before, and was interested, on how the website knew my name in chinese. Of course, I was disappointed when I found it that it had nothing to do with the site knowing who I was.

As a side note, "wong" means yellow in chinese (at least the version of the character "wong" that is used in the logo), so why is the logo red? ...

Henry

yep, never heard of mr wong here either. I'll have to look in to it.

Mr Wong is kind of a similar service to del.icio.us. It's more popular over here in Europe than it is in the USA, and particularly so in -ahem- Germany :-)

Count me in too in the Never-Heard-Of-Wong list.

Henry who?

It might be ridiculous, but I think that Linkedin could be the theme of consideration.

Unfortunately, I'm not sure if they provide a public API.

Oleg.

Henry Wong wrote:
As a side note, "wong" means yellow in chinese (at least the version of the character "wong" that is used in the logo), so why is the logo red? ...

What do you mean "version". Do you mean to say, you can write "wong", in a different way, which would "sound" wong, but would mean something different?

I "tinkered"

with the site design and here is what i came up with:

PS: if image is not visible, copy its url and open in a new browser window

here is what i came up with

Not bad. What's the CSS for that?

Here you go:

http://www.freewebtown.com/salvindata/temp/proposed%20design.zip

PS: if url does not work, copy and paste it in a new browser window

HTML:

css:

I use StumbleUpon, but dosen't seem I'm gonna bookmarked any link of JR on StumbeUpon, I'll like to bookmark it using JavaRanch Bookmark link which will help me to gather some really good Java discussion link at one place

i confess i have not used it, but what do you guys think about digg ?

Salvin, I got the files - thanks. I incorporated it in a test version and it looks nice (IMO). If others here think the same, we may roll it out.

Regarding integration with other sites (like Digg, Reddit, StumbleUpon, Yahoo Buzz etc.) - those seem geared more towards articles and sites, not so much towards discussions. We have those on the FAQ pages (where I think they are a better fit), but it's somewhat of a judgement call. Different people may use different sites in a different ways, after all.

Ulf Dittmer wrote:Salvin, I got the files - thanks. I incorporated it in a test version and it looks nice (IMO). If others here think the same, we may roll it out.

It seems to not work well if the browser is slightly smaller. Shrink the width of the browser a bit -- and you'll see what I mean.

Henry

I see. I tweaked it a bit, and now it seems fine in Safari, and better -but not perfect- in Firefox. Henry, can you check what IE thinks about it?

Hi Ulf,

Its nice to see the icons at the top and in fact will be useful too. It would be great for me if Digg, Reddit and Dzone are added to the list.

Ulf Dittmer wrote:I see. I tweaked it a bit, and now it seems fine in Safari, and better -but not perfect- in Firefox. Henry, can you check what IE thinks about it?

Here is how it looks with IE... with the width shrunk just a tad....

Henry

Ulf Dittmer wrote: I incorporated it in a test version and it looks nice (IMO).

Can we have an access to test version

Sagar Rohankar wrote:

Ulf Dittmer wrote: I incorporated it in a test version and it looks nice (IMO).

Can we have an access to test version

OK, I got it, I guessed and found this:
[Edited: The JR forums "sandbox" link]

Sagar Rohankar wrote:

Ulf Dittmer wrote: I incorporated it in a test version and it looks nice (IMO).

Can we have an access to test version

That's like asking a magician, how a particular trick is done

Maneesh Godbole wrote:

Sagar Rohankar wrote:

Ulf Dittmer wrote: I incorporated it in a test version and it looks nice (IMO).

Can we have an access to test version

That's like asking a magician, how a particular trick is done

Sorry, If the URL is private for moderators and sheriff.

Meanwhile,
On Gogle Chrome: Looks fine

On IE6:

As Henry suggested, the div gets vertically aligned, if screen resolution minimized. My suggestion would be make the width of parent DIV to some constant value and make display inline,

This is based on my knowledge, it may or may not work for IE 6.
(You never get your CSS work in first shot on IE6, it's nightmare for all the web deesigner

)

Hmmmm.

There is a solution for this problem,
It involves using browser hacks in css.....

Let me do a bit of a research.....

Here is a pattern i would like to call: Left-Right-Center.

I think this takes care of IE's shrinking bug....

"bit" different html:

Css:

Let me know if this fails under any browser.

By the way the above code was tested by me under :

IE 7
Firefox 3.0.8
Chrome 2.0.172 (is not the latest)

it works fine.

any updates ??

We have it running on the test server, and it seems to work fine. It'll be released whenever the next release of the forum software is due (no target date yet). Thanks for your help with this.

this may be the wrong forum for this suggestion, but i felt like posting here any ways....

Please copy and paste the above image url in a new window:

Some one stop me, Please...

Psd for the above images (Requires Photoshop):

i hope the link works

As you may have seen by now, this change has been released. Thanks to Salvin for the idea and the CSS!

The div doesn't seem to be properly aligned in my browser. I'm using Firefox 3.5.2

I've attached the image here.

-Pushkar

Clear your browser cache, that should fix it.

Ulf Dittmer wrote:As you may have seen by now, this change has been released. Thanks to Salvin for the idea and the CSS!

Anything for coderanch

one favour:
Any suggestion/critism for my own site: www.salvin.in
Thanks in advance

Gregg blogged about this including the dzone button.