https://github.com/simonwhitaker/github-fork-ribbon-css

A CSS-only, resolution-independent "Fork me on GitHub" ribbon.
https://github.com/simonwhitaker/github-fork-ribbon-css

Last synced: 3 months ago
JSON representation

A CSS-only, resolution-independent "Fork me on GitHub" ribbon.

• Host: GitHub
• URL: https://github.com/simonwhitaker/github-fork-ribbon-css
• Owner: simonwhitaker
• License: mit
• Created: 2012-08-28T18:47:40.000Z (about 12 years ago)
• Default Branch: gh-pages
• Last Pushed: 2024-04-09T19:27:19.000Z (7 months ago)
• Last Synced: 2024-05-17T00:36:13.680Z (6 months ago)
• Language: HTML
• Homepage: https://simonwhitaker.github.io/github-fork-ribbon-css/
• Size: 61.5 KB
• Stars: 747
• Watchers: 13
• Forks: 145
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-starred - github-fork-ribbon-css - A CSS-only, resolution-independent "Fork me on GitHub" ribbon. (HTML)

README

        
# *Fork me on GitHub* CSS ribbon

This is a recreation of the [Fork me on GitHub ribbon](https://github.com/blog/273-github-ribbons)

in CSS, hence resolution-independent.

## Using with Bower

You can install the CSS files using [Bower](https://github.com/bower/bower).

```bower install github-fork-ribbon-css```

## Using with npm

You can also install the CSS files using [npm](https://www.npmjs.com/).

```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](https://cdnjs.com/libraries/github-fork-ribbon-css).

Copy the following code into the `` of your page:

```html

```

And this into the `` of your page:

```html

Fork me on GitHub

```

## Styling

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

```html

.github-fork-ribbon:before { background-color: #333; }

```

See 'em in action! 

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

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