แทรก 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 »

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

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

วิธีการ(ที่ผมทำ)
1.หาเมนู jquery ที่ต้องการ ผมเลือกเมนูที่ http://apycom.com/" onclick="window.open(this.href);return false; แล้วดาวน์โหลดมาที่เครื่องเรา
Menu ที่โหลดมา
Menu ที่โหลดมา
Menu.gif (14.24 KiB) เปิดดู 10294 ครั้ง
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>
แทรก code
แทรก code
overall_header.gif (28.66 KiB) เปิดดู 10294 ครั้ง
3.ปรับแต่งไฟล์ menu.html ตามต้องการ
ปรับข้อความลิงก์ของไฟล์ menu.html ตามต้องการ
ปรับข้อความลิงก์ของไฟล์ menu.html ตามต้องการ
Menu-html.gif (20.72 KiB) เปิดดู 10294 ครั้ง
4.อัพโหลดไฟล์เมนูที่ดาวน์โหลดมาในข้อ ที่ 1 ขึ้น server ที่ theme subsilver2 โฟล์เดอร์ template
Menu ที่โหลดมา
Menu ที่โหลดมา
Menu.gif (14.24 KiB) เปิดดู 10294 ครั้ง
5.เข้าหน้าศูนย์ควบคุมระบบ ทำการลบไฟล์ ลบ cache

แล้วมาดูผลงานกันครับผม
หน้าตาหลังดำเนินการเสร็จแล้ว
หน้าตาหลังดำเนินการเสร็จแล้ว
J_Menu1.gif (85.8 KiB) เปิดดู 10294 ครั้ง
เว็บไซต์ที่ปรับแล้ว http://www.nanuan.bannokyung.com" onclick="window.open(this.href);return false;

ปล.ช่วงการล็อกอินเข้าหน้าศูนย์ควบคุมระบ มีการแสดงผลของเมนูเพี้ยนๆ คาดว่าน่าจะมาจากไฟล์ 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/" onclick="window.open(this.href);return false;
phpBB3 ที่บ้าน http://www.bannokyung.com/" onclick="window.open(this.href);return false;
amnad
phpBBThailand Full Member
phpBBThailand Full Member
โพสต์: 43
ลงทะเบียนเมื่อ: 16 ส.ค. 2011, 14:31
ที่อยู่: ปากช่อง
ติดต่อ:

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

โพสต์ โดย amnad »

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

Menu จากเว็บ http://www.designchemical.com/lab/demo- ... u-styling/" onclick="window.open(this.href);return false;

แต่งแล้วไม่รู้จะเอาไปใช้อะไร มันเกินความจำเป็นอะครับ :-D :-D :-D :-D
แนบไฟล์
หลังทำการปรับแต่ง overall_header.html
หลังทำการปรับแต่ง overall_header.html
J_Menu2.gif (79.13 KiB) เปิดดู 10285 ครั้ง
Amnad
phpBB3 ที่ทำงาน http://www.moopakchong.org/km/" onclick="window.open(this.href);return false;
phpBB3 ที่บ้าน http://www.bannokyung.com/" onclick="window.open(this.href);return false;
sazukia007
phpBBThailand Super Hero Member
phpBBThailand Super Hero Member
โพสต์: 747
ลงทะเบียนเมื่อ: 19 ม.ค. 2009, 21:53

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

โพสต์ โดย sazukia007 »

เราก็ใช้ 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 »

:-D :-D :-D โอ้ว....ครับผม ขอบคุณมากๆครับผม.....
Amnad
phpBB3 ที่ทำงาน http://www.moopakchong.org/km/" onclick="window.open(this.href);return false;
phpBB3 ที่บ้าน http://www.bannokyung.com/" onclick="window.open(this.href);return false;
ตอบกลับโพส

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

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

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