|
หัวข้อ: ทำไงดีอยากเปลี่ยนหัวเมนูเป็นภาพ ช่วยหน่อยดิ Joomla เริ่มหัวข้อโดย: narupot ที่ 20 กุมภาพันธ์ 2012, 20:22:26 อยากเปลี่ยนหัวเมนูเป็นภาพที่เราแต่ง ใส่ทั้งหมดเลย สอนหน่อยดิคัยเก่ง เร็วๆๆ
www.phosri.ac.th (http://www.phosri.ac.th) (http://upic.me/i/97/22untitled-1.jpg) (http://upic.me/show/33163599) หัวข้อ: Re: ทำไงดีอยากเปลี่ยนหัวเมนูเป็นภาพ ช่วยหน่อยดิ Joomla เริ่มหัวข้อโดย: Aonz ที่ 20 กุมภาพันธ์ 2012, 20:44:55 ลองใช้โมดูล Menu images ดูครับ
http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/image-menus หัวข้อ: Re: ทำไงดีอยากเปลี่ยนหัวเมนูเป็นภาพ ช่วยหน่อยดิ Joomla เริ่มหัวข้อโดย: wat26 ที่ 20 กุมภาพันธ์ 2012, 20:46:44 ใส่แทนคำว่า HOme ประวัติโรงเรียน ประมาณนี้หรือครับ หรือแบบไหน
หรือใช้แทนคำว่า Mainmenu หัวข้อ: Re: ทำไงดีอยากเปลี่ยนหัวเมนูเป็นภาพ ช่วยŪ เริ่มหัวข้อโดย: narupot ที่ 20 กุมภาพันธ์ 2012, 20:48:08 ใส่แทนคำว่า HOme ประวัติโรงเรียน ประมาณนี้หรือครับ หรือแบบไหน คือใส่เป็นภาพที่เราแต่งมา จะเอามาใส่แทนMainmenu อะไรประมาณนั้นหรือใช้แทนคำว่า Mainmenu หัวข้อ: Re: ทำไงดีอยากเปลี่ยนหัวเมนูเป็นภาพ ช่วยหน่อยดิ Joomla เริ่มหัวข้อโดย: wat26 ที่ 20 กุมภาพันธ์ 2012, 20:48:27 อ้อ ที่เขียนเส้นแดงหรือครับ
หัวข้อ: Re: ทำไงดีอยากเปลี่ยนหัวเมนูเป็นภาพ ช่วยหน่อยดิ Joomla เริ่มหัวข้อโดย: wat26 ที่ 20 กุมภาพันธ์ 2012, 20:54:12 ถ้าตรงเส้นแดง
ถ้าแบบง่าย ไม่ต้องลงอะไรเสริม ผมใช้วิธีแทรกภาพผ่าน โดมูล HTML ซึ่งมีใน joomla แล้ว จากนั้นทำการตั้งค่าไม่ให้แสดงหัวข้อโมดูล แต่ถ้าใส่แทน ใส่แทนคำว่า HOme ประวัติโรงเรียน ก็อีกแบบหนึ่ง เข้ามา เพิ่มหน่อย ผมไม่ได้เก่งและไม่ได้สอนนะครับ หัวข้อ: Re: ทำไงดีอยากเปลี่ยนหัวเมนูเป็นภาพ ช่วยหน่อยดิ Joomla เริ่มหัวข้อโดย: SpiderManKing ที่ 20 กุมภาพันธ์ 2012, 21:46:43 ไปที่ Moudule ของ Main menu เพื่อทำการแก้ไข
ตรง Advanced Options ที่ Module Class Suffix ใส่ค่านี้เข้าไป _menu_main_menu_title_image เพิ่ม css ของ template ที่ใช้อยู่ดังนี้ .module_menu_main_menu_title_image h3{ text-indent:-450px; background:url(../images/close.png) no-repeat !important; } module_menu_main_menu_title_image กับ h3 ไม่ตายตัวขึ้นอยู่กับ template ที่ใช้ text-indent:-450px; ทำให้ย่อหน้าติดลบเพราะ ชื่อ Module จะไม่บังพื้นหลังเพราะต้องการแสดงรูปภาพอย่างเดี่ยว ส่วนจะทำให้ติดลบแค่ใหนขึ้นกับความยาวของชื่อ Module background:url(../images/close.png) no-repeat !important; ใส่พื้นหลังที่ต้องการ menu อันอื่นก็ใช้แนวเดี่ยวกันถ้าทำ main menu ไ้ด้ อันอื่นก็ไม่ยากแล้ว หัวข้อ: Re: ทำไงดีอยากเปลี่ยนหัวเมนูเป็นภาพ ช่วยหน่อยดิ Joomla เริ่มหัวข้อโดย: มาส่องมาลอง ที่ 20 กุมภาพันธ์ 2012, 22:03:13 ไปที่ Moudule ของ Main menu เพื่อทำการแก้ไข ตรง Advanced Options ที่ Module Class Suffix ใส่ค่านี้เข้าไป _menu_main_menu_title_image เพิ่ม css ของ template ที่ใช้อยู่ดังนี้ .module_menu_main_menu_title_image h3{ text-indent:-450px; background:url(../images/close.png) no-repeat !important; } module_menu_main_menu_title_image กับ h3 ไม่ตายตัวขึ้นอยู่กับ template ที่ใช้ text-indent:-450px; ทำให้ย่อหน้าติดลบเพราะ ชื่อ Module จะไม่บังพื้นหลังเพราะต้องการแสดงรูปภาพอย่างเดี่ยว ส่วนจะทำให้ติดลบแค่ใหนขึ้นกับความยาวของชื่อ Module background:url(../images/close.png) no-repeat !important; ใส่พื้นหลังที่ต้องการ menu อันอื่นก็ใช้แนวเดี่ยวกันถ้าทำ main menu ไ้ด้ อันอื่นก็ไม่ยากแล้ว :wanwan019: มากดแต็งให้ครับ หัวข้อ: Re: ทำไงดีอยากเปลี่ยนหัวเมนูเป็นภาพ ช่วยหน่อยดิ Joomla เริ่มหัวข้อโดย: narupot ที่ 25 กุมภาพันธ์ 2012, 21:39:10 ไปที่ Moudule ของ Main menu เพื่อทำการแก้ไข เราจะเพิ่มความกว้างความยาวของภาพด้วยคำสั่งอะไรหรือทำไงครับตรง Advanced Options ที่ Module Class Suffix ใส่ค่านี้เข้าไป _menu_main_menu_title_image เพิ่ม css ของ template ที่ใช้อยู่ดังนี้ .module_menu_main_menu_title_image h3{ text-indent:-450px; background:url(../images/close.png) no-repeat !important; } module_menu_main_menu_title_image กับ h3 ไม่ตายตัวขึ้นอยู่กับ template ที่ใช้ text-indent:-450px; ทำให้ย่อหน้าติดลบเพราะ ชื่อ Module จะไม่บังพื้นหลังเพราะต้องการแสดงรูปภาพอย่างเดี่ยว ส่วนจะทำให้ติดลบแค่ใหนขึ้นกับความยาวของชื่อ Module background:url(../images/close.png) no-repeat !important; ใส่พื้นหลังที่ต้องการ menu อันอื่นก็ใช้แนวเดี่ยวกันถ้าทำ main menu ไ้ด้ อันอื่นก็ไม่ยากแล้ว หัวข้อ: Re: ทำไงดีอยากเปลี่ยนหัวเมนูเป็นภาพ ช่วยหน่อยดิ Joomla เริ่มหัวข้อโดย: SpiderManKing ที่ 25 กุมภาพันธ์ 2012, 22:24:19 ใช้
background-size: 80px 260px; background-repeat: no-repeat; หัวข้อ: Re: ทำไงดีอยากเปลี่ยนหัวเมนูเป็นภาพ ช่วยหน่อยดิ Joomla เริ่มหัวข้อโดย: narupot ที่ 25 กุมภาพันธ์ 2012, 22:57:38 ใช้ ขอบคุณมากครับ เดียวลองดูนะครับ เดียวถ้าไงจะมาถามใหม่นะ ขอบคุณมากๆอีกทีครับbackground-size: 80px 260px; background-repeat: no-repeat; หัวข้อ: Re: ทำไงดีอยากเปลี่ยนหัวเมนูเป็นภาพ ช่วยหน่อยดิ Joomla เริ่มหัวข้อโดย: lanklong ที่ 25 กุมภาพันธ์ 2012, 23:09:34 ง่ายสุดก็ custom module
หัวข้อ: Re: ทำไงดีอยากเปลี่ยนหัวเมนูเป็นภาพ ช่วยหน่อยดิ Joomla เริ่มหัวข้อโดย: drlovecat ที่ 26 กุมภาพันธ์ 2012, 00:47:10 Joomla! 2.5 ทำตรงนั้นได้ วางรูปเป็นแบคกราวนด์โดยไม่ต้องแก้ css
หัวข้อ: Re: ทำไงดีอยากเปลี่ยนหัวเมนูเป็นภาพ ช่วยหน่อยดิ Joomla เริ่มหัวข้อโดย: narupot ที่ 26 กุมภาพันธ์ 2012, 09:41:40 ใช้ ใสคำสั่งนี้ลงไปแล้ว ภาพมันหายไปเลยอ่ะ งง มีรายละเอียดอีกไหมbackground-size: 80px 260px; background-repeat: no-repeat; หัวข้อ: Re: ทำไงดีอยากเปลี่ยนหัวเมนูเป็นภาพ ช่วยหน่อยดิ Joomla เริ่มหัวข้อโดย: narupot ที่ 28 กุมภาพันธ์ 2012, 21:22:49 /* module menu home */
.module_menu_main_menu_title_image h3{ text-indent:-450px; background:url(../images/home.png) no-repeat !important; } อยากเพิ่มขนาดของภาพ ทำไงดี |