แจก!! โค๊ดแบนเนอร์ลอยข้างสวยๆ...

joeja

แจกโค๊ดโฆษณาลอยข้าง ซ้าย/ขวา
ปกติแล้วถ้าเราใช้การโฆษณาแบบ "ลอยคู่ซ้าย/ขวาในทุกๆหน้า" มันจะอยู่นิ่งกับที่ไม่เลื่อนตามสกอบาร์  แต่สามารถทำให้มันวิ่งได้โดยแค่เราเลื่อนสกอบาร์ลงมานิดหน่อยแบนเนอร์มันจะวิ่งลงมาข้างล่างและหายไปอย่างรวดเร็ว ถ้าเลื่อนสกอบาร์ขึ้นจนสุดมันก็จะวิ่งขึ้นมาอย่างรวดเร็วเหมือนกัน อธิบายแค่นี้แหละเดี๋ยวงง ลองเอาไปใช้ดูและกัน
ตามรูปนี้

นี่โค๊ด

1. 
   
2. 
   
3. 
   
4. 
   
5. 
   
6. 
   
7. <style type="text/css">
   
8. #topbar{
   
9. position:absolute;
   
10. border: 1px solid black;
    
11. padding: 2px;
    
12. background-color: lightyellow;
    
13. width: 150px;
    
14. visibility: hidden;
    
15. z-index: 100;
    
16. }
    
17. </style>
    
18. <!-- สิ้นสุดการแก้ไขรูปแบบของกรอบข้อความ -->
    
19. <script type="text/javascript">
    
20. 
    
21. var persistclose=0 // ให้ใส่เป็น 0 หรือไม่ก็ 1 (โดย 0 หมายถึง เมื่อกดปิดแล้ว กด REFRESH กรอบข้อความจะขึ้นมาอีก แต่ถ้า 1 กรอบข้อความจะไม่ขึ้นมาอีกแล้ว)
    
22. var startX = 10 // ตำแหน่งแสดงกรอบข้อความ นับจากด้านซ้าย
    
23. var startY = 10 // ตำแหน่งแสดงกรอบข้อความ นับจากด้านบน
    
24. 
    
25. function iecompattest(){
    
26. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    
27. }
    
28. 
    
29. function get_cookie(Name) {
    
30. var search = Name + "="
    
31. var returnvalue = "";
    
32. if (document.cookie.length > 0) {
    
33. offset = document.cookie.indexOf(search)
    
34. if (offset != -1) {
    
35. offset += search.length
    
36. end = document.cookie.indexOf(";", offset);
    
37. if (end == -1) end = document.cookie.length;
    
38. returnvalue=unescape(document.cookie.substring(offset, end))
    
39. }
    
40. }
    
41. return returnvalue;
    
42. }
    
43. 
    
44. 
    
45. var verticalpos="fromtop"
    
46. 
    
47. 
    
48. function closebar(){
    
49. if (persistclose)
    
50. document.cookie="remainclosed=1"
    
51. document.getElementById("topbar").style.visibility="hidden"
    
52. }
    
53. 
    
54. 
    
55. 
    
56. 
    
57. 
    
58. 
    
59. function staticbar(){
    
60. 
    
61. var ns = (navigator.appName.indexOf("Netscape") != -1);
    
62. var d = document;
    
63. function ml(id){
    
64. var el=d.getElementById(id);
    
65. if (!persistclose || persistclose && get_cookie("remainclosed")=="")
    
66. el.style.visibility="visible"
    
67. if(d.layers)el.style=el;
    
68. el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
    
69. el.x = startX;
    
70. if (verticalpos=="fromtop")
    
71. el.y = startY;
    
72. else{
    
73. el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
    
74. el.y -= startY;
    
75. }
    
76. return el;
    
77. }
    
78. window.stayTopLeft=function(){
    
79. if (verticalpos=="fromtop"){
    
80. var pY = ns ? pageYOffset : iecompattest().scrollTop;
    
81. ftlObj.y += (pY + startY - ftlObj.y)/8;
    
82. }
    
83. else{
    
84. var pY = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
    
85. ftlObj.y += (pY - startY - ftlObj.y)/8;
    
86. }
    
87. ftlObj.sP(ftlObj.x, ftlObj.y);
    
88. setTimeout("stayTopLeft()", 10);
    
89. }
    
90. ftlObj = ml("topbar");
    
91. stayTopLeft();
    
92. }
    
93. 
    
