ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free Scriptทำไงดีอยากเปลี่ยนหัวเมนูเป็นภาพ ช่วยหน่อยดิ Joomla
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ทำไงดีอยากเปลี่ยนหัวเมนูเป็นภาพ ช่วยหน่อยดิ Joomla  (อ่าน 5793 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
narupot
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 1,027



ดูรายละเอียด เว็บไซต์
« เมื่อ: 20 กุมภาพันธ์ 2012, 20:22:26 »

อยากเปลี่ยนหัวเมนูเป็นภาพที่เราแต่ง ใส่ทั้งหมดเลย สอนหน่อยดิคัยเก่ง เร็วๆๆ
www.phosri.ac.th
บันทึกการเข้า

ในบางครั้ง
ชีวิตอาจเล่นตลกกับคุณ
แต่จงอย่าทิ้งความเชื่อ
ในสิ่งที่คุณยึดมั่น
ดังนั้นคุณจะต้องหาสิ่งที่คุณรักให้เจอ
และคุณก็ต้องรักในสิ่งที่คุณทำ
แต่ถ้าคุณยังหามันไม่เจอ
ก็จงหามันต่อไป จนกว่าจะเจอ...
          - Steve Jobs -
สร้างรายได้ด้วยเว็บของคุณ
Aonz
ก๊วนเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 332



ดูรายละเอียด
« ตอบ #1 เมื่อ: 20 กุมภาพันธ์ 2012, 20:44:55 »

ลองใช้โมดูล Menu images ดูครับ

http://extensions.joomla.org/e...ation/menu-systems/image-menus
บันทึกการเข้า

wat26
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 119
ออฟไลน์ ออฟไลน์

กระทู้: 1,484



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 20 กุมภาพันธ์ 2012, 20:46:44 »

ใส่แทนคำว่า HOme  ประวัติโรงเรียน ประมาณนี้หรือครับ  หรือแบบไหน
หรือใช้แทนคำว่า Mainmenu
บันทึกการเข้า

โค้ดสี คือรหัสสี ใช้ประกอบการแต่งรูปด้วยโปรแกรมแต่งรูป Photoshop ซึ่งเป็นโปรแกรมแต่งรูปส่งภาพสวัสดีตอนเช้า ทุกวัน ในวันพระ ให้ทำบุญตักบาตร
narupot
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 1,027



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 20 กุมภาพันธ์ 2012, 20:48:08 »

ใส่แทนคำว่า HOme  ประวัติโรงเรียน ประมาณนี้หรือครับ  หรือแบบไหน
หรือใช้แทนคำว่า Mainmenu
คือใส่เป็นภาพที่เราแต่งมา จะเอามาใส่แทนMainmenu อะไรประมาณนั้น
« แก้ไขครั้งสุดท้าย: 20 กุมภาพันธ์ 2012, 20:51:41 โดย narupot » บันทึกการเข้า

ในบางครั้ง
ชีวิตอาจเล่นตลกกับคุณ
แต่จงอย่าทิ้งความเชื่อ
ในสิ่งที่คุณยึดมั่น
ดังนั้นคุณจะต้องหาสิ่งที่คุณรักให้เจอ
และคุณก็ต้องรักในสิ่งที่คุณทำ
แต่ถ้าคุณยังหามันไม่เจอ
ก็จงหามันต่อไป จนกว่าจะเจอ...
          - Steve Jobs -
สร้างรายได้ด้วยเว็บของคุณ
wat26
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 119
ออฟไลน์ ออฟไลน์

กระทู้: 1,484



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 20 กุมภาพันธ์ 2012, 20:48:27 »

อ้อ ที่เขียนเส้นแดงหรือครับ
บันทึกการเข้า

โค้ดสี คือรหัสสี ใช้ประกอบการแต่งรูปด้วยโปรแกรมแต่งรูป Photoshop ซึ่งเป็นโปรแกรมแต่งรูปส่งภาพสวัสดีตอนเช้า ทุกวัน ในวันพระ ให้ทำบุญตักบาตร
wat26
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 119
ออฟไลน์ ออฟไลน์

กระทู้: 1,484



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 20 กุมภาพันธ์ 2012, 20:54:12 »

ถ้าตรงเส้นแดง
ถ้าแบบง่าย ไม่ต้องลงอะไรเสริม  ผมใช้วิธีแทรกภาพผ่าน โดมูล HTML ซึ่งมีใน joomla แล้ว
จากนั้นทำการตั้งค่าไม่ให้แสดงหัวข้อโมดูล

แต่ถ้าใส่แทน ใส่แทนคำว่า HOme  ประวัติโรงเรียน  ก็อีกแบบหนึ่ง

เข้ามา เพิ่มหน่อย  ผมไม่ได้เก่งและไม่ได้สอนนะครับ
« แก้ไขครั้งสุดท้าย: 20 กุมภาพันธ์ 2012, 20:55:18 โดย wat26 » บันทึกการเข้า

โค้ดสี คือรหัสสี ใช้ประกอบการแต่งรูปด้วยโปรแกรมแต่งรูป Photoshop ซึ่งเป็นโปรแกรมแต่งรูปส่งภาพสวัสดีตอนเช้า ทุกวัน ในวันพระ ให้ทำบุญตักบาตร
SpiderManKing
คนรักเสียว
*

พลังน้ำใจ: 24
ออฟไลน์ ออฟไลน์

กระทู้: 102



ดูรายละเอียด
« ตอบ #6 เมื่อ: 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 ไ้ด้ อันอื่นก็ไม่ยากแล้ว
« แก้ไขครั้งสุดท้าย: 20 กุมภาพันธ์ 2012, 21:49:09 โดย SpiderManKing » บันทึกการเข้า
มาส่องมาลอง
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 178
ออฟไลน์ ออฟไลน์

กระทู้: 2,280



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 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 มากดแต็งให้ครับ
บันทึกการเข้า

กำลังเอาใจช่วย adyim.com wanwan015 เว็บนี้เอาไว้ทำอะไรครับSEO
เดี่ยวนี้เรื่องกฎในลายเซ้นถูกละเลยทั้งสูงเกินบ้างพาไป18+บ้างผมคิดมากไปม้าง
narupot
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 1,027



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 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 ไ้ด้ อันอื่นก็ไม่ยากแล้ว
เราจะเพิ่มความกว้างความยาวของภาพด้วยคำสั่งอะไรหรือทำไงครับ
บันทึกการเข้า

ในบางครั้ง
ชีวิตอาจเล่นตลกกับคุณ
แต่จงอย่าทิ้งความเชื่อ
ในสิ่งที่คุณยึดมั่น
ดังนั้นคุณจะต้องหาสิ่งที่คุณรักให้เจอ
และคุณก็ต้องรักในสิ่งที่คุณทำ
แต่ถ้าคุณยังหามันไม่เจอ
ก็จงหามันต่อไป จนกว่าจะเจอ...
          - Steve Jobs -
สร้างรายได้ด้วยเว็บของคุณ
SpiderManKing
คนรักเสียว
*

พลังน้ำใจ: 24
ออฟไลน์ ออฟไลน์

กระทู้: 102



ดูรายละเอียด
« ตอบ #9 เมื่อ: 25 กุมภาพันธ์ 2012, 22:24:19 »

ใช้

background-size: 80px 260px;
background-repeat: no-repeat;
บันทึกการเข้า
narupot
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 1,027



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 25 กุมภาพันธ์ 2012, 22:57:38 »

ใช้

background-size: 80px 260px;
background-repeat: no-repeat;
ขอบคุณมากครับ เดียวลองดูนะครับ เดียวถ้าไงจะมาถามใหม่นะ ขอบคุณมากๆอีกทีครับ
บันทึกการเข้า

ในบางครั้ง
ชีวิตอาจเล่นตลกกับคุณ
แต่จงอย่าทิ้งความเชื่อ
ในสิ่งที่คุณยึดมั่น
ดังนั้นคุณจะต้องหาสิ่งที่คุณรักให้เจอ
และคุณก็ต้องรักในสิ่งที่คุณทำ
แต่ถ้าคุณยังหามันไม่เจอ
ก็จงหามันต่อไป จนกว่าจะเจอ...
          - Steve Jobs -
สร้างรายได้ด้วยเว็บของคุณ
lanklong
สมุนแก๊งเสียว
*

พลังน้ำใจ: 58
ออฟไลน์ ออฟไลน์

กระทู้: 685



ดูรายละเอียด เว็บไซต์
« ตอบ #11 เมื่อ: 25 กุมภาพันธ์ 2012, 23:09:34 »

ง่ายสุดก็ custom module
บันทึกการเข้า

drlovecat
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 181
ออฟไลน์ ออฟไลน์

กระทู้: 1,855



ดูรายละเอียด เว็บไซต์
« ตอบ #12 เมื่อ: 26 กุมภาพันธ์ 2012, 00:47:10 »

Joomla! 2.5 ทำตรงนั้นได้ วางรูปเป็นแบคกราวนด์โดยไม่ต้องแก้ css
บันทึกการเข้า
narupot
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 1,027



ดูรายละเอียด เว็บไซต์
« ตอบ #13 เมื่อ: 26 กุมภาพันธ์ 2012, 09:41:40 »

ใช้

background-size: 80px 260px;
background-repeat: no-repeat;
ใสคำสั่งนี้ลงไปแล้ว ภาพมันหายไปเลยอ่ะ งง มีรายละเอียดอีกไหม
บันทึกการเข้า

ในบางครั้ง
ชีวิตอาจเล่นตลกกับคุณ
แต่จงอย่าทิ้งความเชื่อ
ในสิ่งที่คุณยึดมั่น
ดังนั้นคุณจะต้องหาสิ่งที่คุณรักให้เจอ
และคุณก็ต้องรักในสิ่งที่คุณทำ
แต่ถ้าคุณยังหามันไม่เจอ
ก็จงหามันต่อไป จนกว่าจะเจอ...
          - Steve Jobs -
สร้างรายได้ด้วยเว็บของคุณ
narupot
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 1,027



ดูรายละเอียด เว็บไซต์
« ตอบ #14 เมื่อ: 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;
}
อยากเพิ่มขนาดของภาพ ทำไงดี
บันทึกการเข้า

ในบางครั้ง
ชีวิตอาจเล่นตลกกับคุณ
แต่จงอย่าทิ้งความเชื่อ
ในสิ่งที่คุณยึดมั่น
ดังนั้นคุณจะต้องหาสิ่งที่คุณรักให้เจอ
และคุณก็ต้องรักในสิ่งที่คุณทำ
แต่ถ้าคุณยังหามันไม่เจอ
ก็จงหามันต่อไป จนกว่าจะเจอ...
          - Steve Jobs -
สร้างรายได้ด้วยเว็บของคุณ
หน้า: [1]   ขึ้นบน
พิมพ์