StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
7730877
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2011-10-11T18:42:33.857
FavoriteCount
0
LastActivityDate
2011-10-11T18:42:33.857
LastEditDate
LastEditorUserId
0
OwnerUserId
967435
ParentId
7476603
PostTypeId
2
Score
1
ViewCount
0
LastEditorDisplayName
text
Body
<p>What I've done was putting behind the Facebook like button a zero-count balloon which looks just like Facebook's. The tricky part was positioning it in the right place since apparently the width of the like button itself is different per browser and there's no way to depend on its flow since it's in a separate iframe.</p> <p>Here's how it looks:</p> <ul> <li><p>DOM (everything within fb_bg_count_balloon, is from facebook's iframe):</p> <pre><code><div class="fb_like_container"> <div class="fb_bg_count_balloon"> <table cellspacing="0" cellpadding="0"><tbody><tr> <td> <div class="fb_count_nub"> <s></s><i></i> </div> </td> <td><div class="fb_count_count">0</div></td> </tr></tbody></table> </div> <div class="fb_like_foreground"> <fb:like href="http://yoururl.com/path" send="false" layout="button_count" width="90"></fb:like> </div> </div> </code></pre></li> <li><p>SCSS (I find it much more readable than plain CSS - it's what enables the nested selectors here - you can translate it to valid plain CSS quite easily by flattening the nesting):</p> <pre><code>.fb_like_container { width:90px; position:relative; .fb_bg_count_balloon { position:absolute; top: 1px; right: 13px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; color: #333; .fb_count_nub { display: block; position: relative; z-index: 2; height: 0; width: 5px; top: -5px; left: 2px; s, i { display: block; border-style: solid; border-color: transparent; border-right-color: #D7D7D7; border-width: 4px 5px 4px 0; position: relative; top: 1px; } i { left: 2px; top: -7px; border-right-color: white; } } .fb_count_count { background-color: white; border-style: solid; border-color: #D1D1D1; border-width: 1px; height: 14px; margin-left: 1px; min-width: 15px; padding: 1px 2px 1px 2px; text-align: center; line-height: 14px; white-space: nowrap; } } .fb_like_foreground { position:absolute; left: 0; top: 0; z-index:3; } } </code></pre></li> <li><p>And the happy tweaks for IE:</p> <pre><code>  </code></pre></li> </ul> <p>The problems with this way are:</p> <ol> <li>If facebook changes anything, it'll probably break (at least visually)</li> <li>When loading, until facebook parses your fb:like, you'll have only the balloon.</li> <li>FB's "fb_count_nub" is disgusting, but I guess quite portable - You can just replace it all (fb_bg_count_balloon's content) with an image.</li> </ol>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POShow zero in button_count Like button
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USm0she
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. COThanks, complicated but helpful!
  singulars
  PostPostId
  PO
  UserUserId
  USDerek W Beck

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.