เมนูBagatorіvneveใน PHP และ MySQL §2. วิธีสร้างเมนูแนวตั้งที่ปรากฎบน php Inurl php own menu id pyramid

• โกลอฟนา
• โนวินี
• ติดต่อ
• เกี่ยวกับเรา

งานต่อไปของเราคือการนำสไตล์ออกจากรายการ ติดตั้งหลังล็อค เราจำเป็นต้องล้างชื่อและรายการภายในของรายการเองและเครื่องหมายใกล้กับรายการในรายการ มาตั้งค่าความกว้างที่ต้องการกัน:

#navbar ( margin: 0; padding: 0; list-style-type: none; width: 100px; )

ถึงเวลาแล้วที่จะสร้างสไตล์ให้ตัวคุณเอง เราเพิ่มสีพื้นหลังให้กับพวกเขา เปลี่ยนพารามิเตอร์ของข้อความ: สี ขนาดและขนาดของแบบอักษร เสริมเล็กน้อย เพิ่มขั้นตอนเล็ก ๆ และเปลี่ยนขนาดของแบบอักษร องค์ประกอบจากแถวหนึ่งไปยังอีกบล็อกหนึ่ง Dodatkovo ถูกเพิ่มในเฟรมด้านซ้ายและด้านล่างของรายการในรายการ

เมื่อเลื่อนเคอร์เซอร์ของเมาส์ไปที่รายการเมนูโยคะ ดูเก่าคุณสามารถเปลี่ยน, เปลี่ยนความเคารพของ coristuvach. คุณสามารถสร้างเอฟเฟกต์ดังกล่าวได้ด้วยการช่วยคลาสหลอก: โฮเวอร์

มาดูส่วนท้ายของเมนูแนวตั้งที่เราดูก่อนหน้านี้และเพิ่มกฎต่อไปนี้ในตารางสไตล์:

#navbar a:hover ( background-color: #666; border-left: 5px solid #3333FF; ) ลอง »

เมนูแนวนอน

ที่ก้นด้านหน้า เราดูที่แผงการนำทางแนวตั้ง ซึ่งเป็นวิธีที่พบได้บ่อยที่สุดในการดูไซต์ที่ถนัดซ้ายหรือถนัดขวาในพื้นที่เนื้อหาหลัก อย่างไรก็ตาม เมนูที่มีข้อความนำทางมักจะแสดงในแนวนอนที่ด้านบนของหน้าเว็บด้วย

สามารถสร้างเมนูแนวนอนเพื่อเพิ่มสไตล์ให้กับรายการที่ยอดเยี่ยมได้ การแสดงพลังสำหรับองค์ประกอบ

ในการวางรายการเมนูในแนวนอนที่ด้านหลัง เราสร้างรายการการทำเครื่องหมายด้วยข้อความ:

• โกลอฟนา
• โนวินี
• ติดต่อ
• เกี่ยวกับเรา

มาเขียนกฎสองสามข้อสำหรับรายการของเรากัน ว่าควรทิ้งสไตล์อะไร อะไรจะชนะสำหรับรายการสำหรับการล็อค และทบทวนรายการจากบล็อกในแถว:

#navbar ( margin: 0; padding: 0; list-style-type: none; ) #navbar li ( display: inline; ) ลอง »

ตอนนี้เราสูญเสียมากกว่า การออกแบบโวหารสำหรับเมนูแนวนอนของเรา:

#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 ( สี: #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; ) ลอง »

เมนูวีไอพี

เมนูในขณะที่เราจะสร้าง แม่ของข้อความการนำทางหลัก จัดเรียงในแถบนำทางแนวนอน และรายการย่อย ทันทีที่เคอร์เซอร์ของเมาส์วางเหนือรายการเมนูนั้น จนกว่าจะมองเห็นรายการย่อยจำนวนหนึ่ง .

ขั้นแรก เราต้องสร้างโครงสร้าง HTML ของเมนูของเรา ข้อความการนำทางหลักที่เราสามารถเพิ่มลงในรายการที่ทำเครื่องหมายไว้:

• โกลอฟนา
• โนวินี
• ติดต่อ
• เกี่ยวกับเรา

