記事タイトルの画像を...

マツテック

2008年08月30日 16:07

昨日に引き続き、今日は題名の横の画像を変えてみました。

釣り竿にしようかな~と思ったが、全体的にキャンプ風なのでとりあえずはペグに!


変更方法はこちら ↓*******************

①表示したい画像を準備し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~ と引くかはまたのお楽しみということで


◇◇◇◇◇◇◇◇◇◇◇◇◇◇
 ポチッと応援お願いします

         


あなたにおススメの記事
関連記事