[html + CSS] เพิ่มเมนูแบบคู่มือ (ใต้เมนูหลักแบบ Discuz.net)
แก้ไขครั้งสุดท้ายโดย jamskung เมื่อ 2012-9-1 14:15สืบเนื่องจาก http://forum.discuzthai.com/thread-35128-1-1.html
ขอแยกเป้นอีกกระทู้น่ะครับ เผื่อมีใครต้องการจะได้หาง่ายๆ sm926dz
ตัวอย่าง(เว็บใครไม่รู้นู๋จิ๊กรูปมา):
http://upic.me/i/r5/g-poweredbydiscuz.png
วิธีทำ
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}-->
คัดลอกไปที่คลิปบอร์ด
ก็ได้อยากต้องการให้ ปลั๊กอิน ไปอยู่บน
(เครดิตพี่เอ้ & พี่โรส (อันที่จริงคนเดียวกันsm949dz ))
ปอลิง.ที่ผมโค้ดมันเป็นบรรทัดเดียว เพราะมันทำให้ขนาดไฟล์หน้าใหญ่ขึ้นเพียงเล็กน้อย ทำให้โหลดช้าขึ้นเพียงนิ๊ดดดดเดียว
ปอลิงคิงคอง2. เขียนเสร็จก็เอามาตั้งเลย ไม่ได้ทดสอบน่ะ ช่วยยืนยันนอนยันด้วยน่ะครับว่าใช้ได้ป่าว sm949dz
ปล.3 อันที่เขียนเองบั๊กเยอะ ขอแกะเว็บของคนที่ถามมาแจกล่ะกันน่ะครับ (เออ งงป่ะล่ะ แกะ ของคนที่ถามคำถามนี้ sm949dz )
ใช้งานได้ครับ เยี่ยมจ้าา มีภาพยืนยัน
aniroon ตอบกลับเมื่อ 2012-9-1 13:45 static/image/common/back.gif
ใช้งานได้ครับ เยี่ยมจ้าา มีภาพยืนยัน
sm949dz นั่นมันคนละโค้ดกะผมเลยน่ะนั่น aniroon ตอบกลับเมื่อ 2012-9-1 13:45 static/image/common/back.gif
ใช้งานได้ครับ เยี่ยมจ้าา มีภาพยืนยัน
ต่างกันนิดเดียว อิอิ
ไม่ต่างกันล่ะ sm949dz เจมส์คุง เก่งเหลือเกิน
ใช่เจ้านี้ป่ะถ้าไม่ใช่ขออภัย โห๊ะ ๆ
Credit : rokaisakkon
http://forum.discuzthai.com/forum.php?mod=redirect&goto=findpost&ptid=35128&pid=372822 จะหารูปภาพได้จากไหนครับ
หน้า:
[1]