ＣＳＳ ルームのタイトル画像2

以前に記事にした

CSS　ルームのタイトル画像

amebaなう が始まってそのままでは使えなくなっています

コメントでは回答していましたが・・

リクがありましたので記事にしました

今回はブログとなうの両方を画像にします

以前のコメントの回答ではなうにとぶことは出来ません　m(_ _)m

わたしがなうをやらないもんですから・・すみません

見本のルームです

まずは２枚の画像を用意します

ブログにとぶ画像・・・450px × 60ox

amebaなうにとぶ画像・・200px × 60ox




※２枚の画像の横サイズは違っていてもかまいません（２枚の合計が760px～800px程度以内に）

　縦のサイズは２枚とも同じにして下さい

あとは・・

ルームのフリースペースに・・・

<style type="text/css">body{font-size:12px !important;}#header h1{display:none;}#header li{text-indent:-9999px}#header li a{display:block;width:450px;height:60px;background:url(ブログの画像のＵＲＬ) no-repeat;overflow:hidden;outline:none;}#navList li{border:none;}#header li.last a{width:200px;background:url(なうの画像のＵＲＬ) no-repeat;overflow:hidden;outline:none;}</style>

改行があるとうまく行きませんので１行で書いて貼り付けます

なうなんて・・やってないからいらない～

って～場合は・・・

ブログにとぶ画像を１枚用意して・・・ルームのフリースペースに・・・

<style type="text/css">body{font-size:12px !important;}#header h1{display:none;}#header li{text-indent:-9999px}#header li a{display:block;width:450px;height:60px;background:url(ブログの画像のＵＲＬ) no-repeat;overflow:hidden;outline:none;}#navList li{border:none;}#header li.last a{display:none;}</style>