ヘッダーをシンプルに！

今回は手を抜いて無料で配布されてるＷｅｄ素材のサイト様から素材を借りてヘッダー画像に当ててみました。

自分の愛車や好きな読書モノでもイイのですが、そうでない人やシンプルに見せたい人など・・・
訪問者が素直に「これカッコイイ」とか「カワイイ」「キレイ」と言える言わせるには
こういうのがイイかな？と思いまして書いてみたので参考にして下さい。

■先に注意。
みなさん、Ｗｅｄ素材を使用するさいには
素材をお借りするサイト様の規約をキチンと読んでから使用して下さいね。
中にはブログ使用も禁止されてるサイト様もありましたので・・・（＾＾；注意してね♪
ちなみに自分が借りてるサイト様は「リンクはちゃんとしてね」ってサイトでした。


　　↓


①リピート仕様のもの（画像のようなヤツの）

使うＷｅｄ素材は「壁紙」と呼ばれるものと「ライン」と呼ばれるアイテムを使うとイイと思います。

「壁紙」は一つの絵ではなく背景全面表示系のアラベスクやタイルみたいなタイプや、
上部・下部・中央と横に伸ばして設置するタイプをオススメします。

「ライン」も横に伸びるものを使用するとシンプルで良いですね。

ちなみに画像のハロウィンの素材は１００ｘ８０という、とても小さな壁紙素材です。
これは上部の横に伸ばして設置するタイプです。
みんカラのヘッダーは縦は自由に動かせるので８０に、横は９３０の放置で上手く合わせられました。


縦サイズ変更は、スタイルシート→詳細編集→ヘッダー領域のheight:数字px;の数字を変えてねｗ


　　↓


②リピートさせない方法

使う素材は「ライン」の一点ものなどがイイと思われます（それ以外思いつかない）
愛車画像でも、写真が小さいなと思った時でも使える方法です。

スタイルシート→詳細編集→ヘッダー領域にタグの付け足しです。

background-repeat:no-repeat;
background-attachment:fixed;
background-position:半角数字% 半角数字%;

数値は、まだ研究中ですｗ　　いちおう、中央の上が　50% 10%　
・・・右を0%にするとマイページの下のバーに入っちゃっいます。


パソコンによっては半角スペースは要らないみたいですよ



２０１３年に時代の進化？として確認したところ、
　写真1枚のパターンだとパソコンで見るとちょうどイイですが
　タブレット確認では上下の隙間が出たので、ちと残念。
　敷き詰めタイプの背景は大丈夫です。