mirror of
https://github.com/inttter/md-badges.git
synced 2026-05-06 18:36:58 +02:00
51 lines
No EOL
2.2 KiB
Markdown
51 lines
No EOL
2.2 KiB
Markdown
<div align="center">
|
|
|
|
|
|
|
|
# Customising Your Badge 🎨
|
|
|
|
> [!NOTE]
|
|
> Please note that all of these badges use `flat` style badges for their examples.
|
|
>
|
|
> Different styles may use different methods.
|
|
>
|
|
> Want to change the style of the button? Please see [STYLES.md](STYLES.md) for documentation.
|
|
|
|
|
|
When using Shield.io badges in Markdown, you can modify various aspects such as badge color, text, logos, and styles.
|
|
|
|
### 1. Changing Badge Color
|
|
You can change the badge color by replacing <color> with your desired hexadecimal color code in the badge URL.
|
|
|
|
|
|
For Example: ``
|
|
|
|
Result: 
|
|
|
|
#### Replace `blue` with your desired color. Alternitavely, use .svg's, as seen in [markdown-badges](https://github.com/Ileriayo/markdown-badges.).
|
|
---
|
|
|
|
### 2. Modifying Text
|
|
Change the text displayed on the badge by altering the text after the badge name in the URL (in this case, its **Some%20Placeholder%20Text**).
|
|
|
|
For Example: ``
|
|
|
|
Result: 
|
|
|
|
> [!TIP] Want to split the text? Do this ⬇️:
|
|
|
|
``
|
|
|
|
Result: 
|
|
|
|
---
|
|
### 3. Adding Logos
|
|
Include logos on badges by specifying the logo name after the logo= parameter in the badge URL.
|
|
|
|
For Example (using the Docker logo): ``
|
|
|
|
Result: 
|
|
|
|
Another Example (using the Sass logo): ``
|
|
|
|
Result:  |