1.0.0 • Published 5 years ago

fork-me-on-github.css v1.0.0

Weekly downloads
2
License
ISC
Repository
github
Last release
5 years ago

fork-me-on-github.css

Design 'GitHub Ribbons ' by CSS

Fork me on GitHub

Usage

  1. add <link rel="stylesheet" href="path of forkMeOnGitHub.css"> in your HTML file head.
  2. add <span> tag with Id name is forkMeOnGitHub.
  3. add <a> tag in <span> tag with href which is you GitHub Link and content is Fork me on GitHub.

Just like the this:

<head>
    <link rel="stylesheet" href="path/to/fork-me-on-github.css">
</head>
<body>
    <!-- default theme -->
    <span class="fork-me-on-github">
        <a href="https://github.com/lamborshea/lamborshea">Fork me on GitHub</a>
    </span>

    <!-- red theme -->
    <span class="fork-me-on-github-red">
        <a href="https://github.com/lamborshea/lamborshea">Fork me on GitHub</a>
    </span>

    <!-- blue theme -->
    <span class="fork-me-on-github-blue">
        <a href="https://github.com/lamborshea/lamborshea">Fork me on GitHub</a>
    </span>

    <!-- yellow theme -->
    <span class="fork-me-on-github-yellow">
        <a href="https://github.com/lamborshea/lamborshea">Fork me on GitHub</a>
    </span>

    <!-- white theme -->
    <span class="fork-me-on-github-white">
        <a href="https://github.com/lamborshea/lamborshea">Fork me on GitHub</a>
    </span>
</body>

default theme default theme

red theme default theme

blue theme default theme

yellow theme default theme

white theme default theme

Feature

  • Designed by CSS entirely.
  • Responsive: when screen width is lower than 768px, the Fork me on GitHub ribbon won't display.

ToDoList

  • add position options class "left/right".
  • add theme "red green yellow gray'.
forkmeongithub
@everything-registry/sub-chunk-1693
1.0.0

5 years ago