ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => หัวข้อเริ่มโดย: hitomiko ใน 06 กุมภาพันธ์ 2012, 13:54:02

ชื่อเรื่อง: จะแก้ top menu ให้เป็นแบบนี้ยังไงคะ
โพสต์โดย: hitomiko ใน 06 กุมภาพันธ์ 2012, 13:54:02
เวปนี้นะคะ  (http://www.wagener-systems.de/wf02/)

เวลากดตรงเมนูข้างบน เช่น RFID ละป้ายของเมนูจะสูงขึ้น แต่พอกดตรงเมนูซ้ายมือ ป้ายของแถบเมนู RFID ก็จะลดลงตามเดิมอ่าคะ

ต้องการให้เวลากดเมนูซ้ายมือของเมนูข้างบน อย่างRFID มันสูงขึ้นค้างไว้อย่างงั้นอ่าคะ ถึงจะไปกดเมนูซ้ายมือ รูปของเมนูข้างบนก็ค้างสุงไว้ เหมือนตอนมัน active อ่าคะ

อยากรู้ว่าต้องตรงไหนยังไงบ้างคะ พอดีใช้Joomlaทำอ่าคะ รบกวนแนะนำทีนะคะ งมเองมาตั้งนาน ไม่รู้แก้ตรงไหนดี :wanwan008: :wanwan008:

ชื่อเรื่อง: Re: จะแก้ top menu ให้เป็นแบบนี้ยังไงคะ
โพสต์โดย: kangtung ใน 06 กุมภาพันธ์ 2012, 14:03:13
ต้องมีความเข้าใจ CSS ครับ งานนี้ผมว่ายากสำหรับคนไม่มีพื้นฐานด้าน Cascading Style Sheet

จะต้องกำหนดให้ตัว เมนู ที่เวลา Hover ให้เปลี่ยน Background ไปอีกภาพ
ชื่อเรื่อง: Re: จะแก้ top menu ให้เป็นแบบนี้ยังไงคะ
โพสต์โดย: hitomiko ใน 06 กุมภาพันธ์ 2012, 14:05:56
อ้างถึงจาก: kangtung ใน 06 กุมภาพันธ์ 2012, 14:03:13
ต้องมีความเข้าใจ CSS ครับ งานนี้ผมว่ายากสำหรับคนไม่มีพื้นฐานด้าน Cascading Style Sheet

จะต้องกำหนดให้ตัว เมนู ที่เวลา Hover ให้เปลี่ยน Background ไปอีกภาพ

ขอบคุณคะ ตอน Hover หรือตอนกด Active มันก็ได้อยู่นะคะ แต่พอกดเมนูลูกตรงซ้ายมือละให้มันค้างไว้เหมือนตอน เมนูข้างบน Active นี่แหละคะ ไม่รู้จะทำยังไงจริงๆ  :wanwan023:
ชื่อเรื่อง: Re: จะแก้ top menu ให้เป็นแบบนี้ยังไงคะ
โพสต์โดย: dragons_first ใน 06 กุมภาพันธ์ 2012, 14:13:18
index.php/rfid = พื้นหลังค้างเวลากด
index.php/reader = พื้นหลังหดเมื่อกดเมนูนี้

สิ่งที่แนะนำ ในหน้า index.php/rfid ปรับ css ไว้ยังไงก็ให้เอาคำสั่งนั้นไปใส่ไว้ index.php/reader หรือไฟล์อื่นๆที่เกี่ยวข้อง
ชื่อเรื่อง: Re: จะแก้ top menu ให้เป็นแบบนี้ยังไงคะ
โพสต์โดย: hs4twy ใน 06 กุมภาพันธ์ 2012, 14:53:48
เซิท กุเกิ้ล เลยครับ

dynamic menu

เข้าไปหาดูอันที่ถูกใจ แล้วมาปรับใช้ให้ตรงความต้องการ

ดูแล้วคุณก็มีพื้นฐาน อยู่ คงไม่ยาก แค่ copy paste แล้วลบๆ เพิ่มๆ ตามส่วนต้องการ
ชื่อเรื่อง: Re: จะแก้ top menu ให้เป็นแบบนี้ยังไงคะ
โพสต์โดย: hitomiko ใน 06 กุมภาพันธ์ 2012, 15:32:11
ขอบคุณทุกคนมากคะ คือลิ้งเวปข้างบนเป็นเวปของเรา แต่มันติดปัญหาตอนนี้คือเวลากดเมนูลูกด้านซ้ายละ เมนูแม่ข้างบนไม่ยอมค้างสูงขึ้น

เราไม่รู้จะเชื่อมตัวสองเมนูนี้ยังไงอ่าคะ(top menu + left menu) ไฟล์ index กับ css มันแยกกัน property ของรูปแต่ละเมนู มันก็คุณสมบัติแยกกัน
ลองมั่วเอา id ของเมนูข้างบน มารวมกันแบบนี้ก็ไม่เกิดอันใดขึ้นอ่าคะ ปล.มั่วได้อุบาทมาก :wanwan023:
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,
#pillmenu  ul.menu a#active_menu-nav,
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
display:block;
line-height:20px;
padding:2px 10px;
text-decoration:none;
color:#CED8F6;
list-style-type:square;
}

ลองใช้ไฟล์บักจิ้มดูได้นะคะ ยังงมหาทางสว่างไม่เจออ่าคะ :'(



ชื่อเรื่อง: Re: จะแก้ top menu ให้เป็นแบบนี้ยังไงคะ
โพสต์โดย: hs4twy ใน 06 กุมภาพันธ์ 2012, 16:30:24
ผมดูแล้ว เมนูด้านบน ไหงอยู่ใน td

แต่ไม่เป็นปัญหาครับ ปันหาอยู่ที่ active

คุณลองคลิกเมนูด้านบนสิ มัน active_menu-nav

แต่ซ้าย เป็น current มันไม่ได้เชื่อมหากัน ไม่ได้ส่ง active_menu-nav

อีกอย่าง ผมก็ไม่รู้นะ ว่ามันเชื่อมกันได้หรือเปล่า แบบว่าไม่เคย แต่หลักการคงไม่ต่างกัน
ชื่อเรื่อง: Re: จะแก้ top menu ให้เป็นแบบนี้ยังไงคะ
โพสต์โดย: hitomiko ใน 07 กุมภาพันธ์ 2012, 09:01:24
อ้างถึงจาก: hs4twy ใน 06 กุมภาพันธ์ 2012, 16:30:24
ผมดูแล้ว เมนูด้านบน ไหงอยู่ใน td

แต่ไม่เป็นปัญหาครับ ปันหาอยู่ที่ active

คุณลองคลิกเมนูด้านบนสิ มัน active_menu-nav

แต่ซ้าย เป็น current มันไม่ได้เชื่อมหากัน ไม่ได้ส่ง active_menu-nav

อีกอย่าง ผมก็ไม่รู้นะ ว่ามันเชื่อมกันได้หรือเปล่า แบบว่าไม่เคย แต่หลักการคงไม่ต่างกัน

ละมันจะส่งค่าให้เชื่อมกันได้ยังไงคะ มันเขียนเป็นcondition ได้ด้วยหรอคะ css ทำไงดี :wanwan009: :wanwan009: