ヘッダー画像の変更方法

 
venus_wideカスタマイズ情報

FC2共有テンプレートvenus_wide
のヘッダー画像を変更する方法は簡単です。


お好みの画像をご自分でアップされれば
自由に差し替えることができます。

■ヘッダー画像変更方法

ccs(スタイルシート)の下記部分の
http://blog-imgs-37.fc2.com/o/f/f/officehidezo/headerbanner.pngを、
ご自分でアップされた画像のURLに変更してください。

/*--------------------------------------------------------
●デザイン的な色・画像の指定
--------------------------------------------------------*/
/*ヘッダーの画像・背景色・罫線*/

div#header {
background: #ffffff url(http://blog-imgs-37.fc2.com/o/f/f/officehidezo/headerbanner.png);
border-top: solid 1px #b0b0b0;
border-bottom: solid 0px #000000;
}

/*ヘッダーの文字色*/

div#header-in2 .blog_title a,div#header-in2 .blog_introduction {
color: #111111;
}





※しかし、ヘッダーの高さ指定をしていませんので
 お使いになる画像の高さに合わせて、次の記述を追加してください。

height: 150px; → 画像の高さに合わせて指定





※色が濃い画像を利用する場合は、文字色も変更してください。

/*ヘッダーの文字色*/

div#header-in2 .blog_title a,div#header-in2 .blog_introduction {
color: #111111; → 文字色を指定する
}

  参考 →  WEBカラーリファレンス
関連記事

コメント
  • 管理人のみ閲覧できます
    -
    2012/09/22 00:04
    このコメントは管理人のみ閲覧できます
  • Re: No title
    office hidezo
    2012/09/22 10:57
    > このページの説明が取れも分かりやすかったです。
    >
    > FC2テンプレート pb_mist の、画像を変更したいのですが、
    > 方法を教えていただけますか?


    pb_mist は当方で提供しているテンプレートではありませんので
    ご提供者さんのほうへ問い合わせいただきますようお願いいたします。
コメント投稿

トラックバック