ขอวิธี เพิ่มคู่มือ ไว้บนหัวเว็บ แบบตัวอย่างทีครับ "ดังภาพ!!"

aniroon

อยากทราบวิธีเพิ่มคู่มือเว็บแบบนี้อ่ะครับ ว่าทำยังไงหรอครับ
พอดีอยากทำบ้าง อิอิ ขอบคุณล่วงหน้าครับ

jaideejung007

ผมก็อยากรู้เหมือนกันครับ

ปล. สมาชิกท่านใดหาวิธีการทำแบบนี้ได้ (ต้องได้จริงนะ) รอรับ +๕ จากผมได้เลยจ้า

l3eil3oy

น่าสนใจ รอๆๆ ท่านผู้รู้

rokaisakkon

1. <div class="a_mu"><div id="dzf" class="cl" style="text-align:left;">
   
2. 
   
3. <p style="background: url(static/image/portal/top_info.png) no-repeat 15px 6px;" class="z dzfbr">
   
4.         <b>Information</b>
   
5.         <em class="xg2" style="color:#999999">ข้อมูลน่ารู้สำหรับสมาชิก</em>
   
6. <em class="xg2"><a rel="nofollow" target="_blank" href="http://forums.khawdang.net/thread-83638-1-1.html">คุณรู้หรือไม่?</a> | <a rel="nofollow" target="_blank" href="http://goo.gl/a3xev">คำถามที่ถามบ่อย</a></em>
   
7. </p>
   
8. 
   
9. <p style="background: url(static/image/portal/top_vip.png) no-repeat 15px 6px;" class="z dzfbr">
   
10.         <b>VIP Members</b>
    
11.         <em class="xg2" style="color:#999999">ข้อมูลสำหรับผู้ที่สนใจเป็นสมาชิกระดับวีไอพี</em>
    
12. <em class="xg2"><a target="_blank" href="http://goo.gl/wYAVK">ทำไมต้อง VIP?</a> | <a target="_blank" href="http://goo.gl/U9HgA">สมัคร VIP</a></em>
    
13. </p>
    
14. 
    
15. 
    
16. <p style="background: url(static/image/portal/top_manual.png) no-repeat 15px 6px;" class="z">
    
17.         <b>Download Manual</b>
    
18.         <em class="xg2" style="color:#999999">สำหรับมือใหม่ควรดาวน์โหลดไปศึกษา</em>
    
19. <em class="xg2"><a target="_blank" href="http://goo.gl/sw60H" rel="nofollow">คู่มือการใช้เว็บ</a> | <a target="_blank" href="http://goo.gl/0TyV3" rel="nofollow">กฏระเบียบข้อบังคับ</a></em>
    
20. </p></div>
    
21. <style type="text/css">
    
22. #dzf {
    
23. padding: 15px 0;
    
24. }
    
25. #dzf p {
    
26. no-repeat scroll 10px 2px transparent;
    
27.     text-indent: 70px;
    
28.     width: 316px;
    
29. }
    
30. .dzfbl {
    
31.     border-left: 1px solid #FFFFFF;
    
32. }
    
33. .dzfbr {
    
34.     border-right: 1px solid #DDDDDD;
    
35. }
    
36. #dzf em {
    
37.     color: #D3DFDF;
    
38.     display: block;
    
39. }
    
40. #dzf .xg2 {
    
41.     color: #666666;
    
42. }
    
43. #dzf em a {
    
44.     color: #336699;
    
45. }       
    
46. .a_mu {
    
47. padding: 1px 0;
    
48. background: #F7F7F7;
    
49. border: none;
    
50. margin-top: -1px;
    
51. border-bottom: 1px solid #D9D9D9;
    
52. margin-bottom: 1px;
    
53. }
    
54. .a_h, .a_mu, .a_c, .a_p, .a_f, .a_t {
    
55. text-align: center;
    
56. }
    
57. .a_mu {
    
58. border: solid #D9D9D9;
    
59. border-width: 0 1px 1px;
    
60. background: #F0F0F0;
    
61. }       
    
62. 
    
63. </style></div>
    
64. 
    
65. 
    
66. 
    

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

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

ค้นหา

1. <div class="mn">

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

นำโค้ด ไปใส่ด้านล่างนี้


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

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

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

ก็ได้อยากต้องการให้ ปลั๊กอิน ไปอยู่บน


ปล. ผมไม่ได้ทกสอบ มีข้อผิดพลาด หาทางแก้เอาเอง

aniroon

rokaisakkon ตอบกลับเมื่อ 2012-9-1 13:07
เปิดไฟล์ ไฟล์ discuz.htm

ค้นหานำโค้ด ไปใส่ด้านล่างนี้

ขอบคุณมากครับ ^__^

iiimouiii

rokaisakkon ตอบกลับเมื่อ 2012-9-1 13:07
เปิดไฟล์ ไฟล์ discuz.htm

ค้นหานำโค้ด ไปใส่ด้านล่างนี้

อยากให้มันอยู่ใต้ด้านใต้ของปุ่มเมนูอ่าครับ

rokaisakkon

iiimouiii ตอบกลับเมื่อ 2012-9-1 13:35
อยากให้มันอยู่ใต้ด้านใต้ของปุ่มเมนูอ่าครับ ...

ของสกินไหนครับ

fbiza

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