さて、第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) もちろんオレンジの部分と青い部分は変更してください。 おそらくこれで大丈夫だと思います。 ただ・・・全てのテンプレに適用出来るかは未確認です。 出来ない場合もあることをご了承ください♪
|
とっ!!こんな感じですかね?今回も説明が微妙ですね・・・・。
と言うのも・・・テンプレの作る方によって違いが出てくるので、絶対はありませんから。
ただ・・良く見るとわかるはずです。
頑張って見てください。また、どうしても分からないと言うかたはテンプレの名前を教えて頂ければ!
お答え出来るかも知れませんので言ってくださいね。
ただ・・・出来ない場合もありますのでご了承ください。
※テンプレートの種類によっては変更(差し替え)出来ません。また、画像の変更を禁止しているテンプレートもありますので、テンプレート制作者さんのページで確認してください。
まずは、変更するにあたり画像を用意しましょう〜♪使うテンプレートの全体の幅が重要ですスタイルシートの種類により書かれているところが違うので説明は出来ません(アセ
でも、良く見ると必ずあります、ちなみに今私が使用しているテンプレートは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) もちろんオレンジの部分と青い部分は変更してください。 おそらくこれで大丈夫だと思います。 ただ・・・全てのテンプレに適用出来るかは未確認です。 出来ない場合もあることをご了承ください♪
|
とっ!!こんな感じですかね?今回も説明が微妙ですね・・・・。
と言うのも・・・テンプレの作る方によって違いが出てくるので、絶対はありませんから。
ただ・・良く見るとわかるはずです。
頑張って見てください。また、どうしても分からないと言うかたはテンプレの名前を教えて頂ければ!
お答え出来るかも知れませんので言ってくださいね。
ただ・・・出来ない場合もありますのでご了承ください。
たまにはのんびりと見ていたいです「羨ましい〜」
毎日なんで仕事みたいですよ(^^;
まぁ〜それでも楽しいのですがgosotarou朝のルディスカメレオン大江戸電脳絵師さん
メッシュの部分はルディスは掴まりやすいようですが・・・・。
横の部分もコレを使用したので・・・イエコが(爆
ドリッパー待ちの所ですね〜。
ケtaisa朝のルディスカメレオン撮影もセンスですよねtaisa殿はカメラ・テクと言いますか、センスが良いから見てても嬉しくなるような画像多いですよね。
上の波打って見えるメッシュは結構大き目でルディスさんも掴まりやす大江戸電脳絵師何者だ?えりだんさん
ちょっと取り乱しましたね(笑
まぁ〜たいした事ではないんですがね。
あまり気分の良い事ではないですね・・・
普通のリンクとは違いますからね・・・
taisa朝のルディスカメレオンそらりくさん
ブログのトップの画像の時は!ガラスを開けた時に餌を貰えると思って〜近寄って来た時に撮影出来たんですよね〜♪
自分でもビックリしたんですよね〜!taisa何者だ?こんばんは♪1年以上もブログでのお付き合いをさせて頂いてますがこんなに怒ってるの初めて見ました(^^;
容赦しねえって(笑)
まあ容赦しない方がいいんですけどね(笑)
確えりだん朝のルディスカメレオン確かに全然違いますね〜
Blogタイトルの両目の焦点があった写真もタイミングばっちりですね^^
なかなかこういう写真は撮れませんよ。そらりく何者だ?こんせぷとさん
管理人のみは違う方ですよ!
色々と情報が詰まっているので!
非公開にしてくださいました(笑
ですので!違いますよ♪taisa何者だ?超ムカツクねぇ!!!
まさかぁ・・・・・
『管理人のみ閲覧できます』ってぇ、、、
だとしたら面白いですねっ。。。(ニヤリこんせぷと何者だ?こんせぷとさん
なんかぇ〜。凄い事発見したんだけど・・・。
この送り先のHPに私のBLOGが勝手に登録されているんですけどぅ〜。
どう言うことぅ?〜って感じです。
taisa