รายการย่อย mi rozmіstimo ในรายการ okremy ใส่ yogo ในองค์ประกอบ

• โกลอฟนา
• โนวินี
• ติดต่อ
  • ที่อยู่
  • โทรศัพท์
  • อีเมล
• เกี่ยวกับเรา

ทีนี้มาลงที่การเขียนโค้ด CSS กัน สำหรับ cob จำเป็นต้องแนบรายการของจุดย่อยสำหรับการแสดงเสียงเพิ่มเติม: none; เพื่อไม่ให้กลิ่นเหม็นปรากฏบนเว็บไซต์ตลอดทั้งชั่วโมง สำหรับการแสดงจุดย่อย เราต้องการ ดังนั้นเมื่อวางเมาส์เหนือองค์ประกอบ

#navbar ul ( display: none; ) #navbar li:hover ul ( display: block; )

เราใช้ทั้งรายการและเครื่องหมายที่แทรกอยู่หลังล็อค องค์ประกอบของรายการพร้อมอุปกรณ์ช่วยนำทางที่ลอยได้ รูปทรง เมนูแนวนอนแต่สำหรับองค์ประกอบของรายการซึ่งควรตรวจสอบรายการย่อย ให้ตั้งค่า float: none; เพื่อให้กลิ่นเหม็นเหมือนหนึ่งภายใต้หนึ่ง

#navbar, #navbar ul ( margin: 0; padding: 0; list-style-type: none; ) #navbar li ( float: left; ) #navbar ul li ( float: none; )

จากนั้นเราต้องทำงานในลักษณะที่เมนูย่อยของเราซึ่งไม่หลุดออกมาไม่รบกวนเนื้อหาโดยกดลงไปใต้แผงการนำทาง ที่เราใส่รายการไปยังตำแหน่งรายการ: ญาติ; และในรายการสิ่งที่จะแก้แค้นตำแหน่งย่อย: สัมบูรณ์; і dodamo พลังสูงสุด іzค่า 100%, schob อยู่ในตำแหน่งที่แน่นอนpіdmenuvіdobrazhalosตรง pіd pіd silannyam

#navbar ul ( แสดง: ไม่มี; ตำแหน่ง: สัมบูรณ์; บนสุด: 100%; ) #navbar li ( float: ซ้าย; ตำแหน่ง: ญาติ; ) #navbar ( ความสูง: 30px; ) ลอง »

ความสูงของรายการ Batkiv ถูกเพิ่มโดยเจตนา เพื่อให้เบราว์เซอร์ไม่ตรวจสอบเนื้อหาที่ลอยอยู่ในองค์ประกอบ โดยไม่เพิ่มความสูง เบราว์เซอร์จะละเว้นรายการของเรา และเนื้อหาที่ตามหลังรายการจะล้อมรอบเมนูของเรา

ตอนนี้เราสูญเสียรูปแบบการดูถูกรายการและเมนูของเราไปแล้ว สิ่งที่คุณเห็น เตรียมตัวให้พร้อม:

#navbar ul ( display: none; background-color: #f90; position: absolute; top: 100%; ) #navbar li:hover ul ( display: block; ) #navbar, #navbar ul ( ระยะขอบ: 0; ช่องว่างภายใน: 0; list-style-type: none; ) #navbar ( height: 30px; background-color: #666; padding-left: 25px; min-width: 470px; ) height: 100%; ) #navbar li a ( display: block; padding: 6px; width: 100px; ) #navbar li:hover (สีพื้นหลัง: #f90; ) #navbar ul li:hover (สีพื้นหลัง: #666; )

