解決済

clip!clip!
Ads By Google

各記事のタイトルの前に小さな画像を入れたい。

各記事のタイトルの前に小さな画像を入れたいのですが、どの部分にタグを入れればいいのでしょうか?

2006-04-19 19:04の質問
タグ  画像  タイトル  記事      
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

1.

2006-04-21 00:01:43ベスト
CSSをいじります。

各デザインにより微妙に違うかもしれませんが、.blogbodyの下にある.titleとかがタイトルに対応するCSSのようです。

.title{
color:#333;
font-size:14px;
font-weight:bold;
}

こんなかんじのがありましたので、小さな画像をアップロードして、以下のように追加します。



.title{
color:#333;
font-size:14px;
font-weight:bold;
background:url(アップロードした画像のアドレス) no-repeat 0 50%;
padding:15px 30px;
}

・paddingの前の数値(ここでは15px)=画像の高さの半分+2pxくらい
・paddingの後の数値(ここでは30px)=画像の横幅+4pxくらい

変更したら、CSSを保存しCSSを再構築します。


paddingは表示のされ方をみて、微調整されて下さい。

ちょっと大きめなので重なるのは仕方ないみたいですね。
でも満足です!ありがとうございました!

2.

2006-04-21 11:17:04
Tokyo-Drive 02でしょうか?

.title{
color:#E3E7E6;
font-size:14px;
font-weight:bold;
text-align:left;
padding-top:0px;
padding-left:13px;
}

という部分がありますので、



.title{
color:#E3E7E6;
font-size:14px;
font-weight:bold;
text-align:left;
background:url(アップロードした画像のアドレス) no-repeat 10px 50%;
padding:15px 40px;
}

このデザイン、少しタイトルが左にぎりぎりなので、上記に変更されてみて下さい。



トップページの再構築ではなく、CSSの再構築をされているなら、反映されていると思います。


ただし、変更された部分は、カテゴリーページのタイトルですので、カテゴリーページをご確認下さい。
Ads By Google

コメント(4)

2006-04-21 10:20:31

回答ありがとうございます。
やってみたのですが反映されませんでした…
デザインはTokyo-TRIBE2を使っていて、
#categorytitle{

 color:#FF99FF;
 font-size:14px;
 font-weight:bold;
 text-align:center;
 padding-top:5px;
の後に入れてみたのですが場所が違っているのでしょうか?
それとも、no-repeatの後ろの数字か、paddingの数字に問題があるのでしょうか?

2006-04-21 12:41:14

Tokyo-Drive 02でした。^^;
画像の方は上手く行きました!…が、記事のタイトルと重なってしまいます…。
これはなんとかできないのでしょうか…?

#2.  クエン
2006-04-21 14:49:48

回答1の、

paddingの後の数値(ここでは30px)=画像の横幅+4pxくらい

これを大きくして微調節されて下さい。

#4.  クエン
2006-04-21 16:56:25

画像が大きい場合は、こちらを使って画像を縮小できます。
http://www8.plala.or.jp/kusutaku/iview/
画像 → リサイズ/リサンプル → (アスペクト比を保存にチェックを入れたまま)新しい大きさを指定

小さくしてアップロードして、画像のアドレスをアップロードしなおしたものに変えてみて下さい。

トラックバック(2)

トラックバックURL: