人気ブログランキングの応援
をして頂けると励みになります。
サイドバーメニューを装飾する方法は、
次の３つが考えられます。
文字入れ画像を背景とする方法
文字無し画像を背景とする方法
背景は画像ではなく色を付ける方法今回は、上記のうち、
文字無し画像を背景とする方法について説明致します。
それでは、
画像編集ソフトgimpを使って下記のような画像を作成します。
次に、この画像をアメブロにアップロードします。
その方法は、
［ブログを書く］→［画像］ボタン→［参照］ボタンの順にクリックし、
上記の画像を選択し、［アップロード］ボタンをクリックすると、
画像のアップロードは完了です。
このページを下の方へスクロールすると、
先程アップロードした画像があらわれます。
上記赤枠内の［この画像を使う］ボタンをクリックすると、
前回の記事のようにこの画像のURLが作成できます。
次は、ＣＳＳ編集画面を開きます。
その一番下の次に下記のＣＳＳを追加します。
#profile h4.menu_title {
background :url(上記画像のＵＲＬをここにコピーします。) no-repeat;
text-indent :0px;
font-size :140%;
font-weight :bold;
padding-left :10px;
padding-top :5px;
color :#8f8f8f
}
今回の「プロフィール」については、
最初から文字は入力されているため、
文字のサイズ、太さ、色等を
設定していきます。
これで、私のブログでは、次のように表示されます。
結果的には、前回の記事と同じに表示できました。
今回は、以上です。
最後まで読んでいただき、
ありがとうございました。
少しでもお役に立ちましたら、
応援お願いします!!
