金利の変動

賢威6.1プリティーカスタマイズ ヘッダー上の画像をなくす方法とは?

このブログは、賢威6.1のプリティーというデザインをベースに使っています。

デフォルト(初期設定)の時、トップの画像(ストライプの部分ね)
ヘッダーのすぐ上にある画像の部分です。

ここを、無くす方法をご紹介します。

 

 

賢威6.1のプリティーの場合、デフォルト(初期設定)では、
一番上に、実は画像が設定していあります。
この部分です。

ヘッダー上のトップ画像

ストライプになっていますよね?

 

構造的には、画像が設定してあって、ベースにカラー指定してあるという感じ。

 

これもポイント画像としては、とっても素敵なんですが、
ちょっとなーって思ったのは、私だけかしら?

 

 

賢威6.1になって、プリティーも前より画像の設定がすくなり、
よりカスタマイズしやすいデザインになったと思います。

 

なので、ブログのテーマに合わせやすいかも?
女性だけでなく、男性でもカラーを変えるだけでいい感じのブログが作れるのでは?
そう感じました。

 

ここのトップの画像部分だけ、ちょっとどいていただきましょうか?

 

不必要な方のみ、カスタマイズしてみて!!

 

 

ヘッダー上の画像をなくす方法

 

ヘッダー上の画像は、削除すれば無くなるんですが、
もっと簡単な方法があったので、ご紹介しますね。

 

CSSをちょいっと変更するだけです。

 

ダッシュボードから、【テーマの編集】で、desing.css を開きます(クリックしてね)

 

上の方から、下記のコメントアウトを見つけてみて!!

/*——————————————————–
2、サイト全体の共通設定
——————————————————-*/

この下のコードが、全体の共通設定になります。

 

 

body{
padding-top: 10px;
background: url(./images/common/bg-top.png) left top repeat #99e3ff;
color: #666;
}

 

このコードの中に、トップの画像の指定と、指定したカラー
文字カラーが設定してあります。

 

このpadding-top というのは、上からの余白を指しています。

 

余白が10pxに設定してあって、そこの背景に画像とカラーを設定しますよということね。

 

なので、この余白の設定の数字を、0に変えます。

 

なので、こんなコードになりますね。

 

 

で、出来上がりがこんな状態です。

 

トップ画像がない状態

 

 

上図の場合は、ヘッダーカラーを変更しているので、
上には、トップメニューのみの表示になります。

 

ヘッダーの背景色の変更は、ベースのテンプレートを作る
テンプレートメーカーで設定できます。
後で変更する方法は、以前の記事で書いていますので参考にしてくださいね。
賢威6.1プリティーカスタマイズ ヘッダーの全体の背景色の変更

 

 

どうでしょう?

 

ちょっとシンプルすぎるかしら?

 

トップの画像は、実は全体にひかれている画像なんですね。
bodyの設定ですから。

 

なので、実はトップとフッターの一番したに表示されるんです。

 

ここがちょっとなーの部分だったんです。

 

 

上記の設定により、フッターの画像も消えました。

CSSでも、ソースの削除ってなんだか怖いなーって感じますよね。

 

この方法ならば、安心でしょう?
失敗と思ったら、すぐに元に戻せますよね。
(数字を変更すればいいだけです)

 

 

これもまた、ブログのテーマに合わせて設定してくださいね。
 

 

※カスタマイズや設定に困ったら、
メールで質問してくださいね。

 

 

コメントを残す

サブコンテンツ

このページの先頭へ