ヘッダー画像の変更方法

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 カテゴリ
 タグ
None
  • このエントリーをはてなブックマークに追加

人気ブログランキングへ
クリックして頂くと「ポイント」が加算されて「ランキング順位」が上がります
できるだけ多くの方に私のブログを知って頂きたいのでクリックをお願いします!

ヘッダー画像の変更方法

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カラーリファレンス
  • このエントリーをはてなブックマークに追加

人気ブログランキングへ
クリックして頂くと「ポイント」が加算されて「ランキング順位」が上がります
できるだけ多くの方に私のブログを知って頂きたいのでクリックをお願いします!

コメント (2)

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
URL 2012-09-22 00:04

Re: No title

> このページの説明が取れも分かりやすかったです。
>
> FC2テンプレート pb_mist の、画像を変更したいのですが、
> 方法を教えていただけますか?


pb_mist は当方で提供しているテンプレートではありませんので
ご提供者さんのほうへ問い合わせいただきますようお願いいたします。
office hidezo URL 2012-09-22 10:57

コメントを書く

 

 非公開コメント ()

人気ブログランキングへ

トラックバック (0)

office hidezo ひで蔵通信
は必須項目です
  • お名前(姓名)
  • 姓   名 
  • メールアドレス
  • メールアドレス(確認)

      


【ご注意】お名前は漢字で登録をしてください。
ハンドルネーム、ローマ字、ひらがな・カタカナのみ・明らかにご本名で無い名前
でのご登録は後日自動解除されます。



【ご注意】お名前は漢字で登録をしてください。
ハンドルネーム、ローマ字、ひらがな・カタカナのみ・明らかにご本名で無い名前でのご登録は後日自動解除されます。



インフォメーション
月間アーカイブ
Copyright © office hidezo All Rights Reserved.

テキストや画像等すべての転載転用販売を固く禁じます

金の産出国
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。