• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Liutauras Vilda
  • Jeanne Boyarsky
  • Devaka Cooray
  • Paul Clapham
Sheriffs:
  • Tim Cooke
  • Knute Snortum
  • Bear Bibeault
Saloon Keepers:
  • Ron McLeod
  • Tim Moores
  • Stephan van Hulst
  • Piet Souris
  • Ganesh Patekar
Bartenders:
  • Frits Walraven
  • Carey Brown
  • Tim Holloway

Social media integration

 
Rancher
Posts: 43009
76
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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.
 
Bartender
Posts: 2293
95
Google Web Toolkit Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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.
 
lowercase baba
Posts: 12751
51
Chrome Java Linux
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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!!!
 
Ranch Hand
Posts: 15304
6
Mac OS X IntelliJ IDE Chrome
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator

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.
 
author
Posts: 23834
140
jQuery Eclipse IDE Firefox Browser VI Editor C++ Chrome Java Linux Windows
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator

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
 
Ranch Hand
Posts: 254
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator

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.
 
Ulf Dittmer
Rancher
Posts: 43009
76
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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 :-)
 
salvin francis
Bartender
Posts: 2293
95
Google Web Toolkit Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Count me in too in the Never-Heard-Of-Wong list.
 
Ranch Foreman
Posts: 3268
20
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Henry who?
 
Ranch Hand
Posts: 55
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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.
 
Bartender
Posts: 11445
18
Android Google Web Toolkit Mac Eclipse IDE Ubuntu Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator

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?
 
salvin francis
Bartender
Posts: 2293
95
Google Web Toolkit Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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

 
Ulf Dittmer
Rancher
Posts: 43009
76
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator

here is what i came up with


Not bad. What's the CSS for that?
 
salvin francis
Bartender
Posts: 2293
95
Google Web Toolkit Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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
 
salvin francis
Bartender
Posts: 2293
95
Google Web Toolkit Eclipse IDE Java
  • Likes 1
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
HTML:



css:


 
Ranch Hand
Posts: 2908
1
Spring Java Ubuntu
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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
 
salvin francis
Bartender
Posts: 2293
95
Google Web Toolkit Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
i confess i have not used it, but what do you guys think about digg ?
 
Ulf Dittmer
Rancher
Posts: 43009
76
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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.
 
Henry Wong
author
Posts: 23834
140
jQuery Eclipse IDE Firefox Browser VI Editor C++ Chrome Java Linux Windows
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator

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
 
Ulf Dittmer
Rancher
Posts: 43009
76
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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?
 
Ranch Hand
Posts: 349
Hibernate Eclipse IDE Spring
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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.
 
Henry Wong
author
Posts: 23834
140
jQuery Eclipse IDE Firefox Browser VI Editor C++ Chrome Java Linux Windows
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator

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

JRicons_cut.JPG
[Thumbnail for JRicons_cut.JPG]
 
Sagar Rohankar
Ranch Hand
Posts: 2908
1
Spring Java Ubuntu
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator

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
Ranch Hand
Posts: 2908
1
Spring Java Ubuntu
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator

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]
 
Maneesh Godbole
Bartender
Posts: 11445
18
Android Google Web Toolkit Mac Eclipse IDE Ubuntu Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator

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
 
Sagar Rohankar
Ranch Hand
Posts: 2908
1
Spring Java Ubuntu
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator

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.
 
Sagar Rohankar
Ranch Hand
Posts: 2908
1
Spring Java Ubuntu
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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 )
 
salvin francis
Bartender
Posts: 2293
95
Google Web Toolkit Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hmmmm.

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

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


 
salvin francis
Bartender
Posts: 2293
95
Google Web Toolkit Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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.
 
salvin francis
Bartender
Posts: 2293
95
Google Web Toolkit Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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.
 
salvin francis
Bartender
Posts: 2293
95
Google Web Toolkit Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
any updates ??
 
Ulf Dittmer
Rancher
Posts: 43009
76
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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.
 
salvin francis
Bartender
Posts: 2293
95
Google Web Toolkit Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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...
 
salvin francis
Bartender
Posts: 2293
95
Google Web Toolkit Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Psd for the above images (Requires Photoshop):

i hope the link works
 
Ulf Dittmer
Rancher
Posts: 43009
76
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
As you may have seen by now, this change has been released. Thanks to Salvin for the idea and the CSS!
 
Rancher
Posts: 425
Android Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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

Javaranch.JPG
[Thumbnail for Javaranch.JPG]
Problem with misalignment in the social media integration div
 
Sheriff
Posts: 10445
227
IntelliJ IDE Ubuntu
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Clear your browser cache, that should fix it.
 
salvin francis
Bartender
Posts: 2293
95
Google Web Toolkit Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator

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
 
author & internet detective
Posts: 39343
755
Eclipse IDE VI Editor Java
 
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!