Fork me on GitHub – CSS ribbon

This is a pure CSS implementation of the famous Fork me on GitHub ribbon.

Usage

To use it on your site, just view source and copy the two marked sections (one the CSS, the other the HTML tag). You'll also need to grab the CSS files here.

Alternatively, fork the project on GitHub!

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 with cdnjs

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.3/gh-fork-ribbon.min.css"
        />

And this into the <body> of your page:


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

Styling

Set the background colour using the ::before selector. For example:


        <style>.github-fork-ribbon:before { background-color: #333;
        }</style>

About

This project was written by Simon Whitaker. It is not endorsed in any way by GitHub.