PHPとMySQLのBagatorіvneveメニュー。 §2。 phpInurlphp独自のメニューIDピラミッドでドロップダウン垂直メニューを作成する方法

• ゴロフナ
• ノヴィーニ
• 連絡先
• 私たちに関しては

次のタスクは、ロックの後ろにインストールされているスタイルをリストから削除することです。 リスト自体の名前と内部エントリ、およびリスト内のアイテムの近くのマーカーをクリーンアップする必要があります。 必要な幅を設定しましょう：

#navbar（マージン：0;パディング：0;リストスタイルタイプ：なし;幅：100px;）

今、自分をスタイリングする時が来ました。 それらに背景色を追加し、テキストのパラメータを変更します：フォントの色、サイズ、サイズ、軽く補強し、小さなステップを追加し、フォントのサイズを変更します 行からブロックへの要素。 Dodatkovoは、リスト内のアイテムの左フレームと下フレームに追加されました。

メニュー項目の上にマウスカーソルを置いたとき 古い外観あなたはcoristuvachの尊敬を変えて変えることができます。 疑似クラス：ホバーを支援することで、このような効果を作成できます。

前に見た垂直メニューのお尻に目を向けて、次のルールであるスタイルテーブルに追加しましょう。

#navbar a：hover（background-color：＃666; border-left：5px solid＃3333FF;）試してみてください»

横メニュー

フロントバットでは、メインコンテンツエリアで左利きまたは右利きのサイトを表示する最も一般的な方法である垂直ナビゲーションパネルを確認しました。 ただし、ナビゲーションメッセージを含むメニューは、多くの場合、Webページの上部に水平に表示されます。

優れたリストをさらに定型化するために、水平方向のメニューを作成できます。 要素のパワーディスプレイ

メニュー項目を背面に水平に配置するために、メッセージを含むマーキングリストを作成します。

• ゴロフナ
• ノヴィーニ
• 連絡先
• 私たちに関しては

リストのいくつかのルール、スタイルを破棄するもの、ロックのリストで勝つものを記述し、行のブロックからリストを再検討してみましょう。

#navbar（マージン：0;パディング：0;リストスタイルタイプ：なし;）#navbar li（表示：インライン;）試してください»

今、私たちはより多くを失いました スタイリッシュなデザイン水平メニューの場合：

#navbar（margin：0; padding：0; list-style-type：none; border：2px solid＃0066FF; border-radius：20px 5px; width：550px; text-align：center; background-color：＃33ADFF; ）#navbar a（color：#fff; padding：5px 10px; text-decoration：none; font-weight：bold; display：inline-block; width：100px;）#navbar a：hover（border-radius：20px 5px ; background-color：＃0066FF;）試してみてください»

VIPメニュー

作成するメニューは、メインのナビゲーションメッセージの母であり、水平方向のナビゲーションバーで並べ替えられ、サブアイテムは、マウスカーソルをそのメニューアイテムに合わせるとすぐに、特定の数のサブアイテムが表示されるまで表示されます。 。

まず、メニューのHTML構造を作成する必要があります。 主なナビゲーションメッセージは、マークされたリストに追加できます。

• ゴロフナ
• ノヴィーニ
• 連絡先
• 私たちに関しては

okremyリストのサブアイテムmirozmіstimo、要素に養護院を置く

• ゴロフナ
• ノヴィーニ
• 連絡先
  • 住所
  • 電話
  • Eメール
• 私たちに関しては

それでは、CSSコードの記述に取り掛かりましょう。 穂軸の場合、追加情報を表示するためのサブアイテムを含むリストを添付する必要があります。 そのため、悪臭は1時間にわたってWebサイトに表示されませんでした。 サブポイントを表示するには、要素にカーソルを合わせる必要があります。

#navbar ul（表示：なし;）#navbar li：hover ul（表示：ブロック;）

