2009年12月03日

ブログカスタマイズ(上部画像)

すでに部分的なカスタマイズが終わっているが
今までに施したカスタマイズを記録に残しておこうと思う

まず準備段階として
カスタマイズの元となるテンプレートを選択する
タカさんの場合はPC系のネタを扱うことを決めていたので
赤や緑がはっきりと見えるように
黒を基調としたデザインのテンプレートを選択

「ブログ設定」の「テンプレート」から

カテゴリー:きれいなテンプレート
テンプレート:光のページェント


を登録してカスタマイズを施した

まず最初に目を付けたのがブログのタイトル下にある
バック画像を自分で作成したものに置き換えること
ということで
まずは画像を保存し大きさを見てみる
大きさは「730Pixel × 300Pixel」
これはそれぞれのテンプレートによって
大きさが違うようなので
必ず大きさを確認しておこう
そして大きさをあわせて画像を作成しアップロードしておく

次にテンプレートの「個別記事」と「スタイルシート」に
記述してある内容を見てみると
画像の場所は「スタイルシート」に記述してあり

内容は
background: url(_img/hikari/hikari.jpg)

これを自分で作成しアップロードした画像に置き換える
background: url(http://img01.da-te.jp/usr/secretbase/title.jpg)

たったこれだけの作業になる
スタイルシートの示した部分を変更すれば
「トップページ」「個別記事」「アーカイブ」の
すべてに適用される

何種類かテンプレートの内容を見てみたけど
画像を使用しているテンプレートなら
同じスタイルシート内容の箇所を変更するだけなんで
カスタマイズはかなり容易にできるみたいだ

現在このブログの「過去記事」部分のみ
FLASHではなく画像にしてあるので確認してみてほしい



同じカテゴリー(BLOG/CUSTOMIZE)の記事
 ブログ用画像のサイズ一括変換 (2009-12-17 12:20)
 ブログカスタマイズ(タイトル文字) (2009-12-05 17:14)

上の画像に書かれている文字を入力して下さい
 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。

削除
ブログカスタマイズ(上部画像)
    コメント(0)