แสดงเมนูบาร์ด้านล่าง เมนูค้นหาและฟอร์มเข้าสู่ระบบ for Discuz 7.0 (HTML)

Special_kak

เป็นแค่ HTML และแทรก if และ else เท่านั้นเองครับ สามารถปรับแต่งโค้ดเองได้ ผมก็ไปเอาโค้ดมาจากเว็บจีนเหมือนกัน เอามาแก้นิดหน่อย-*-
คุณสามารถนำไป ใช้ในเว็บเพจอื่นๆ ได้นอกจาก discuz เช่นตัวอย่าง :: http://www.i7forums.com/477-1-1.html

เป็นไฟล์ต้นฉบับจากว็บผม ดังนั้นเอาไปใช้แล้วแก้ไขใหม่นะครับ

รองรับทุกบราวเซอร์ หน้าจอขนาด 1024 ขึ้นไป



เป็นการแทรกโค้ดแบบ subtemplate ไม่ใช่แบบฝังนะ การแทรกโค้ดแบบนี้จะทำให้สามารถแก้ไขไฟล์ได้ง่ายขึ้น
ดาวน์โหลดและอัพโหลดไฟล์ก่อนนะครับ


เปิดไฟล์ footer.htm ที่อยู่ในสกินของคุณปัจจุบัน ถ้ามันไม่มีก็อยู่ที่สกิน /templates/default/footer.htm
หา

1. <!--{if $_DCACHE['settings']['frameon'] && in_array(CURSCRIPT, array('index', 'forumdisplay', 'viewthread')) && $_DCOOKIE['frameon'] == 'yes'}-->

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

เพิ่มโค้ดนี้ด้านบน

1. {subtemplate statusbar}

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

Save และ อัพเดทแคช เสร็จ สามารถแก้ไขไฟล์ได้ที่ /templates/default/statusbar.htm

==========================

ปรับเมนูให้ใส่ขึ้น โดยการใช้รูปภาพ bg.png แทนภาพ bg.gif ที่

1. background:url(menu/bg.gif) no-repeat;

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

เปลี่ยนเป็น bg.png Save และ อัพเดทแคช เสร็จ

item

เป็นอะไรที่สวยงามมากครับ ชอบออฟชั่น top แหม่ สมูทดีจัง
ขอบคุณมากครับ

Special_kak

ฟังก์ชัน Top อิอิ
แทรก javascript

1. <script type="text/javascript">
   
2. (function() {
   
3. 
   
4. function $(id) {
   
5.         return document.getElementById(id);
   
6. }
   
7. 
   
8. function setStyleDisplay(id, status) {
   
9.         $(id).style.display = status;
   
10. }
    
11. 
    
12. function goTop(acceleration, time) {
    
13. 
    
14.         acceleration = acceleration || 0.1;
    
15.         time = time || 16;
    
16. 
    
17.         var dx = 0;
    
18.         var dy = 0;
    
19.         var bx = 0;
    
20.         var by = 0;
    
21.         var wx = 0;
    
22.         var wy = 0;
    
23. 
    
24.         if (document.documentElement) {
    
25.                 dx = document.documentElement.scrollLeft || 0;
    
26.                 dy = document.documentElement.scrollTop || 0;
    
27.         }
    
28.         if (document.body) {
    
29.                 bx = document.body.scrollLeft || 0;
    
30.                 by = document.body.scrollTop || 0;
    
31.         }
    
32.         var wx = window.scrollX || 0;
    
33.         var wy = window.scrollY || 0;
    
34. 
    
35.         var x = Math.max(wx, Math.max(bx, dx));
    
36.         var y = Math.max(wy, Math.max(by, dy));
    
37. 
    
38.         var speed = 1 + acceleration;
    
39.         window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));
    
40.         if(x > 0 || y > 0) {
    
41.                 var invokeFunction = "MGJS.goTop(" + acceleration + ", " + time + ")"
    
42.                 window.setTimeout(invokeFunction, time);
    
43.         }
    
44. }
    
45. 
    
46. function switchTab(showPanel, hidePanel, activeTab, activeClass, fadeTab, fadeClass) {
    
47.         $(activeTab).className = activeClass;
    
48.         $(fadeTab).className = fadeClass;
    
49.         setStyleDisplay(showPanel, 'block');
    
50.         setStyleDisplay(hidePanel, 'none');
    
51. }
    
52. 
    
53. window['MGJS'] = {};
    
54. window['MGJS']['$'] = $;
    
55. window['MGJS']['setStyleDisplay'] = setStyleDisplay;
    
56. window['MGJS']['goTop'] = goTop;
    
57. window['MGJS']['switchTab'] = switchTab;
    
58. 
    
59. })();
    
60. 
    
61. function switchImage(imageId, imageUrl, linkId, linkUrl, preview, title, alt) {
    
62.         if(imageId && imageUrl) {
    
63.                 var image = $(imageId);
    
64.                 image.src = imageUrl;
    
65. 
    
66.                 if(title) {
    
67.                         image.title = title;
    
68.                 }
    
69.                 if(alt) {
    
70.                         image.alt = alt;
    
71.                 }
    
72.         }
    
73. 
    
74.         if(linkId && linkUrl) {
    
75.                 var link = $(linkId);
    
76.                 link.href = linkUrl;
    
77.         }
    
78. }</script>

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

แทรกลิงก์ที่ html

1. <a id="gotop" href="#" onclick="MGJS.goTop();return false;" class="atag">Top</a>

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

-*-

gumpzaa007

ถ้าอยากเอาไปไว้ด้านบน

ก็ไปแก้ที่ เฮดเดอร์ รึป่าว.......

ตอบด้วย  ขอบคุณค๊าบบบ

rogers

ขอบคุณน่ะครับ สวยมากๆ เลยครับ สุดยอด