94. if (window.addEventListener)
    
95. window.addEventListener("load", staticbar, false)
    
96. else if (window.attachEvent)
    
97. window.attachEvent("onload", staticbar)
    
98. else if (document.getElementById)
    
99. window.onload=staticbar
    
100. </script>
     
101. 
     
102. <div id="topbar">
     
103. 
     
104. <a href="xxx" target="_blank"><img src="yyy"  </a>
     
105. 
     
106. <a onClick="closebar(); return false"><img src="http://www.your.com/bbs/static/image/common/ad_close.gif" border="0" width="26" height="12" /> </a>
     
107. 
     
108. 
     
109. 
     
110. 
     
111. <!-- ตรงนี้ใส่ข้อความอธิบาย -->
     
112. ใส่ข้อความอธิบายแบนเนอร์ได้เลย
     
113. <!-- สิ้นสุดการใส่ข้อความ-->
     
114. 
     
115. </div>
     
116. 
     
117. 
     

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

ตรงนี้

1. <a href="xxx" target="_blank"><img src="yyy"  </a>
   
2. 
   
3. <a onClick="closebar(); return false"><img src="http://www.your.com/bbs/static/image/common/ad_close.gif" border="0" width="26" height="12" /> </a>
   

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

xxx เปลี่ยนเป็นลิงค์ของแบนเนอร์
yyy เปลี่ยนเป็นที่อยู่ของรูปภาพแบนเนอร์ (ตรงนี้ ตอนเราตั้งค่าแบนเนอร์ให้ตั้งค่า ที่ "รูปแบบการแสดงผล:" ให้เลือกแบบรูปภาพก่อน แล้วค่อยมาเปลี่ยนเป็นใช้โค๊ดทีหลังมันจะบอกที่อยู่ของภาพที่เราอัพขึ้นไป เอาตรงนั้นแหละมาใส่แทน yyy)
www.your.com เปลี่ยนเป็นโดเมนของท่าน ตรงนี้เป็นที่อยู่ภาพเครื่องหมายปิด ระวังนิดนึง ท่านใดไม่มี bbs ก็ไม่ต้องใส่ bbs

สำรองไฟล์นี้
source/class/adv/adv_couplebanner.php
เปิด adv_couplebanner.php แล้วหาคำว่า ad_close.gif แล้วลบที้ง

วิธีทำแบบละเอียดเผื่อใครไม่เคยเล่นตรงนี้


อะโทดทีไปที่  แอดมิน cp > ตั้งค่าโฆษณา>โฆษณา>เลือก ลอยคู่ซ้าย/ขวาในทุกๆหน้า>เพิ่ม>
-ใส่ชื่อโฆษณา อะไรก็ได้
-เลือกตำแหน่งของเมนูที่จะแสดงโฆษณา เช่น พอทัล เว็บบอร์ด คลับ...
-เลื่อนลงมาเรื่อยๆมันให้เราเพิ่มบอร์ดที่แสดงโฆษณา อยู่ สามอัน จะเลือกรึไม่เลือกก็ได้แล้วแต่เรา
-เลือกตำแหน่ง ซ้ายรึขวา
-เลือกวันที่เริ่มโฆษณา คลิ๊กในช่องมันจะมีปฏิทินให้เลือก
-เลือกวันสิ้นสุดโฆษณา คลิ๊กในช่องมันจะมีปฏิทินให้เลือก
-รูปแบบการแสดงผล เลือก รูปภาพ (อันที่สามสำหรับคนที่เป็นภาษาจีน)
-อัพภาพโฆษณา
-ใส่ลิงค์ของโฆษณา
-เลือกขนาดของป้ายแบนเนอร์ ถ้าไม่เลือก เราสามารถกำหนดขนาดเองได้ ที่สองช่องสุดท้าย ช่องแรกเป็นความกว้าง
-ช่องสองเป็นความสูง
-กดตกลง

เสร็จแล้ว กลับมา เพิ่มเติม >ตั้งค่าโฆษณา>โฆษณาทั้งหมด>แก้ไข>เลื่อนลงมาล่างสุด>รูปแบบการแสดงผล เปลี่ยนจากรูปภาพเป็นโค๊ด มันจะมีหน้าต่างโค๊ดขึ้นมา คัดลอกโค๊ดออกมาดู ในนั้นมันจะบอกที่อยู่ของภาพที่เราอัพขึ้นไป เอา URL ของภาพ มาใส่ในโค๊ดที่ผมให้ไป แก้ตามที่ผมบอกแล้วเอาโค๊ดทั้งหมดไปทับในหน้าต่างนั้น(ไปทับนะไม่ใช่ไปต่อ พูดง่ายๆ ลบของเก่าทิ้ง เอาอันไหม่ไปแทน) แล้วกดตกลง ไปที่  เพิ่มเติม >ตั้งค่าโฆษณา>โฆษณาทั้งหมด>แล้วคลิ๊กใช้งาน