リストとロックの後ろに挿入されたマーカーの両方を取り込みます。 航法援助施設を備えたリストの要素は、おそらく浮き、形を整えます 横メニュー、ただし、サブアイテムをチェックする必要があるリストの要素については、float：none;を設定します。 、悪臭が1つ下にあるように見えた。

＃navbar、＃navbar ul（マージン：0;パディング：0; list-style-type：none;）#navbar li（float：left;）#navbar ul li（float：none;）

次に、抜け落ちないサブメニューがコンテンツに干渉しないように作業し、ナビゲーションパネルの下に押し下げます。 アイテムをリストの位置に配置します。 そしてリストに、サブポイントの位置を復讐するもの：絶対; そして、トップのパワーを100％の値に追加して、サブメニューの位置が力に正確に従うようにします。

#navbar ul（表示：なし;位置：絶対;上：100％;）#navbar li（フロート：左;位置：相対;）#navbar（高さ：30px;）試してください»

Batkivリストの高さは特別に追加されたため、ブラウザーは要素内のフローティングコンテンツをチェックしません。高さを追加しないと、リストはブラウザーによって無視され、リストに続くコンテンツがメニューをラップします。

今、私たちはリストとメニューを侮辱するスタイルを失いました、あなたが見るもの、準備ができています：

#navbar ul（display：none; background-color：＃f90; position：absolute; top：100％;）#navbar li：hover ul（display：block;）#navbar、#navbar ul（margin：0; padding： 0; list-style-type：none;）#navbar（height：30px; background-color：＃666; padding-left：25px; min-width：470px; height：100％;）#navbar li a（display：ブロック;パディング：6px;幅：100px;色：#fff;テキスト装飾：なし;）#navbar li：hover（背景色：＃f90;）#navbar ul li：hover（背景色：＃666; ）。

phpスクリプトによって処理されるphpのサイトメニューには、独自の特性があります。 それは全体としては可能ですが、それは絶対的またはvodnosn_ silaだけではありませんが、原則として、サイドパネルのサイランのブロックは、サイト。 動的に形成されるメニューは、場所であろうと適切なタイミングで最も重要であろうと、サイトに挿入する方法としてすでに便利です。 したがって、さまざまなセクションやサブフォルダーに移動すると、さまざまなメニューブロックを動的に展開できます。 さらに、悪臭はzmistだけでなく、形状やデザインによっても異なる場合があります。 静的サイトの場合でも、このようなトリックを使用できますが、テンプレートにファイルを追加したり、多くのトリックを実行したりすることもできます。 phpでサイトを作成したいのは何の役にも立ちません。 テンプレートを失います、yakibuv。 Usimkeruvateme1つまたはいくつかの単純なphpスクリプト。

別の見出しに切り替えるには、メニューを動的に形成するためのphpスクリプトを作成するだけで十分です。たとえば、最初の見出しとzmusiti yogoは、スクリプトの前回の作成を通じて見出しのメニューを開きます。 他の見出しも同様の順序で作成できます。 さらに、スクリプト自体のコードにはほとんど実用的な変更はありません。 意味のあるメッセージおよびメッセージ自体と呼ばれるテキストファイルのみを変更します。 このようなスクリプトのコードは、テキストの下にカーソルを合わせます。

