ラベリー(Ravelry)のパターンページへのボタン()の貼付け方をご紹介した記事(こちら)を以前書きましたが、今回はラベリー(Ravelry)内のページへのリンクに自動的に任意のアイコンを付ける方法をご紹介したいと思います。こんなリンクです。ラベリーへのリンク

と言ってもラベリー(Ravelry)のこちらのページに書いてある方法を簡単に日本語でまとめただけです。勝手に説明も加えています。2通りの方法があるのでお好きな方をご利用ください。私は２番目の方法を利用しています。

方法１：全てのラベリー(Ravelry)へのリンクにアイコンを付ける。

スタイルシートに以下のコードをご自分の環境と利用するアイコンに合わせて変更してから追加してください。

a[href ^="http://www.ravelry/ "] {
	padding-right: 18px;
	background: transparent url(your_path/rav_yarn.png) no-repeat top right;
	}

１行目：変更無しです。

２行目：アイコンの幅と同じ余白をリンクの右側に開ける。利用したいアイコンの幅に合わせて変更してください。

３行目：アイコンの表示。「your_path/」の部分はアイコンへのパスを書きます。こちらはご自分の環境に合わせて変更してください。「rav_yarn.png」はアイコンのファイル名です。

方法２：任意のリンクのみにアイコンを付ける。

ラベリーのプログレスバーを表示している時やアイコンを付けるリンクをコントロールしたい場合はこちらの方法をどうぞ。

スタイルシートに以下のコードをご自分の環境と利用するアイコンに合わせて変更してから追加してください

a.ravelry {
	padding-right: 20px;
	background: transparent url(your_path/rav_r.ico) no-repeat top right;
	}

１行目：変更無しです。

２行目：アイコンの幅と同じ余白をリンクの右側に開ける。利用したいアイコンの幅に合わせて変更してください。

３行目：アイコンの表示。「your_path/」の部分はアイコンへのパスを書きます。こちらはご自分の環境に合わせて変更してください。「rav_r.ico」はアイコンのファイル名です。

アイコンを付けたいリンクに以下のように「class=”ravelry”」を追加してください。

<a href="http://www.ravelry.com/xxxx" class="ravelry">ラベリーへ</a>

この説明があるページの一番下にダウンロードできるアイコンが２種類あります。

　応援ポチ、よろしくお願いします(_ _)