เมนูไซต์ใน php ซึ่งจัดการโดยสคริปต์ php มีลักษณะเฉพาะของตัวเอง มันไม่ได้เป็นเพียงค่าสัมบูรณ์หรือ vodnosn_ sila แม้ว่ามันอาจจะเป็นทั้งหมด แต่ตามกฎแล้วบล็อกของไซแลนของแผงด้านข้างซึ่งถูกหล่อหลอมแบบไดนามิกด้วยrazdіlaและpoddrozdіlaіบล็อกของ silan จากด้านในสุดของ เว็บไซต์. เมนูซึ่งสร้างขึ้นแบบไดนามิกนั้นมีประโยชน์อยู่แล้ว วิธีที่จะแทรกลงในเว็บไซต์ ไม่ว่าจะเป็นสถานที่หรือช่วงเวลาที่สำคัญที่สุดในเวลาที่เหมาะสม ดังนั้นเมื่อคุณไปที่ส่วนต่างๆ และโฟลเดอร์ย่อย คุณสามารถขยายบล็อคเมนูต่างๆ ได้แบบไดนามิก นอกจากนี้กลิ่นเหม็นอาจแตกต่างกันไม่เพียง แต่สำหรับ zmist แต่ยังรวมถึงรูปร่างและการออกแบบ สำหรับไซต์แบบคงที่ คุณสามารถตรวจสอบลูกเล่นเหล่านี้ได้ แต่คุณจะต้องเพิ่มไฟล์เพิ่มเติมลงในเทมเพลตและลูกเล่นอีกมากมาย ต้องการให้ไซต์เขียนด้วย php ไม่ได้ช่วยอะไร สูญเสียแม่แบบจามรีฉัน buv Usim keruvateme สคริปต์ php อย่างง่ายหนึ่งหรือสองสามตัว

เพื่อที่จะเปลี่ยนไปใช้อื่น การเขียนสคริปต์ php สำหรับการสร้างเมนูแบบไดนามิกก็เพียงพอแล้ว ตัวอย่างเช่น ส่วนหัวแรกและเปลี่ยนเมนูของส่วนหัวผ่านการเขียนสคริปต์ก่อนหน้า หัวเรื่องอื่นๆ สามารถกำหนดได้ในลักษณะเดียวกัน นอกจากนี้ โค้ดของสคริปต์เองก็มีการเปลี่ยนแปลงในทางปฏิบัติเพียงเล็กน้อย เปลี่ยนเฉพาะไฟล์ข้อความซึ่งเรียกว่าข้อความและตัวข้อความอย่างมีความหมาย รหัสสำหรับสคริปต์ดังกล่าวจะอยู่ด้านล่างข้อความ

