人気ブログランキングの応援
をして頂けると励みになります。
サイドバーメニューを装飾する方法は、
次の３つが考えられます。
文字入れ画像を背景とする方法
文字無し画像を背景とする方法
背景は画像ではなく色を付ける方法今回は、上記のうち、
の「文字入れ画像を背景とする方法」について説明致します。
もし画像編集ソフトをお持ちなら、
背景画像を作成し、その中に
サイドバーメニューのタイトル文字も入れてみましょう。
ちなみに、私のブログではこの方法で
編集しています。
では、具体的に説明していきますね。
私の場合は、
無料の画像編集ソフトgimpを使っています。
例えば、次のような画像を作成します。
次に、この画像をアメブロにアップロードします。
その方法は、
［ブログを書く］→［画像］ボタン→［参照］ボタンの順にクリックし、
上記の画像を選択し、［アップロード］ボタンをクリックすると、
画像のアップロードは完了です。
このページを下の方へスクロールすると、
先程アップロードした画像があらわれます。
上記赤枠内の［この画像を使う］ボタンをクリックすると、
下記のように表示されます。
上記画像内の黄色部分のＵＲＬをメモ帳にコピーしておきます。
次は、ＣＳＳ編集画面を開きます。
その一番下の次に下記のＣＳＳを追加します。
/* ■プロフィール■ */
#profile h4.menu_title {
background :url(上記メモ帳にコピーしたＵＲＬをここにコピーします。) no-repeat;
text-indent :-9999px;
}
これで、私のブログでは、次のように表示されています。
今回は、以上です。
最後まで読んでいただき、
ありがとうございました。
少しでもお役に立ちましたら、
応援お願いします!!
