ロゴスタHP（また）リニューアル

ピクチャ 109

今回は大したリニューアルじゃありません。
仕事の合間、気分転換に背景を変えてみました。

以前はこのブログと同じ木目調の背景だったのですが、このように特徴のある背景ってすぐに飽きてしまうんですね。まだ1ヶ月半しか使ってませんがサラッと変更です。

この背景、これまでのロゴスタではあり得ない位元気のある配色になっています。
まるで疲れた自分を鼓舞するかのごとくビタミンカラーにしてみました ^^;

でもこう見えて少しだけ凝っています。
それは背景が2段階になっているという部分です。上に重なった背景は上部にハイライトを入れ、重なりを強調しています。そして下へ進むにつれてグラデーションで濃くなっていき、最後は背面の背景色と同化する…という作りにしました。

きっとWEBデザイナーが見たら「もっと簡単な方法あるのに」と思うでしょうし、閲覧者のディスプレイなどの環境によっては綺麗に同化しないんでしょうけど、気にしません（笑）。

だって1ヶ月半もすれば又飽きて変更するでしょうから。

追記：ちなみにこの背景2枚使いの記述は以下の通り。まず背景色を指定してグラデーションで透明になっていくPNG画像を上に重ねればOK。そしてトップからの位置を指定すれば2枚重なったように見えます。ハイライト入れるのがコツですね^^

body{ background: #ff8c00 url(グラデ画像.pngまでのパス) repeat-x center 224px; background-attachment: scroll; }

「background: 背景色グラデ画像までのパス横にリピート中央揃えトップからの位置;」
て感じです。