Jump to content

Badge


Bailey

Recommended Posts

Hello everyone,

 

I have created a nice looking badge that you can configure and include on your website:

 

Image looks similar to, but not exactly like:

 

heliohost.org Please use .svg not .png or .jpg

 

Direct link:

https://img.shields.io/badge/Powered By-HelioHost-F39433.svg?style=for-the-badge&link=https://bailey.guru&link=https://heliohost.org

 

You can include this in HTML and define the height. I recommend only defining height OR width not both.

 

<a href="https://heliohost.org">
<img alt="Powered By HelioHost" style="height:100%" src="https://img.shields.io/badge/Powered By-HelioHost-F39433.svg?style=for-the-badge&link=https://bailey.guru&link=https://heliohost.org" />
</a>
Append &colorB=[HEX Colour] (for example &colorB=BD5D38) to the end of the URL to change the background colour behind "Heliohost"

For example ...//heliohost.org&colorB=BD5D38

Link to comment
Share on other sites

Great badge @Bailey!

But there are two syntax errors:

So the correct code is:

<a href="https://heliohost.org">
<img alt="Powered By HelioHost" style="height:100%" src="https://img.shields.io/badge/Powered By-HelioHost-F39433.svg?style=for-the-badge&link=https://bailey.guru&link=https://heliohost.org">
</a>
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...