質問: cssでブログのタイトルを画像にする方法を教えて下さい 自分が使わせて貰っているブログサービス(mmm.meブログ)では、例えばhtmlで画像にする場合
回答: mmm.me も 忍者レコメンドも知らぬが html は fc2 と酷似しているようだ。 background-image : url("画像URL"); を加えただけでは背景画像は<%blog_name> の背景画像となるので、通常は「幅」と「高さ」を必要とする。 即ち h1 { color:#000000; font-size:25px; font-weight:bold; line-height:1.15; margin:0 0 0 10px; /* 適宜調整 */ padding:15px 0 0 0; /* 適宜調整 */ text-decoration:none; /* 不要 */ text-align:left; background-image : url("画像URL"); background-repeat: no-repeat; } 更に width: ***px; /* 画像幅 */ height: ***px; /* 画像高さ */ text-indent: -9000px; /* 文字はアッチヘ行け */ を加え、更に h1 a { width: ***px; /* 画像幅 */ height: ***px; /* 画像高さ */ overflow: hidden; outline: none; display: block; } を加える。 これで画像をクリックすると、トップページに飛ぶという動作まで。 忍者レコメンドがヘッダー画像を適用するというのは信じられないが、どこかにミスがありそうな予感。