Made with Bulmaバッジは、6つの異なるバージョンで利用できます。
| タイプ | プレビュー | 説明 | ダウンロード |
|---|---|---|---|
| デフォルト |  |
白い枠付き | 画像をダウンロード |
| ダーク |  |
ダーク枠付き | 画像をダウンロード |
| セミホワイト |  |
透明な白とターコイズ | 画像をダウンロード |
| ホワイト |  |
透明なホワイト | 画像をダウンロード |
| セミブラック |  |
透明な黒とターコイズ | 画像をダウンロード |
| ブラック |  |
透明なブラック | 画像をダウンロード |
| 全6種類 | made-with-bulma-badges.zip |
ダウンロード 全6種類のバッジ | |
使用方法 #
理想的には、画像は128x24ピクセルで表示され、Bulmaウェブサイトにリンクバックします。
例
HTML
<a href="https://bulma.dokyumento.jp">
<img
src="https://bulma.dokyumento.jp/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a>元の画像の寸法は512x96ピクセルなので、画質を損なうことなく256x48でも表示できます。
例
HTML
<a href="https://bulma.dokyumento.jp">
<img
src="https://bulma.dokyumento.jp/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="256"
height="48">
</a>バッジスニペット #
次のスニペットのいずれかを使用して、画像をウェブサイトに直接埋め込むことができます。
<a href="https://bulma.dokyumento.jp">
<img
src="https://bulma.dokyumento.jp/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.dokyumento.jp">
<img
src="https://bulma.dokyumento.jp/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.dokyumento.jp">
<img
src="https://bulma.dokyumento.jp/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.dokyumento.jp">
<img
src="https://bulma.dokyumento.jp/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.dokyumento.jp">
<img
src="https://bulma.dokyumento.jp/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.dokyumento.jp">
<img
src="https://bulma.dokyumento.jp/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a>