An imageless and responsive "Fork me on GitHub" ribbon

Fork me on GitHub The "Fork me on GitHub" ribbons supplied by GitHub are cute but they have a few issues: they mean having to load an extra image and they overlap the content of the page on smaller screens. Instead of using an image it is totally fine to use CSS for the same purpose. This is an example of a imageless ribbon that falls back to an inline link when there is not enough space. If you see this on a screen less than 800 pixels there should be a link above, if you have a wider screen the ribbon should be up in the corner. Simply change the settings in the following form to your needs. Going to the next field applies the changes which you can see live here. When you are happy with your choices simply copy and paste the code. GitHub URL: Ribbon Colour: Ribbon Hover Colour: Text Colour: Text Hover Colour: Lines Colour: Shadow settings: Responsive Breakpo...

Linked on 2014-01-23 21:53:03 | Similar Links