- เครดิต
- 5095
- เพื่อน
- ทักทาย
- บล็อก
- อัลบั้ม
- โพสต์
- กระทู้
- แชร์
- สำคัญ
- สิทธิ์อ่าน
- 200
- จำนวนผู้ติดตาม
- จำนวนผู้กำลังติดตาม
- เพศ
- ไม่บอก
|
ใครเห็นแถบดำๆข้างบนที่มีข้อความว่า "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;
- }
เลื่อนไปบรรทัดสุดท้ายเคาะ Space bar 1 ครั้ง คัดลอกโค๊ดด้านล่างไปใส่
<script type="text/javascript" src="{$_G[setting][jspath]}jquery.min-1.4.js?{VERHASH}"></script>
<script type="text/javascript" src="{$_G[setting][jspath]}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>
ใต้ 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(); |
ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง
คุณจำเป็นต้อง ลงชื่อเข้าใช้ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? สมัครสมาชิก
x
คะแนน
-
ดูบันทึกคะแนน
|
|
|
|
|
|
|
|
|
[คัดลอกลิงก์]
โพสต์ 2011-12-24 19:07:36
|
โพสต์ 2011-12-25 10:49:38
ดู IP
ค้นหาสมาชิก
ดันกระทู้
ปักหมุด
ล๊อคกระทู้
ปลดล๊อคกระทู้
การ์ดสีสัน
ตอบกลับคนแรก
เลื่อนกระทู้ให้อยู่ที่ 1
การ์ดล่องหน
