解決済
記事のタイトルにアイコン
記事のタイトルの前に葉っぱの形のような小さなアイコンをおきたいのですがサフランのテンプレートを参考にしてやってみたのですが画像がタイトルにかぶってしまってうまくいきません。
ご教授お願いいたします
当方ＵＲＬ
2006-10-30 14:31の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(1)
1.
2006-10-30 16:07:46
CSSの
.title{
color:#555555;
font-size:x-small;
font-weight:bold;
padding:5px;
border:dotted #CCCCCC;
border-width:1px 0px;
}
の部分を
.title{
color:#555555;
font-size:x-small;
font-weight:bold;
padding:5px 40px;
border:dotted #CCCCCC;
border-width:1px 0px;
background:url(葉っぱのアイコン画像URL) no-repeat;
}
のようにすれば良いかと思います。
ただ、今は[font-size:xx-small;]にされているようですが
アイコンの大きさにより
文字を大きくする必要があるかもしれません。
.title{
color:#555555;
font-size:x-small;
font-weight:bold;
padding:5px;
border:dotted #CCCCCC;
border-width:1px 0px;
}
の部分を
.title{
color:#555555;
font-size:x-small;
font-weight:bold;
padding:5px 40px;
border:dotted #CCCCCC;
border-width:1px 0px;
background:url(葉っぱのアイコン画像URL) no-repeat;
}
のようにすれば良いかと思います。
padding:5px 40px;の40の数字を増やせばタイトル文字が右に行きます。
ただ、今は[font-size:xx-small;]にされているようですが
アイコンの大きさにより
文字を大きくする必要があるかもしれません。
ありがとうございました。思い通りできました
タイトル文字の大きさも変えました
見てみてください（センスは別物ですが・・( ;^^)ヘ..
Ads By Google
コメント(2)
#1. Kiss115
2006-10-30 16:19:32
#4. Kiss115
2006-10-30 18:59:44
紅葉かわいいですね～♪
ぐっといい感じでっすー☆
ありがとうございました。
