マンネリなので新年に向けてデザインを少しいじってます。
とはいっても全体のレイアウトは変えずに、背景画像を重ね合わせてみました。
一番下の背景には、コンテンツの両サイドにグラデーションのエッジが表示されるように、センター表示です。
コンテンツより少し長めの背景画像で両サイドをグラデーション処理したものです。
次にヘッダーです
ヘッダーには、グラデーションのパイプ状の背景をタイルで貼り付け
その中にヘッダーコンテンツの領域を取りその領域の背景に神戸の写真をランダム表示しています。
<body> センターでエッジ用背景を指定
<ヘッダー>で下地用の背景画像を配置
＜ヘッダーインナー>で写真をランダムで配置
＜ヘッダーコンテンツ＞
タイトル
広告
ナビゲーション
などを配置
サイドバーも同じようにしてみました。
コメントする