■ 2.2 バナー部分に画像のロゴ(画像)を貼る |
| コメント [3] | tb [0] |
設定箇所は、トップページだけなら1箇所なので簡単です。
個別、カテゴリー、月別にも反映させるなら、それぞれのテンプレートで設定してください。
また透過GIFでない場合はスタイルシートでバナーの背景色を白に設定します。
1.使いたい画像を「blog」フォルダにアップロードする。
【例】http://example.com/blog/topbanner.gif=画像のパス
2.テンプレート > メインページ
コントロールを押しながらFで「banner-inner」を検索し
<div id="banner-inner" class="pkg">
<h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1">
<img src="画像のパス"></a>
</h1>
に変更します。
2.テンプレート > スタイルシートでバナーの背景色を白にする
「banner」を検索し9個目を
#banner
{
width: 760px; /* necessary for ie win */
/* background: #a3b8cc;*/
background: #FFFFFF;
}
に変更します。
実行結果
このエントリーのトラックバックURL:
トラックバックする際は,このブログまたはこの記事へのリンクをお願いします。
貴サイトにリンクがない場合は削除します。
この記事のタイトル : 2.2 バナー部分に画像のロゴ(画像)を貼る
この記事のリンク用ソース :
出来ました。。感動しました。。。
ここ3日ほど、あんなに格闘して出来なかったのに・・・
本当にありがとうございました。マジ感動してます(笑)。
その上、超わかりやすい説明で重ね重ねの感謝です。
お礼といっては何ですが、このページに来たときは必ず感謝を込めてポチポチと
ランキングさせていただきます。初心者ですので色々とわからないことがありまして
また質問書き込みしてしまうかもしれませんが、そのときはまたよろしくお願いします。
本当に、本当にありがとうございました。
投稿者 らーゆ : 2005年10月26日 01:14
全部のページに画像バナーを表示させるにはテンプレートのアーカイブから、
エントリーアーカイブとカテゴリーアーカイブと日付アーカイブの3つを
変更すれば良いのだと私は理解しましたが、その修正方法を初心者目線での
追加書き込みさせてください。
メインテンプレートの修正は
<div id="banner-inner" class="pkg">
<h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1">
<img src="画像のパス"></a>
</h1>
ですが、上記、個別の3テンプレートの修正では、画像パスの通し方が、
<img src="<$MTBlogArchiveURL$>画像の名前.jpg"></a>となるんですよね?。
っていうか、私のはそうしないと表示されませんでした。
でも、日付アーカイブの修正で月別が直るのか?とか、良く解りません。なにせ
MT歴5日くらいなので、月別表示されてないし・・・・
ということで、この書き込み間違ってたら管理人様、修正もしくは削除して下さい。
万一誰かのお役に立てることを願ってしょうも無い書き込みをしてしまいました。
投稿者 らーゆ : 2005年10月26日 02:07
らーゆさん、コメントありがとうございます。
そういって頂けるとサイト運営冥利に尽きます!
追加書き込みのご質問の件ですが、
私の「画像のパス」という書き方が中途半端でした。。
パスの定義を追記させて頂きます。
ありがとうございました。
それから日付アーカイブに関しても近いうちに記事にしますが、
設定 > 公開の設定を見て頂ければ分かるかと思います。
投稿者 スマッシュ : 2005年10月26日 10:11