/hacktoberfest-visits-counter

🔢 Customizable SVG visits counter badge

Primary LanguageJavaScript

Visits Counter

Customizable SVG Visits Counter Badge for github markdown files and sites. Visit the site to get your own.

Demo

Customizations

  • Text on label
  • Label background color
  • Visit count background color
  • Label text color
  • Visit count text color
  • Text shadow

Available Query Parameters

Parameter Values Customization
shadow 1 or 0 Turns the text shadow for the label and visits count on and off respectively
labelBGColor Hex color code Changes the background color of label
countBGColor Hex color code Changes the background color of visits count
labelTextColor Hex color code Changes the text color of label
countTextColor Hex color code Changes the text color of visits count
label Any text Changes the label

Example

For creating a badge with label "Profile Views" and visits count background color as "A2C93E" and label background color as "3e3e3e" and label text color as "ffffff" and visits count text color as "000000" and text shadow on, use the following code:

<img src = "https://visits.roshan.cyou/Cdq5ki5Oij5PYNgE?label=Profile+Views&shadow=0&labelBGColor=3e3e3e&countBGColor=a8a8a8&labelTextColor=ffffff&countTextColor=000000" height = 30px/>

For creating a badge with label "Hit Count" and visits count background color as "3e3e3e" and label background color as "1CA2F1" and label text color as "FFFFFF" and visits count text color as "ffffff" and text shadow off, use the following code:

<img src = "https://visits.roshan.cyou/Cdq5ki5Oij5PYNgE?label=Hit%20Count&textShadow=0&labelBGColor=1CA2F1&countBGColor=3e3e3e&labelTextColor=FFFFFF&countTextColor=ffffff" height = 30px/>

Contributing

Wish to contribute? Check this out