Created
November 4, 2010 19:21
-
-
Save benaldred/663014 to your computer and use it in GitHub Desktop.
Instagram Badge
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Start of Instagram Badge --> | |
| <style type="text/css"> | |
| /* | |
| crafted by benaldred - http://geekmade.co.uk | |
| heavily influenced by flickr badge | |
| See http://geekmade.co.uk/post/1481180121/instagram-javascript-badge for information on how to use it. | |
| Instagram logo is from twitter | |
| If you want to use the font you need to get the font face kit from font squirrel | |
| http://www.fontsquirrel.com/fonts/ChunkFive | |
| The styles below are a starter | |
| */ | |
| @font-face{font-family:'ChunkFiveRegular';src:url('fonts/Chunkfive-webfont.eot');src:local('☺'),url('fonts/Chunkfive-webfont.woff') format('woff'),url('fonts/Chunkfive-webfont.ttf') format('truetype'),url('fonts/Chunkfive-webfont.svg#webfont4CzPTNtF') format('svg');font-weight:normal;font-style:normal;} | |
| #instagram_badge_wrapper{text-align:left;width:250px;} | |
| #instagram_badge_header img{padding:0px;margin:0px 10px 0px 0px;float:left;} | |
| #instagram_badge_header h2{font-family:'ChunkFiveRegular',Arial,sans-serif;font-size:34px;padding:0px;margin:0px 0px 10px 0px;color:#2D648B;padding-top:4px;} | |
| #instagram_badge_photo_wrapper{padding:0;} | |
| #instagram_badge_wrapper a:hover, | |
| #instagram_badge_wrapper a:link, | |
| #instagram_badge_wrapper a:active, | |
| #instagram_badge_wrapper a:visited{text-decoration:none !important;background:inherit !important;color:#fff;margin:0px 10px 10px 0px;display:block;float:left;} | |
| #instagram_badge_photo_wrapper .clear{clear:both;} | |
| </style> | |
| <div id="instagram_badge_wrapper"> | |
| <div id="instagram_badge_header"> | |
| <img id="" alt="Instagram Camera" src="http://a0.twimg.com/profile_images/1106630388/22_reasonably_small.png" width="36px" height="36px" /> | |
| <h2>Instagram</h2> | |
| </div> | |
| <div id="instagram_badge_photo_wrapper"> | |
| <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?show_name=1&count=4&size=t&layout=h&order=latest&source=user_tag&user=your_user_id&tag=instagramapp"></script> | |
| <div class="clear"></div> | |
| </div></div> | |
| <!-- End of Instagram Badge --> |
instagram_badge_wrapper{text-align:left;width:250px;}
#instagram_badge_header img{padding:0px;margin:0px 10px 0px 0px;float:left;}
#instagram_badge_header h2{font-family:'ChunkFiveRegular',Arial,sans-serif;font-size:34px;padding:0px;margin:0px 0px 10px 0px;color:#2D648B;padding-top:4px;}
#instagram_badge_photo_wrapper{padding:0;}
#instagram_badge_wrapper a:hover,
#instagram_badge_wrapper a:link,
#instagram_badge_wrapper a:active,
#instagram_badge_wrapper a:visited{text-decoration:none !important;background:inherit !important;color:#fff;margin:0px 10px 10px 0px;display:block;float:left;}
#instagram_badge_photo_wrapper .clear{clear:both;}
</style>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
#instagram_badge_wrapper{text-align:left;width:250px;}
#instagram_badge_header img{padding:0px;margin:0px 10px 0px 0px;float:left;}
#instagram_badge_header h2{font-family:'ChunkFiveRegular',Arial,sans-serif;font-size:34px;padding:0px;margin:0px 0px 10px 0px;color:#2D648B;padding-top:4px;}
#instagram_badge_photo_wrapper{padding:0;}
#instagram_badge_wrapper a:hover,
#instagram_badge_wrapper a:link,
#instagram_badge_wrapper a:active,
#instagram_badge_wrapper a:visited{text-decoration:none !important;background:inherit !important;color:#fff;margin:0px 10px 10px 0px;display:block;float:left;}
#instagram_badge_photo_wrapper .clear{clear:both;}
</style>
Instagram