Jquery Snowfall Plugin 1.4 บนดิสคัสไทย
ใครเห็นแถบดำๆข้างบนที่มีข้อความว่า "Merry xmas & Happy new year 2012"มันคลิ๊กได้นะครับ ไปคลิ๊กดู
ก่อนคลิ๊ก
ลองไปคลิ๊ก
นั้นแหละครับเป็นแบบนี้
Jquery Snowfall Plugin 1.4 เอามาจากhttp://www.somethinghitme.com/2010/12/09/jquery-snowfall-plugin-1-4/วิธีทำครับ
1. ดาวน์โหลดไปครับ แตกไฟล์ อัพโหลดขึ้นไปตามตำแหน่งต้นฉบับ
2. FTP เข้าไปที่โฟเดอร์ template/default/common
****สำรองข้อมูลก่อนแก้ไขไฟล์!!!!!****
3. เปิดไฟล์ common.css
เลื่อนไปบรรทัดสุดท้ายเคาะ Space bar 1 ครั้ง คัดลอกโค๊ดด้านล่างไปใส่/* Sliding panel*/
#slidepanel {
background:#f9f9f9 url({IMGDIR}/Snow_Man_1600x700.jpg) repeat top left;
height: 620px;
width: 100%;
color: #333;
font-family: 'Oswald', Arial, sans-serif;
font-size: 13px;
display: none;
}
.slide {
font-family:'Arial Narrow', Arial, sans-serif;
line-height: 24px;
font-size: 11px;
background: #000;
opacity: 0.9;
text-transform: uppercase;
z-index: 9999;
position: relative;
-moz-box-shadow: 1px 0px 2px #000;
-webkit-box-shadow: 1px 0px 2px #000;
box-shadow: 1px 0px 2px #000;
}
.btn-slide {
text-align: center;
margin: 0 auto;
display: block;
color: #ddd;
text-decoration: none;
}4. เปิดไฟล์ header_common.htm
เลื่อนไปบรรทัดสุดท้ายเคาะ Space bar 1 ครั้ง คัดลอกโค๊ดด้านล่างไปใส่
<script type="text/javascript" src="{$_G}jquery.min-1.4.js?{VERHASH}"></script>
<script type="text/javascript" src="{$_G}snowfall.jquery.js?{VERHASH}"></script>
<script type='text/javascript'>
$$(document).ready(function(){
//$$(document).snowfall();
$$('.snow').snowfall({flakeCount : 1000, maxSpeed : 10});
$$(".btn-slide").click(function(){
$$("#slidepanel").slideToggle("slow");
$$(this).toggleClass("active"); return false;
});
});
</script>5. เปิดไฟล์ header.htm
ใต้ tag <body> เคาะ Space bar 1 ครั้ง คัดลอกโค๊ดด้านล่างไปใส่<!--Start Slide-->
<div id="slidepanel" class="snow">
<!--Start Content-->
อยากใส่รูป ข้อความ อะไรใส่ได้ตรงนี้
<!--End Content-->
</div>
<p class="slide"><a href="#" class="btn-slide">Merry xmas & Happy new year 2012</a></p>
<!--End Slide--> ****สำรองข้อมูลก่อนแก้ไขไฟล์!!!!!****
6. บันทึกทั้งหมด
7. อัพเดทแคช
เสร็จเรียบร้อย
ตัวใครตัวมัน
****สำรองข้อมูลก่อนแก้ไขไฟล์!!!!!****
สำหรับใครอยากให้หิมะตกที่หน้าเวบด้วย (เวบใครดำๆ สวย)
ที่ไฟล์ header_common.htm
จาก//$$(document).snowfall();เปลี่ยนเป็น$$(document).snowfall();กำหนดความหนาแน่นของหิมะflakeCount : 1000ความเร็วmaxSpeed : 10 ขอบคุณครับ สุดยอดครับ แจ่ม sm946dz สวยดีครับ (ทำไมแชทใช้บ่อได้) ขอบคุณครับ ต้นฉบับโพสต์โดย Acer_Aspire เมื่อ 2011-12-24 19:07 static/image/common/back.gif
สวยดีครับ (ทำไมแชทใช้บ่อได้)
Google Chrome ครับผม เท่ สวดด^^ sm954dz ขอบคุณครับ ขอบคุณค่ะพี่โจ้ แต่หากเปลี่ยนสีก้อนหิมะใด้คงดี sm914dz ต้นฉบับโพสต์โดย kanzayo เมื่อ 2011-12-25 08:36 static/image/common/back.gif
ขอบคุณค่ะพี่โจ้ แต่หากเปลี่ยนสีก้อนหิมะใด้คงดี...
งั้นลองไปที่นี่ครับhttp://www.dynamicdrive.com/dynamicindex3/snow.htmเปลี่ยนสีหิมะตามสะดวก {:1_1:}
Merry Christmas ครับผม
หน้า:
[1]
2