// การสร้างเมนู
$menu = @file($rubric1_menu);
$lines = นับ($เมนู);
สำหรับ ($i = 0; $i< $lines; $i++)
{
รายการ($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"";)
อื่น ($refcolor = "";)
$rubric1.="

".showCat($category["children"]) ."

ลำดับของรายการโดยตรงในอาร์เรย์จะถูกนำมาพิจารณาเมื่อเมนูแสดงบนเว็บไซต์ ดังนั้นจึงต้องวางอาร์เรย์ไว้ตามลำดับซึ่งจำเป็นต้องแสดงเมนู

บันทึก:
ส่วนหัวของ URL (ที่อยู่) อาจมีลักษณะอย่างไร:
/ส่วนที่ 1
อย่างอื่นเช่น
/section_1/name_razdela.html
จากนั้นใน array_menu คุณต้องเขียนค่าที่แน่นอน:
$array_menu[$i]["url"]="/section_1"
หรือวิภาดุอื่น:
$array_menu[$i]["url"]="/section_1/nazvanie_razdela.html";

คุณจะสร้างตัวเลือกเมนูแรกได้อย่างไร?
ในเมนูpіdsvіchuєน้อยกว่าถ้าคุณทราบที่อยู่ของการแจกจ่าย ตัวอย่างเช่น หากที่อยู่เพจคือ /section_1/articles_1.html เมนูจะไม่ปรากฏ

อีกรหัสหนึ่งของรหัสคือการปรับเปลี่ยนตัวแปรแรกและโอนความเป็นไปได้ของการเปลี่ยนเมนูให้ปรากฏในบทความซึ่งพบได้ในการแจกแจง

ตัวเลือกอื่นสำหรับรหัสเมนูใน PHP

"; สำหรับ ($i=0;$i ": "

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

"; ) อื่น ๆ ( echo ($URL) == ($array_menu[$i]["url"]) ? "

": "

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

";)) ก้อง""; ?>

ในบทความนี้ ผมจะแสดงให้คุณเห็นถึงวิธีการสร้าง เมนูต่างๆ ใน ​​PHP และ MySQL. ตัวเลือกสำหรับการสร้างสรรค์นี้สามารถรวยได้ แต่การตัดสินจากจำนวนมื้ออาหารของคุณในหัวข้อนี้คุณต้องมีก้น ฉันจะนำโยคะครั้งแรกไปที่บทความของฉัน ฉันจะกำหนดทันทีว่าบทความนี้เหมาะสมกว่าสำหรับคนเงียบๆ ใครจะรู้ PHPและvmієฝึกs MySQL. คนอื่นต้องผ่านเรื่องนี้หรืออ่านหนังสือเกี่ยวกับ PHP และ MySQL.

สำหรับ cob เราสร้างตารางในฐานข้อมูลที่มีฟิลด์ขั้นสูง:

• id- ตัวระบุที่ไม่ซ้ำ
• ชื่อ- Anchor message สำหรับเมนู
• ลิงค์- ที่อยู่เรารู้รายการเมนู
• parent_id- ไอดีแบทคิฟ ไม่มีรายการ batkivsky ที่นี่มันจะเป็น NULL (มิฉะนั้นคุณสามารถใส่ 0) ได้

จัดโต๊ะเรียบร้อย ถึงเวลาแล้ว รหัส PHP. Povniy รหัส PHPเลื่อนด้านล่าง:

$mysqli = new mysqli("localhost", "root", "", "db"); // เชื่อมต่อกับฐานข้อมูล
$result_set = $mysqli->query("SELECT * จาก `menu`"); // Robimo การเลือกระเบียนทั้งหมดจากตารางจากเมนู
$items = อาร์เรย์ (); // Array สำหรับรายการเมนู
ในขณะที่ (($row = $result_set->fetch_assoc()) != false) $items[$row["id"]] = $row; // กรอกข้อมูลในอาร์เรย์ด้วยการเลือกจากฐานข้อมูล
$ลูก = อาร์เรย์ (); // อาร์เรย์สำหรับลักษณะขององค์ประกอบลูกของพ่อของพวกเขา
foreach ($items เป็น $item) (
if ($item["parent_id"]) $childrens[$item["id"]] = $item["parent_id"]; // เขียนอาร์เรย์
}
ฟังก์ชัน printItem($item,$items,$children) (
/* แสดงรายการเมนู */
เสียงสะท้อน "

// กำลังซ่อมแซมรายการภายใน เนื่องจากยังไม่มีองค์ประกอบย่อย
$ul=จริง; // ตั้งธง
}
เสียงสะท้อน printItem($items[$key], $items, $children); // แสดงองค์ประกอบลูกทั้งหมดซ้ำๆ
}
เสียงสะท้อน "";
}
?>



เมนู



foreach ($items เป็น $item) (
if (!$item["parent_id"]) echo printItem($item, $items, $childrens); // แสดงองค์ประกอบทั้งหมดของระดับบนสุด
}
?>




รหัสนี้ใช้งานได้อย่างสมบูรณ์ อย่างไรก็ตาม คุณต้องรับผิดชอบในการทำความเข้าใจว่าคุณไม่ได้เขียนอะไรแบบนั้น (zokrema, visnovok ผ่าน เสียงก้อง แท็ก HTML). І งานของคุณคือใช้อัลกอริทึมจากโค้ดนี้ ไม่ใช่ตัวโค้ดเอง จากนั้นอัลกอริทึมจะเชื่อมต่อกับเครื่องยนต์ของคุณ ฉันพยายามอย่างเต็มที่ที่จะแสดงความคิดเห็นโค้ดกับผลลัพธ์ เมนูกำหนดเองใน PHP และ MySQLเบียร์อย่างบ้าคลั่งไวน์ไม่ได้โปร่งใสที่สุดและvimagaєความรู้ซังที่ไม่เหมาะสมอยู่แล้ว Yakshcho Vesche น่ารังเกียจรู้ PHP และ MySQLฉันก็แนะนำให้ผ่าน cei