TOP

オールフォト画像サイトの構築を別な角度でみてみると?     固定化した背景なら?

こちらのコンテンツは
透明ヘッダー画像?上級テンプレートに見えるかも?
に追従しております

 

オールフォト画像サイトの構築はヘッダー画像を透明化することで
飛躍的に向上しますが サイト背景を
固定した場合と しない場合ではイメージが大きく異なります

 

今回は背景固定した場合のスタイルで少々記事を追加します

 

 

 

では どのようなスタイルへと変化して行くのでしょう

 

ヘッダー画像を透明化とは?
詳細をご覧ください
透明ヘッダー画像?上級テンプレートに見えるかも?

 

オール背景のサイト背景とは?
背景をフォト画像で表すものです
詳細はこちらでご覧ください

 

 

以下参考画像 3カラムをご覧ください

 

もっとナイスな画像があれば良いのですが 持ち合わせがなく
すみません
で あなたの好みの画像にイメージしてください

 

 

背景を固定化しない構築ですと他にいろいろと面倒が
追加されますが

 

背景を固定化して記事構成をすることに 
然程の面倒はありませんが ややある注意要素をご覧ください

 

 

参考画像では通常のヘッダー縦サイズです

 

指定したヘッダーの縦サイズが 画像は表示しなくとも
あるものとして縦サイズが空間に反映されます

 

縦サイズ数値を大きくすると メニューがサイズに合わせて下がります

 

縦数値を大きくしたヘッダー画像に入れ替えてみました

 

メニュー位置が下がっているのが確認いただけますね

 

以上は3カラムの場合ですが

 

 

一かラムですと サイドメニューが無いため

 

リンクメニューなどを ブログサービスのように中間地点に
幾つか配置することもできます 

 

縦数値を変化させながらどのようなサイト構成になるかを
お考えください

 

他の注意点といえば 背景により見えなくなる 認識ず楽なる文字色は
使わないこと

 

 

 

背景が強烈な場合 記事コンテンツがかすんでしまう

 

記事コンテンツ箇所の背景はある程度画像を編集して
文字を見やすくする必要があります

 

 

 

ご参考としては あれこれということもないのですが

 

ネット上で 
ワールドプレステンプレートとかMTMLテンプレートで海外物を
検索すれば 当解説デザインが当てはまる構成テンプレートが
みつけられます...と思います?

 

たぶん?

 

お探しください

 

 

 

 

スポンサーリンク

 

 

オールフォト画像サイトの構築を別な角度から見てみます
ホットでクールなテンプレートを作ろう
シリウスカスタマイズ

オールフォト画像サイトの構築を別な角度から見てみます関連解説
一カラムでも特定ページを2カラムスタイルに変更する方法
シリウスの1カラムを試用していても、時折2カラムのページも必要かな?何て思いの方は簡単CSS追加でそのページだけ2カラムスタイルみたいに変更できます
フォントスタイルを変える手順と各種フォント記述まとめ
シリウスのフォントスタイルは3つに限定されておりますが、事情により以外のフォントを使用したい場合は、変更説明を含めておりますのでご確認ください
ヘッダー&グローバルナビ、スクロールの固定化組み合わせまとめ
シリウスのヘッダーとグローバルナビをサイトのスクロールに追従せずのカスタマイズ方法は、組み合わせにより複数指定が可能です
グローバルメニューを最上部に配置するおちゃめな方法
シリウスサイトヘッダーの下部にあるグローバルメニューをサイト最上部に配置して見ると また印象が変わります でも 今回はおやめな方法で進めます
グローバルメニュー角丸テンプレート画像採用でカスタマイズ
今回はシリウス角丸テンプレートのグローバルメニュー画像ををデフォルトテンプレートに移動して表示させる方法の解説です
グローバルメニューデザインカスタマイズ
グローバルメニューのデザインをカスタマイズする手段として、画像をでの変更、CSSで構築する方法の二つをご案内します
サイトの背景カラー全体を同色にする ビジネステンプレート
シリウスのホットなカスタマイズ 今回はビジネステンプレートを使用して背景色全体をを切り替えて 海外サイトみたいな構築に進んでみます
ビジネステンプレ―ト 簡単カスタマイズその1
シリウスビジネステンプレ―トの簡単なカスタマイズその1 ホワイトボディにピンク系でのカスタム その1です
記事背景を透明化するカラーコード?
シリウスビジネステンプレートでの記事背景は サイト背景と同色にすることが出来ますが 記事背景をオールフォト画像にした場合は カラーコード設定で記事背景部分を透明化します
メニュー背景を透過する ビジネステンプレート対象ご案内
シリウスサイト背景の構成によりメニューの背景を透過する必要がある場合のカスタマイズをご案内します 今回はビジネステンプレートを対象としています
ヘッダーが消えた?いや透明ヘッダー画像カスタマイズです
シリウスサイト背景をすべて画像にした場合にヘッダー画像を消してみます 削除ではなく透明にカスタマイズすると上級テンプレートにレベルアップ出来ますね!詳細はサイトでご覧ください ヘッダー画像スタイルも透明化すればタイトル背景が画像となり
サイドメニューを透明化 デフォルトテンプレート対象解説
シリウスのページを表すサイドメニューはデフォルトで構築されていますが サイトスタイルによっては ブログみたいな背景に合わせたスタイルもよいのでは?