How to hide the facebook Like count
Posted on Wednesday 6 July 2011
What I do, is put a div on top of the like count which is absolutely positioned
THE CSS
.facebook_like{
position: relative;
float:left;
}.facebook_like_hide_count{
width: 50px;
height: 20px;
background: white;
position: absolute;
left: 50px;
top: 0;
}
THE HTML
<div class="facebook_like">
<fb:like href="http://yoururl.com/" send="false" layout="button_count" width="20" show_faces="true" font=""></fb:like>
<div class="facebook_like_hide_count"> </div>
</div>
Most used Social media share links (facebook, twitter, linkedin, Stuble upon)
Posted on Saturday 22 May 2010
As sharing content with other people becomes more and more common in every day web development I mainly just use these share links. I always seem to forget how to form them, so here they are:
FACEBOOK
http://www.facebook.com/sharer.php?u=http://stevendobbelaere.be&t=test
TWITTER
http:/twitter.com/home?status=Currently reading http://stevendobbelaere.be
LINKEDIN
http://www.linkedin.com/shareArticle?summary=Web development blog&title=Currently reading http://stevendobbelaere.be&mini=true&url=http://stevendobbelaere.be&source=http://stevendobbelaere.be
STUMBLE UPON
http://www.stumbleupon.com/submit?url=http://www.stevendobbelaere.be&title=Steven+dobbelaere
MAILTO
mailto:info@stevendobbelaere.be?subject=this is the subject&body=this is the body
Generate content with CSS before or after an element
Posted on Saturday 23 January 2010
You can easily add content before or after an element . To do so the content property is used with the :before and :after pseudo-elements, to insert generated content.It’s only supposed to work only for the :before and :after pseudo-elements, but only Opera and Konqueror appear to support this. Safari and Chrome support content without the pseudo elements for images, but not for text. And for Internet Explorer, only IE8 supports the content property. For more information on the browser support for this CSS property -> http://www.quirksmode.org/css/contents.html
For example, the following rule inserts the string “Description: ” before the content of every P element whose “class” attribute has the value “descr”:
p.descr:before {
content: "Description: "
}
The following example inserts the URL in parenthesis after each link:
a:after {
content: " (" attr(href) ")";
}
this results in a URL like this on your webpage:
test (“http://www.test.com”)