A CSS-only, resolution-independent "Fork me on GitHub" ribbon.
Clone or download
hugovk Merge pull request #68 from DariusMiu/gh-pages
added the data-ribbon to the code example as it was missing there too
Latest commit 4c0359e Oct 31, 2018


Fork me on GitHub CSS ribbon

This is a recreation of the Fork me on GitHub ribbon in CSS, hence resolution-independent.

Using with Bower

You can install the CSS files using Bower.

bower install github-fork-ribbon-css

Using with npm

You can also install the CSS files using npm.

npm install --save github-fork-ribbon-css

Using "Fork me on GitHub" CSS ribbon with a CDN

You can use github-fork-ribbon-css without installation via cdnjs.com.

Copy the following code into the <head> of your page:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.2/gh-fork-ribbon.min.css" />

And this into the <body> of your page:

<a class="github-fork-ribbon" href="https://url.to-your.repo" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>

See 'em in action! https://simonwhitaker.github.io/github-fork-ribbon-css/

Feel free to fork, tweak and send me a pull request.

Note: this project is not sponsored or in any way endorsed by GitHub.