แสดงเมนูบาร์ด้านล่าง เมนูค้นหาและฟอร์มเข้าสู่ระบบ for Discuz 7.0 (HTML)
แก้ไขล่าสุด Special_kak เมื่อ 2009-8-23 12:04เป็นแค่ HTML และแทรก if และ else เท่านั้นเองครับ สามารถปรับแต่งโค้ดเองได้ ผมก็ไปเอาโค้ดมาจากเว็บจีนเหมือนกัน เอามาแก้นิดหน่อย-*-
คุณสามารถนำไป ใช้ในเว็บเพจอื่นๆ ได้นอกจาก discuz เช่นตัวอย่าง :: http://www.i7forums.com/477-1-1.html
เป็นไฟล์ต้นฉบับจากว็บผม ดังนั้นเอาไปใช้แล้วแก้ไขใหม่นะครับ
รองรับทุกบราวเซอร์ หน้าจอขนาด 1024 ขึ้นไป
เป็นการแทรกโค้ดแบบ subtemplate ไม่ใช่แบบฝังนะ การแทรกโค้ดแบบนี้จะทำให้สามารถแก้ไขไฟล์ได้ง่ายขึ้น
ดาวน์โหลดและอัพโหลดไฟล์ก่อนนะครับ
เปิดไฟล์ footer.htm ที่อยู่ในสกินของคุณปัจจุบัน ถ้ามันไม่มีก็อยู่ที่สกิน /templates/default/footer.htm
หา<!--{if $_DCACHE['settings']['frameon'] && in_array(CURSCRIPT, array('index', 'forumdisplay', 'viewthread')) && $_DCOOKIE['frameon'] == 'yes'}-->เพิ่มโค้ดนี้ด้านบน{subtemplate statusbar}Save และ อัพเดทแคช เสร็จ สามารถแก้ไขไฟล์ได้ที่ /templates/default/statusbar.htm
==========================
ปรับเมนูให้ใส่ขึ้น โดยการใช้รูปภาพ bg.png แทนภาพ bg.gif ที่background:url(menu/bg.gif) no-repeat;เปลี่ยนเป็น bg.png Save และ อัพเดทแคช เสร็จ เป็นอะไรที่สวยงามมากครับ ชอบออฟชั่น top แหม่ สมูทดีจัง
ขอบคุณมากครับ ฟังก์ชัน Top อิอิ
แทรก javascript
<script type="text/javascript">
(function() {
function $(id) {
return document.getElementById(id);
}
function setStyleDisplay(id, status) {
$(id).style.display = status;
}
function goTop(acceleration, time) {
acceleration = acceleration || 0.1;
time = time || 16;
var dx = 0;
var dy = 0;
var bx = 0;
var by = 0;
var wx = 0;
var wy = 0;
if (document.documentElement) {
dx = document.documentElement.scrollLeft || 0;
dy = document.documentElement.scrollTop || 0;
}
if (document.body) {
bx = document.body.scrollLeft || 0;
by = document.body.scrollTop || 0;
}
var wx = window.scrollX || 0;
var wy = window.scrollY || 0;
var x = Math.max(wx, Math.max(bx, dx));
var y = Math.max(wy, Math.max(by, dy));
var speed = 1 + acceleration;
window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));
if(x > 0 || y > 0) {
var invokeFunction = "MGJS.goTop(" + acceleration + ", " + time + ")"
window.setTimeout(invokeFunction, time);
}
}
function switchTab(showPanel, hidePanel, activeTab, activeClass, fadeTab, fadeClass) {
$(activeTab).className = activeClass;
$(fadeTab).className = fadeClass;
setStyleDisplay(showPanel, 'block');
setStyleDisplay(hidePanel, 'none');
}
window['MGJS'] = {};
window['MGJS']['$'] = $;
window['MGJS']['setStyleDisplay'] = setStyleDisplay;
window['MGJS']['goTop'] = goTop;
window['MGJS']['switchTab'] = switchTab;
})();
function switchImage(imageId, imageUrl, linkId, linkUrl, preview, title, alt) {
if(imageId && imageUrl) {
var image = $(imageId);
image.src = imageUrl;
if(title) {
image.title = title;
}
if(alt) {
image.alt = alt;
}
}
if(linkId && linkUrl) {
var link = $(linkId);
link.href = linkUrl;
}
}</script>
แทรกลิงก์ที่ html
<a id="gotop" href="#" onclick="MGJS.goTop();return false;" class="atag">Top</a>
-*- ถ้าอยากเอาไปไว้ด้านบน
ก็ไปแก้ที่ เฮดเดอร์ รึป่าว.......
ตอบด้วยขอบคุณค๊าบบบ ขอบคุณน่ะครับ สวยมากๆ เลยครับ สุดยอด sm942dz
หน้า:
[1]