[ブートストラップ] IE8、Google、その他の主流ブラウザと互換性のある視聴者ポータル スタイル ページ_html/css_WEB-ITnose

前回「[Bootstrap] IE8、Google、その他の主流ブラウザと互換性のあるオーディエンス巨大スクリーンスタイルページ」を書きました（クリックするとリンクが開きます）

古い世代のニーズの中にはこれに興味がない人もいるかもしれませんポストモダンスタイルに満足です

問題ありません、レイアウトを完全に変更できます

ポータルスタイルに

彼らはすぐにそれを受け入れました:

まず、概要を理解する必要があります。ポータル レイアウトの

これは、クイック レイアウトに役立ちます

最初は小さな巨大な画面です

その後にナビゲーション バーがあり、ここではボタン グループが引き続き使用されます

その後、さまざまな列があります。ブートストラップグリッドシステムとパネルについて アプリケーション

最後に著作権情報、ここにまだパネルがあります

とにかく、このポータルスタイルのレイアウトは個人的にひどいと思うのですが、なぜこれが非常に人気があるのか​​わかりません。

準備する必要があるのは、Photoshop で高さ 1 のグラデーション バーです

まず、Photoshop を開き、任意の幅で新しい 1024x1 画像を作成します。画像は 1 です。前景色が濃い緑 R:0 G:140 B:0、背景色が薄緑 R:100 G:200 B:100 です。グラデーション ツールを使用して次の画像を引き出します。 . 引っ張る方法に関係なく、左右に引っ張ることも、中央から側面に引っ張ることもできます。それは個人の好みによって異なります:

必要な画像はこれだけです。準備するには、Photoshop を閉じて脇に置き、この画像を Web サイトのプロジェクト フォルダーに保存します

この画像は約 6K しかないため、読み込みにはまったく影響しません。

その後、具体的なWebページのコードは以下の通りです。原理は「[Bootstrap] IE8、Google、その他の主流ブラウザに対応したオーディエンス巨大画面スタイルページ」の各部分と全く同じです（クリックすると開きます）。 link) ですが、コードの場所が異なります。以上です。ここでは説明しません。

れーい