เสดแล้วครับ ทีนี้ เว็บเรามันจะมีที่ ให้กดปิดแบนเนอร์สองที่ ถ้าเราจะเอาอันบนออกก็ไปที่ source/class/adv/adv_couplebanner.php
เปิด adv_couplebanner.php แล้วหาคำว่า ad_close.gif แล้วลบที้ง

อย่าลืมสำรองไฟล์ด้วย

joeja

ถ้าไม่ใช้ภาพจะใช้ข้อความเช่น x [close] ลบ

1. <img src="http://www.your.com/bbs/static/image/common/ad_close.gif" border="0" width="26" height="12" />

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

ออกแล้วใส่ x [close]  

member02

เปิดมาก็โค๊ดแล้วให้ไปใส่ตรงไหนเนี้ย *-* อธิบายให้ครบด้วยนะครับ

joeja

อ้างอิงจาก member02 เมื่อ 2012-4-3 21:40
เปิดมาก็โค๊ดแล้วให้ไปใส่ตรงไหนเนี้ย *-* อธิบายให ...

อะโทดทีไปที่  แอดมิน cp > ตั้งค่าโฆษณา>โฆษณา>เลือก ลอยคู่ซ้าย/ขวาในทุกๆหน้า>เพิ่ม>
-ใส่ชื่อโฆษณา อะไรก็ได้
-เลือกตำแหน่งของเมนูที่จะแสดงโฆษณา เช่น พอทัล เว็บบอร์ด คลับ...
-เลื่อนลงมาเรื่อยๆมันให้เราเพิ่มบอร์ดที่แสดงโฆษณา อยู่ สามอัน จะเลือกรึไม่เลือกก็ได้แล้วแต่เรา
-เลือกตำแหน่ง ซ้ายรึขวา
-เลือกวันที่เริ่มโฆษณา คลิ๊กในช่องมันจะมีปฏิทินให้เลือก
-เลือกวันสิ้นสุดโฆษณา คลิ๊กในช่องมันจะมีปฏิทินให้เลือก
-รูปแบบการแสดงผล เลือก รูปภาพ (อันที่สามสำหรับคนที่เป็นภาษาจีน)
-อัพภาพโฆษณา
-ใส่ลิงค์ของโฆษณา
-เลือกขนาดของป้ายแบนเนอร์ ถ้าไม่เลือก เราสามารถกำหนดขนาดเองได้ ที่สองช่องสุดท้าย ช่องแรกเป็นความกว้าง
-ช่องสองเป็นความสูง
-กดตกลง

เสร็จแล้ว กลับมา เพิ่มเติม >ตั้งค่าโฆษณา>โฆษณาทั้งหมด>แก้ไข>เลื่อนลงมาล่างสุด>รูปแบบการแสดงผล เปลี่ยนจากรูปภาพเป็นโค๊ด มันจะมีหน้าต่างโค๊ดขึ้นมา คัดลอกโค๊ดออกมาดู ในนั้นมันจะบอกที่อยู่ของภาพที่เราอัพขึ้นไป เอามาใส่ในโค๊ดที่ผมให้ไป แก้ตามที่ผมบอกแล้วเอาโค๊ดทั้งหมดไปทับในหน้าต่างนั้น(ไปทับนะไม่ใช่ไปต่อ พูดง่ายๆ ลบของเก่าทิ้ง เอาอันไหม่ไปแทน) แล้วกดตกลง ไปที่  เพิ่มเติม >ตั้งค่าโฆษณา>โฆษณาทั้งหมด>แล้วคลิ๊กใช้งาน

เสดแล้วครับ ทีนี้ เว็บเรามันจะมีที่ ให้กดปิดแบนเนอร์สองที่ ถ้าเราจะเอาอันบนออกก็ไปที่ source/class/adv/adv_couplebanner.php
เปิด adv_couplebanner.php แล้วหาคำว่า ad_close.gif แล้วลบที้ง

อย่าลืมสำรองไฟล์ด้วย