https://github.com/catdad/fork-ribbon-css-builder
:ribbon: pure CSS "For me on GitHub" ribbon generator
https://github.com/catdad/fork-ribbon-css-builder
Last synced: 2 months ago
JSON representation
:ribbon: pure CSS "For me on GitHub" ribbon generator
- Host: GitHub
- URL: https://github.com/catdad/fork-ribbon-css-builder
- Owner: catdad
- License: mit
- Created: 2013-06-26T06:03:13.000Z (almost 12 years ago)
- Default Branch: master
- Last Pushed: 2017-12-13T00:53:14.000Z (over 7 years ago)
- Last Synced: 2025-03-23T03:08:49.991Z (3 months ago)
- Language: CSS
- Homepage: http://catdad.github.io/fork-ribbon-css-builder
- Size: 29.3 KB
- Stars: 14
- Watchers: 2
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# "Fork me on GitHub" Ribbon Builder
Pure CSS "For me on GitHub" ribbon generator
## How to
The builder is located at [catdad.github.io/fork-ribbon-css-builder](http://catdad.github.io/fork-ribbon-css-builder). Once there, you can preview the ribbon, change some attributes, and copy the code.
## Note
This project is in no way endorced or sponsored by GitHub. I just wanted pure CSS ribbons that do not load an image. If you want the official ribbons, you can get them here: https://github.com/blog/273-github-ribbons
This ribbon is meant to be simplified version of GitHub's ribbons, and is not a picture perfect copy in CSS. If that is what you are looking for, try these: https://github.com/simonwhitaker/github-fork-ribbon-css
This ribbon is supported in modern browsers. If you want support in Internet Explorer, look elsewhere.
The position of this ribbon is set to `fixed`, rather than the original `absolute` of other ribbons. This is because the ribbon goes off the page and causes horizontal scrolling in the `absolute` configuration, as it does in most other CSS ribbons you'll find on GitHub. As a result of this, the ribbon will always stay in its position while scrolling the page. If this is bad for you, look elsewhere.
If you want to see how all the magic happens, and configure it by hand, check out the `sample.css` file.
## License
The ribbon code is yours to use however you would like. The source itself is licensed under the MIT X11 License. Please use, adapt, and modify this project to your heart's content. Link back to this page wherever you can.