//シェーピングメニュー
$ menu = @file（$ rubric1_menu）;
$ lines = count（$ menu）;
for（$ i = 0; $ i< $lines; $i++)
{
list（$ menu_link、$ menu_name、$ menu_title）= explode（ "::"、$ menu [$ i]）;
if（$ page == rub1_part1 and $ i == 0）（$ refcolor = "style =" color：＃cc0000 "";）
elseif（$ page == rub1_part2 and $ i == 1）（$ refcolor = "style =" color：＃cc0000 "";）
elseif（$ page == rub1_part3 and $ i == 2）（$ refcolor = "style =" color：＃cc0000 "";）
else（$ refcolor = "";）
$rubric1。="

".showCat（$ category ["children "]）。"

配列への直接入力の順序は、メニューがWebサイトに表示されたときに保存されます。 Tobto配列を整理する必要があり、そのためにメニューを表示する必要があります。

ノート：
URL（アドレス）の見出しは次のようになります。
/ section_1
そうでなければそのような
/section_1/name_razdela.html
次に、array_menuに正確な値を書き込む必要があります。
$ array_menu [$ i] ["url"] = "/ section_1"
または別のvipaduの場合：
$ array_menu [$ i] ["url"] = "/ section_1 / nazvanie_razdela.html";

最初のメニューオプションをどのように作成しますか？
ディストリビューションのアドレスがわかっている場合は、pіdsvіchuєメニューを少なくしてください。 たとえば、ページアドレスが/section_1/articles_1.htmlの場合、メニューは表示されません。

コードの別のバリアントは、最初のバリアントを変更し、メニューをディストリビューションにある記事に切り替える機能を転送することです。

PHPのメニューコードの別のオプション

"; for（$ i = 0; $ i ": "

";echo""。$array_menu[$ i]["title"]。"

";）else（echo（$ URL）==（$ array_menu [$ i] ["url "]）？"

": "

";echo""。$array_menu[$ i]["title"]。"

" ; ） ） エコー ""; ?>

この記事では、作成方法を紹介します PHPとMySQLのさまざまなメニュー。 めちゃくちゃ、この作成のオプションは豊富ですが、このトピックに関する食事の数から判断すると、お尻が必要です。 私の記事に最初のヨガを持ち込みます。 知っているあなたにとって、どの記事が賢明であるかをすぐに教えます PHPとvmіє練習 MySQL。 他の誰もがこれを通過するか、いくつかの本を読む必要があります PHPとMySQL.

穂軸の場合、データベースにアドバンスフィールドを含むテーブルを作成します。

• id-一意の識別子。
• タイトル-メニューアンカー。
• リンク-アドレス、ヤクでメニュー項目をリードします。
• parent_id-バトキフID。 batkivskyアイテムがない場合、それはNULLになります（そうでない場合は0を入れることができます）。

テーブルを整理しました。今がその時です。 PHPコード。 Povniy PHPコード下にカーソルを合わせます。

$ mysqli = new mysqli（ "localhost"、 "root"、 ""、 "db"）; //データベースに接続します
$ result_set = $ mysqli-> query（ "SELECT * FROM` menu` "）; //メニューからのテーブルからのすべてのレコードのRobimo選択
$ items = array（）; //メニュー項目の配列
while（（$ row = $ result_set-> fetch_assoc（））！= false）$ items [$ row ["id"]] = $ row; //データベースからの選択を配列に入力します
$ children = array（）; //父親の子要素の特性の配列
foreach（$ items as $ item）（
if（$ item ["parent_id"]）$ children [$ item ["id"]] = $ item ["parent_id"]; //配列を書き込みます
}
関数printItem（$ item、$ items、$ children）（
/*メニュー項目を表示します*/
エコー "

//子要素がまだなかったため、内部リストを修復します
$ ul = true; //エンサインを設定します
}
echo printItem（$ items [$ key]、$ items、$ children）; //すべての子要素を再帰的に表示します
}
エコー "";
}
?>



メニュー



foreach（$ items as $ item）（
if（！$ item ["parent_id"]）echo printItem（$ item、$ items、$ children）; //トップレベルのすべての要素を表示します
}
?>




このコードは完全に機能していますが、そのようなものは何も書かないことを理解する責任があります（zokrema、visnovok エコー HTMLタグ）。 Іあなたの仕事は、コード自体ではなく、このコードからアルゴリズムを取得することです。 そして、アルゴリズムがエンジンに接続されます。 私は出力にコードをコメントするために最善を尽くしました PHPとMySQLのカスタムメニュー、エール、めちゃくちゃ、vinは先見の明がなく、vimagaєはすでに下品な穂軸の知識です。 YakshchoVesche厄介な知っている PHPとMySQL、それから私はceiを通過することをお勧めします