[html + CSS] เพิ่มเมนูแบบคู่มือ (ใต้เมนูหลักแบบ Discuz.net)

jamskung

สืบเนื่องจาก http://forum.discuzthai.com/thread-35128-1-1.html

ขอแยกเป้นอีกกระทู้น่ะครับ เผื่อมีใครต้องการจะได้หาง่ายๆ


ตัวอย่าง(เว็บใครไม่รู้นู๋จิ๊กรูปมา):


วิธีทำ
1.ก๊อปโค้ดนี้ (แก้ไขลิงก์ รายละเอียด รูปให้เรียบร้อยก่อนด้วยน่ะครับ)

1. <style type="text/css">#dzf {padding: 15px 0;}#dzf p {no-repeat scroll 10px 2px transparent;text-indent: 70px;width: 316px;}.dzfbl {border-left: 1px solid #FFFFFF;}.dzfbr {border-right: 1px solid #DDDDDD;}#dzf em {color: #D3DFDF;display: block;}#dzf .xg2 {color: #666666;}#dzf em a {color: #336699;} .a_mu {padding: 1px 0;background: #F7F7F7;border: none;margin-top: -1px;border-bottom: 1px solid #D9D9D9;margin-bottom: 1px;} .a_h, .a_mu, .a_c, .a_p, .a_f, .a_t {text-align: center;}.a_mu {border: solid #D9D9D9;border-width: 0 1px 1px;background: #F0F0F0;}</style><nav class="a_mu"><div class="a_mu"><div id="dzf" class="cl" style="text-align:left;"> <p style="background: url(ลิงก์รูป)" class="z dzfbr"><b>หัวข้อ1</b><em class="xg2" style="color:#999999">TEST1</em><em class="xg2"><a rel="nofollow" target="_blank" href="ที่อยู่ลิงก์">TEST2</a> | <a rel="nofollow" target="_blank" href="ที่อยู่ลิงก์">TEST3</a></em></p><p style="background: url(ลิงก์รูป)" class="z dzfbr"><b>หัวข้อ2</b><em class="xg2" style="color:#999999">TEST4</em><em class="xg2"><a target="_blank" href="ที่อยู่ลิงก์">TEST5</a> | <a target="_blank" href="ที่อยู่ลิงก์">TEST6</a></em></p><p style="background: url(ลิงก์รูป)" class="z"> <b>TREAD3</b><em class="xg2" style="color:#999999">TEST8</em> <em class="xg2"><a target="_blank" href="ที่อยู่ลิงก์" rel="nofollow">TEST9</a> | <a target="_blank" href="ที่อยู่ลิงก์" rel="nofollow">TEST10</a></em></p></div></div></nav>

คัดลอกไปที่คลิปบอร์ด

เปิดไฟล์ ไฟล์ discuz.htm

ค้นหา

    <div class="mn">

คัดลอกไปที่คลิปบอร์ด
นำโค้ด ไปใส่ด้านล่างนี้


ปล. หรือจะ ล่าง

    <!--{hook/index_top}-->

คัดลอกไปที่คลิปบอร์ด
ก็ได้อยากต้องการให้ ปลั๊กอิน ไปอยู่บน
(เครดิตพี่เอ้ & พี่โรส (อันที่จริงคนเดียวกัน ))

ปอลิง.ที่ผมโค้ดมันเป็นบรรทัดเดียว เพราะมันทำให้ขนาดไฟล์หน้าใหญ่ขึ้นเพียงเล็กน้อย ทำให้โหลดช้าขึ้นเพียงนิ๊ดดดดเดียว

ปอลิงคิงคอง2. เขียนเสร็จก็เอามาตั้งเลย ไม่ได้ทดสอบน่ะ ช่วยยืนยันนอนยันด้วยน่ะครับว่าใช้ได้ป่าว

ปล.3 อันที่เขียนเองบั๊กเยอะ ขอแกะเว็บของคนที่ถามมาแจกล่ะกันน่ะครับ (เออ งงป่ะล่ะ แกะ ของคนที่ถามคำถามนี้ )

aniroon

ใช้งานได้ครับ เยี่ยมจ้าา มีภาพยืนยัน

jamskung

aniroon ตอบกลับเมื่อ 2012-9-1 13:45
ใช้งานได้ครับ เยี่ยมจ้าา มีภาพยืนยัน

นั่นมันคนละโค้ดกะผมเลยน่ะนั่น

jamskung

aniroon ตอบกลับเมื่อ 2012-9-1 13:45
ใช้งานได้ครับ เยี่ยมจ้าา มีภาพยืนยัน

ต่างกันนิดเดียว อิอิ

ไม่ต่างกันล่ะ

oja

เจมส์คุง เก่งเหลือเกิน

StaFF_PiRcH

ใช่เจ้านี้ป่ะถ้าไม่ใช่ขออภัย โห๊ะ ๆ
Credit : rokaisakkon
http://forum.discuzthai.com/foru ... 5128&pid=372822

fbiza

จะหารูปภาพได้จากไหนครับ