TOP画像の変更方法。 

さて、第2弾はTOP画像の変更(差し替え)ですよん。

これは比較的みんさん簡単に出来るているので・・・

説明は不用かと思うのですが・・

一応・・・書いて見ようかと思います。

気になる方は続きをどうぞ。
本日のブログランキングの注目は!
こちら↓から確認です♪




※テンプレートの種類によっては変更(差し替え)出来ません。また、画像の変更を禁止しているテンプレートもありますので、テンプレート制作者さんのページで確認してください。

まずは、変更するにあたり画像を用意しましょう〜♪使うテンプレートの全体の幅が重要ですスタイルシートの種類により書かれているところが違うので説明は出来ません(アセ

でも、良く見ると必ずあります、ちなみに今私が使用しているテンプレートは800pxの画像です。

高さは簡単に変更可能ですからお好きな高さでいいですよ。ただし大きすぎるのはオススメしません。

それでは、変更する部分ですが、スタイルシートの編集部分を変更します。

テンプレートに画像が使われている場合。(変更するだけです)

各テンプレートによって違いはあるのですが、スタイルシートの編集部分の中から。

#header ~から始まる部分があります。

例えば、

#header { ←(bodyで作られている場合もあります)
 margin: 0px;
 padding: 0px;
 height: 170px;
 background-image: url(画像のURLが入っています);

このように、書かれている所があります。青い部分は画像の高さです←ここは自由に変更できます。作成した画像の高さに変更してください。

オレンジの部分は使いたい画像のURLを入れるだけです。

これで、ご自分で使用したい画像に変更出来ます。

簡単でしょう♪

では、次は元々画像が使われていないタイプのテンプレート(色だけ指定したある物)に画像を追加したい場合はどうするか?(上と同じように、テンプレの横幅は調べてね)

テンプレートに画像指定がない場合。

画像が使われている場合は画像のURLの変更をするだけで簡単に変更出来たのですが、使われていない場合は・・・・

次のようにします。

#header

background-image: url(画像のURL);
height: 170px;
background-repeat: no-repeat;
background-position: center;
}

この赤い部分を新たに追加することが必要です。(コピペでOK)

もちろんオレンジの部分と青い部分は変更してください。

おそらくこれで大丈夫だと思います。

ただ・・・全てのテンプレに適用出来るかは未確認です。

出来ない場合もあることをご了承ください♪

とっ!!こんな感じですかね?今回も説明が微妙ですね・・・・。

と言うのも・・・テンプレの作る方によって違いが出てくるので、絶対はありませんから。

ただ・・良く見るとわかるはずです。

頑張って見てください。また、どうしても分からないと言うかたはテンプレの名前を教えて頂ければ!

お答え出来るかも知れませんので言ってくださいね。

ただ・・・出来ない場合もありますのでご了承ください。

[ 2008/01/19 13:14 ] 【カスタム】 | トラックバック(-) | CM(0)

コメントの投稿














管理者にだけ表示を許可する