Skip to content

Instantly share code, notes, and snippets.

@xonecas
Created May 5, 2011 19:05
Show Gist options
  • Select an option

  • Save xonecas/957669 to your computer and use it in GitHub Desktop.

Select an option

Save xonecas/957669 to your computer and use it in GitHub Desktop.
Github follow me icon/badge/button
<!-- Just replace **USERNAME** by your github username :-) -->
<style>
#followGithub {
color: #121516;
text-shadow: 0 1px 1px #ccc;
padding: 0.2em 0.4em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
-moz-box-shadow: 0px 0px 2px #666;
-webkit-box-shadow: 0px 0px 2px #666;
box-shadow: 0px 0px 2px #666;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#aaaaaa));
background-image: -webkit-linear-gradient(top, #eeeeee, #aaaaaa);
background-image: -moz-linear-gradient(top, #eeeeee, #aaaaaa);
background-image: -ms-linear-gradient(top, #eeeeee, #aaaaaa);
background-image: -o-linear-gradient(top, #eeeeee, #aaaaaa);
background-image: linear-gradient(top, #eeeeee, #aaaaaa);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#aaaaaa');
}
#followGithub img { position: relative; top: 2px; margin: 0 6px 0 0; }
</style>
<a href="https://github.com/users/follow?target=**USERNAME**"
title="Follow **USERNAME** on Github" id="followGithub" class="noBg">
<img src="https://github.com/favicon.ico" />Follow me on Github
</a>
@santosh

santosh commented Feb 19, 2013

Copy link
Copy Markdown

I don't think this works now.

@xonecas

xonecas commented Sep 19, 2015

Copy link
Copy Markdown
Author

Github has updated their favicon for a double sized retina asset. just need to specify an height on the img rule.

@gehrBehr

gehrBehr commented Feb 8, 2017

Copy link
Copy Markdown

Worked for me! Thanks!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment