แทรก jquery drop-down-menu เข้า overall_header.html

คู่มือการติดตั้ง และ วิธีใช้งาน phpBB Video สอนการใช้งาน การติดตั้ง สอน ติดตั้ง Mod

Moderator: phpbb, mindphp, ผู้ดูแลกระดาน

กฎการใช้บอร์ด
ห้ามถามที่บอร์ด นี้นะครับ ไว้สำหรับ เป็นแหล่งข้อมูล ไม่ต้องถามในหมวดนี้นะครับเพราะจะไม่มีใครตอบ
amnad
phpBBThailand Full Member
phpBBThailand Full Member
โพสต์: 43
ลงทะเบียนเมื่อ: 16 ส.ค. 2011, 14:31
ที่อยู่: ปากช่อง
ติดต่อ:

แทรก jquery drop-down-menu เข้า overall_header.html

โพสต์โดย amnad » 02 ก.พ. 2013, 21:37

ไม่แน่ใจว่ามีใครเคยทำหรือยังครับกับการ แทรก jquery drop-down-menu เข้า overall_header.html

แนวคิด คือ อยากได้เมนู jquery ใส่ในหน้าเว็บ phpBB3

วิธีการ(ที่ผมทำ)
1.หาเมนู jquery ที่ต้องการ ผมเลือกเมนูที่ http://apycom.com/ แล้วดาวน์โหลดมาที่เครื่องเรา
Menu.gif
Menu ที่โหลดมา
Menu.gif (14.24 KiB) เปิดดู 6597 ครั้ง


2.เปิดไฟล์ overall_header.html เทรก code ผมใช้ Theme subsilver2

โค้ด: เลือกทั้งหมด

 <link type="text/css" href="styles/subsilver2/template/menu.css" rel="stylesheet" />
    <script type="text/javascript" src="styles/subsilver2/template/jquery.js"></script>
    <script type="text/javascript" src="styles/subsilver2/template/menu.js"></script>
<!-- INCLUDE menu.html -->

ก่อน </head>

overall_header.gif
แทรก code
overall_header.gif (28.66 KiB) เปิดดู 6597 ครั้ง


3.ปรับแต่งไฟล์ menu.html ตามต้องการ
Menu-html.gif
ปรับข้อความลิงก์ของไฟล์ menu.html ตามต้องการ
Menu-html.gif (20.72 KiB) เปิดดู 6597 ครั้ง


4.อัพโหลดไฟล์เมนูที่ดาวน์โหลดมาในข้อ ที่ 1 ขึ้น server ที่ theme subsilver2 โฟล์เดอร์ template
Menu.gif
Menu ที่โหลดมา
Menu.gif (14.24 KiB) เปิดดู 6597 ครั้ง


5.เข้าหน้าศูนย์ควบคุมระบบ ทำการลบไฟล์ ลบ cache

แล้วมาดูผลงานกันครับผม
J_Menu1.gif
หน้าตาหลังดำเนินการเสร็จแล้ว
J_Menu1.gif (85.8 KiB) เปิดดู 6597 ครั้ง


เว็บไซต์ที่ปรับแล้ว http://www.nanuan.bannokyung.com

ปล.ช่วงการล็อกอินเข้าหน้าศูนย์ควบคุมระบ มีการแสดงผลของเมนูเพี้ยนๆ คาดว่าน่าจะมาจากไฟล์ index.php ในโฟล์เดอร์ adm ไม่มี Code

โค้ด: เลือกทั้งหมด

 <link type="text/css" href="styles/subsilver2/template/menu.css" rel="stylesheet" />
    <script type="text/javascript" src="styles/subsilver2/template/jquery.js"></script>
    <script type="text/javascript" src="styles/subsilver2/template/menu.js"></script>
<!-- INCLUDE menu.html -->


สำรองไฟล์ที่ปรับแต่งทุกครั้งก่อนการดำเนินการเพื่อความสุขใจครับผม

ผิดพลาดประการใดท่านผู้รู้ แนะนำด้วยครับผม ขอบคุณครับ ว่าแต่ใน Mod blog แทรกภาพโดยการอับโหลดทำงัยอะครับ :lol: :lol: :lol: :lol:
Amnad
phpBB3 ที่ทำงาน http://www.moopakchong.org/km/
phpBB3 ที่บ้าน http://www.bannokyung.com/

amnad
phpBBThailand Full Member
phpBBThailand Full Member
โพสต์: 43
ลงทะเบียนเมื่อ: 16 ส.ค. 2011, 14:31
ที่อยู่: ปากช่อง
ติดต่อ:

Re: แทรก jquery drop-down-menu เข้า overall_header.html

โพสต์โดย amnad » 03 ก.พ. 2013, 09:55

แทรก jquery drop-down-menu Custom Mega Menu Styling เข้า overall_header.html

Menu จากเว็บ http://www.designchemical.com/lab/demo- ... u-styling/

แต่งแล้วไม่รู้จะเอาไปใช้อะไร มันเกินความจำเป็นอะครับ :-D :-D :-D :-D
แนบไฟล์
J_Menu2.gif
หลังทำการปรับแต่ง overall_header.html
J_Menu2.gif (79.13 KiB) เปิดดู 6588 ครั้ง
Amnad
phpBB3 ที่ทำงาน http://www.moopakchong.org/km/
phpBB3 ที่บ้าน http://www.bannokyung.com/

sazukia007
phpBBThailand Super Hero Member
phpBBThailand Super Hero Member
โพสต์: 747
ลงทะเบียนเมื่อ: 19 ม.ค. 2009, 21:53

Re: แทรก jquery drop-down-menu เข้า overall_header.html

โพสต์โดย sazukia007 » 12 ก.พ. 2013, 11:23

เราก็ใช้ Mega menU เหมือนกันครับ เพราะจำเป็นเนื่องจากบอร์ดมีหมวดหมู่ร้อยกว่า แต่ก็โมกับปรับสี เอาลูกเล่นออก ตอนแรกว่าจะเขียนเป็นโค้ดให้มันดึงมาแสดงเอง แต่ติดที่ ฟังชัน if มันแสดงเมนูเฉพาะหน้าแรก ส่วนหน้าบอร์ดก็จะดึงเฉพาะ หมวดหมู่ในบอร์ดนั้น ในหน้าเนื้อหาไม่ดึงทั้งบอร์ดและ หมวดหมู่ เลยต้องเขียนโค้ดเต็มๆ ลงไป ยาวมาก เออ แล้วใช้คู่กับการการแก้ไขไฟล์ภาษา(common.php)นะ

เช่น {L_MOA}
แล้วไปแก้ที่ไฟล์ภาษาาเพิ่มว่า
MOA >"น่ารัก โมเอะ"

แล้วที่เมนูที่ดึงมาก็จะได้ คำที่เราแก้ในไฟล์ภาษา


แก้พาร์ทเป็นแบบนี้ก็ได้นะ ง่ายดี แล้วเอาไปยัดในโฟลฯ theme เลย

<script type="text/javascript" src="{T_THEME_PATH}/jquery.js"></script>

amnad
phpBBThailand Full Member
phpBBThailand Full Member
โพสต์: 43
ลงทะเบียนเมื่อ: 16 ส.ค. 2011, 14:31
ที่อยู่: ปากช่อง
ติดต่อ:

Re: แทรก jquery drop-down-menu เข้า overall_header.html

โพสต์โดย amnad » 13 ก.พ. 2013, 13:55

:-D :-D :-D โอ้ว....ครับผม ขอบคุณมากๆครับผม.....
Amnad
phpBB3 ที่ทำงาน http://www.moopakchong.org/km/
phpBB3 ที่บ้าน http://www.bannokyung.com/


  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 8 และ บุคคลทั่วไป 0 ท่าน