2009年05月02日

4.バナーの変更

そら吉さんからのリクエストをいただきました。

バナーを画像に変更する場合です。

そら吉さんは [ts-3-gray]Biz-Gray というテンプレートを使っていますので、
このテンプレートの変更について説明します。

スタイルシートをカスタマイズしますので、
不安がある場合は、必ずコピーを取っておいてくださいね。

ヘッダーの”banner”の url 部分を変更します。


では、どこを変えるかというと:

/* ヘッダー
================================================== */
#banner {
margin-bottom: 1em;     ここを変える
padding: .8em 20px 1.8em;  
background: #6C6C6C url(/_img/biz_gray/bg.jpg) repeat-x 0 100%;
}
#banner a:link, #banner a:visited {
color: #FFF;
text-decoration: none;
}



(/_img/biz_gray/bg.jpg) の代わりに
白菊のメインブログ(http://siragiku.tsukuba.ch)のバナーを入れてみると

/* ヘッダー
================================================== */
#banner {
margin-bottom: 1em;      これに変えた
padding: .8em 20px 1.8em;      
background: #6C6C6C url(http://img01.tsukuba.ch/usr/siragiku/isiokat1.jpg) repeat-x 0 100%;
}
#banner a:link, #banner a:visited {
color: #FFF;
text-decoration: none;
}


画像のバナーに変えるときは、
1.バナーにしたい画像を画像一覧にアップロードしておいて下さい。
2.アップロードした画像の url をコピーして
3.スタイルシートの/* ヘッダー→#banner→ backgroundに貼り付けて
4.登録を押して、完成です。


もし、上手くいかなくて、カスタマイズ前のテンプレートに戻したいときは、
1.テンプレートからテンプレート一覧を開き
2.テンプレートの再選択をクリックして、
3.以前のテンプレートを選択すると、以前のブログに戻ります。



同じカテゴリー(バナーの変更)の記事
 バナーの変更・カスタマイズ編その2 (2010-06-06 17:54)
 バナーの変更・カスタマイズ編 (2010-06-04 03:20)
 バナーの変更2 (2009-05-02 16:31)
この記事へのコメント
あなたは偉い!何でそんなことがわかるの!今度こっそりチャレンジしてみます。

素早いレクチャーありがとうございます。替えられればよいのだが・・・。
Posted by そら吉 at 2009年05月02日 14:04
コメントフォーム
上の画像に書かれている文字を入力して下さい
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。