2007/04/28 14:15
| 印刷
[BLOGとか]
今日こそバイクに乗ろう･･･あらら雨だ。。OGiです(^^;
マツアズではブログデザインのカスタマイズが出来ませんでした。
が、ちょっとだけ変更(CSS)が出来るようになりました。
今回、ヘッダ画像を入れ替える方法をご紹介します。
1.選択しているテーマに合うサイズで画像を作成します。
名前は「header.jpg」など
高さは調整が可能ですので自由。
（あまり高さに違いがあると調整しきれない場合があります）
2.「ファイル管理」でディレクトリを作成
名前は「stylesheet」
でその下に「images」も作っておきます。
3.スタイルシートのファイルを作成します。
ファイル名は「style.css」
日本語が入っていなければノートパットなどで可。
[style.css]
#header {画像高さをヘッダ画像に合わせます。
background-image: url(images/header.jpg);
height: 200px;
}
4.で「ファイル管理」でstylesheet直下にアップします。
/files/stylesheet/style.css
5.次に画像を「ファイル管理」のstylesheet/imagesにアップ。
/files/stylesheet/images/header.jpg
※CSS内の画像指定は相対パスでＯＫ
上記の場合「ブログのURL/files/stylesheet/images/header.jpg」と同義です。
テーマによっては、文字の位置調整がうまく行かないことがあると思います。なるべくシンプルなテーマを選らんでカスタマイズするといいと思います。
テーマのCSSを直接編集することは出来ませんが、オーバーライド（上書き）で出来る変更であれば文字色や位置など色々なカスタマイズが出来ると思います。
また同様にフッタ部分も画像が入れられます。
上記CSSに「#footer」の記述を加えればOK。
※下手に変えるとブログが表示されなくなる可能性もあります。
自己責任でお願いします。
その他、小技などはまた次回。。
投稿者 : OGii
構造がきれいになったんでカスタマイズしやすいよ、ありがとね。
カスタマイズ情報のブログ作ってもいいかも。
それなりにネタが集まればね（笑）
カスタマイズ情報のブログ作ってもいいかも。
それなりにネタが集まればね（笑）
MacFanさん、
楽しいこと、今度一緒に考えませんか？
今は仕事に追われていますが、落ち着いたらぜひ。。
楽しいこと、今度一緒に考えませんか？
今は仕事に追われていますが、落ち着いたらぜひ。。
投稿者
OGi
: 2007/05/10 0:51:01 JST
返信
こんにちわ～！ＵＭ行けなかったのでOGiさんのエントリーを見てヘッダ画像変えてみました♪
エントリーはしてないのにブログをパワーアップさせてばかりの私です（＾＾；；
エントリーはしてないのにブログをパワーアップさせてばかりの私です（＾＾；；
投稿者
kuuママ
: 2007/05/14 15:26:49 JST
返信
kuuママさん、
わからないことがあったら言って下さいね。。
また小わざネタ考えます(^^)
わからないことがあったら言って下さいね。。
また小わざネタ考えます(^^)
投稿者
OGi
: 2007/05/14 21:32:05 JST
返信
こんにちは！コメントは初めましてです山中ですm(_ _)m笑
私もこの間のUMの後こっそりヘッダ画像変えてみましたVv(￣ー￣*)Vv
変えるの楽しいですねぇ～♪♪♪
なんかしょっちゅう変えちゃいそう…(*ﾉﾉ)笑
私もこの間のUMの後こっそりヘッダ画像変えてみましたVv(￣ー￣*)Vv
変えるの楽しいですねぇ～♪♪♪
なんかしょっちゅう変えちゃいそう…(*ﾉﾉ)笑
コメント追加
CSSのカスタマイズ方法の紹介ありがとうございます。
ボクも書かなきゃと思っていたんですが・・・
小技（ステッカーとか）、ボクも紹介しますね♪