記事タイトルの画像を...
昨日に引き続き、今日は題名の横の画像を変えてみました。
釣り竿にしようかな~と思ったが、全体的にキャンプ風なのでとりあえずはペグに!
変更方法はこちら ↓*******************
①表示したい画像を準備しUPします。
*詳細はこちら参照
②テンプレートのスタイルシートにある下の箇所にて設定します。
(スタイルシート真ん中あたり)
========================================
/* ★各記事のタイトル部分 */
.title{
↓ここに画像のURLを貼り付け
background-image: url(
http://*****.jpg); /* 記事タイトル画像 */
background-repeat: no-repeat;
background-position: left center;
color :#A80000; /* 記事タイトルの文字色 */
font-size :14px; /* 記事タイトルの文字サイズ */
font-weight :bold; /* 太字 */
height :30px; /* 記事タイトル欄の縦幅 */
←このあたりの設定で
padding-left :70px; /* タイトル文字の開始位置-左から */
サイズ・位置調整
padding-top :5px; /* タイトル文字の開始位置-上から */
text-align :left;
}
========================================
*タイトルを変更すると、記事したのトラックバックURLのところも変わってしまうみたいですね。
変更はこれだけです。
******************************
みなさん変えられてるんですでにご存じですよね~
もしかして常識??
これでもちょっと苦労したんですが....
変えてみてから気づいたのですが...センスが~
しばらくはチョコチョコいじっていきますので、次立ち寄ってくださった時には
全く違う雰囲気になっているかも...
おww~ と感じるか、
エee~ と引くかはまたのお楽しみということで
◇◇◇◇◇◇◇◇◇◇◇◇◇◇
ポチッと応援お願いします
関連記事