« POSTCARD |
メイン
| ILLUMINATION »
2006年12月24日
タイトルバナーの画像
先日、「StyleCatcher」って便利な？機能を使ってみようとして・・・
いじってたら・・・設定できない・・・？？
で、何とか設定できるようにはなったんだけど、
その代わり・・・
ナント！！現在のブログタイトルの画像が「×」になって出てこない！！
スタイルシートを書き換え・・・強制的にメインページには出てくるようにはしたけど、
カテゴリー別や月別等ページが変われば同じ状態・・・ちゃんと書き換えてるのに・・・
ずいぶん昔に変更してたので・・・
覚書とかなかったし・・・
で、初めからやり直しで、ついでに画像も変更しました。
以下、覚書・・・・
今日のランキングへ・・・
まず、画像を準備して、FTP等でアップロード
今回はサイズをちょっとでかくしました・・・
以前は700×50だったんですが・・・
スタイルシートのタイトルバナー部分を画像に置き換えるため
"#banner "を"a#banner-img "にして新たに
| #banner {display: none;
} |
を追加する。それから"a#banner-img "に
| a#banner-img {display: block;
background-image: url("画像のURL");
background-repeat: no-repeat;
background-color: 背景色;
height: 画像の高さ;
} |
を加え最後に
| .banner-alt {
display: none;
} |
を追加する。
次にメインページ等のテンプレートの修正
| <div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName$></a></h1>
<h2><$MTBlogDescription$></h2>
</div> |
の上の部分に
| <a id="banner-img" href="<$MTBlogURL$>"><span class="banner-alt"> </span></a> |
を追加する。
≪ ...続きを隠す!!
投稿者 saboten104 : 2006年12月24日 16:30
トラックバック
このエントリーのトラックバックURL:
http://p-can.net/mt-tb.cgi/327
コメントしてください
