カスタマイズ・レコード１ －背景－

【 背景・Background 】

カスタマイズも漸く一致段落したので、これからはカスタマイズの
具体的な記述をして行こうと思います。
題して　＜カスタマイズ・レコード（カスタマイズ記録）＞！？。
一項目ごとに記述して、…何だぁ！簡単じゃない！？…　と
思っていただければ嬉しいのですが……。
先ずは一番の面積を誇る　【 背景・Background 】　から…。

私がココログに対して感じる最大の理不尽の一つが
タイトルバナー画像が、100ピクセルに自動調節されてしまうことでした。
本文中の画像はカスタマイズ出来るのに、タイトルに表示する画像だけは
どうしても小さくなってしまう（調節されてしまう）ことにいつも納得できない気持ちを持っていました。

その不満を見事に解消して下さったのが
SHINOblogさんの
　「カスタマイズ11（背景を食い込ませる）」
　「ココログデザイン（背景を食い込ませる改良編）」　でした。
タイトルバナーを壁紙に刷り込ませて一つの画像とし、
本文（記事部分）にまで食い込ませたお蔭で、
念願だった＜花栞（はなしおり）＞のタイトルバナーをバランス良く
HPに貼り付けていた大きさのまま、ブログにも用いることが出来るようになりました！。
～～素晴らしい～～♪
（左に画像を置いたのでタイトル、サブタイトルは右寄せに…）
SHINOblogさまにはひたすら感謝しなければいけませんm(__)m。

また、Webサイトの印象を決定付ける第一は面積が大きい背景！
との認識を持っているワタクシメ、壁紙もイメージに合ったものを指定して
…エッ！？　これがココログ・ベーシック！？…と言わせたい！　と
カスタムCSS　の記述を以下のように致しました。　（大袈裟～ッ！）

body {
background-image : url(http://～/*****.gif);
　　　　　　　　　　　　※ご自分の画像の絶対パスを記入
background-attachment : fixed;}
#container {
WIDTH: 900px;
background-image: url(http://～/*****.jpg);
　　　　　　　　　　　　※ご自分の画像の絶対パスを記入
background-repeat: no-repeat;
background-position: left top;
border: 1px solid #669966}
　　　　　　　　　　　　※ #～ ： 希望するカラーコードを記入
#banner {
HEIGHT: 200px;
BACKGROUND-COLOR: transparent}
#center {
WIDTH: 450px;
BACKGROUND-COLOR: transparent}
#left {
WIDTH: 225px;
BACKGROUND-COLOR: transparent}
#right {
WIDTH: 225px;
BACKGROUND-COLOR: transparent}

この記述がカスタマイズの大きな一歩となりました。
画像を作ることから楽しめて達成感もなかなかのものです！。