Discuz Thai

 ลืมรหัสผ่าน
 สมัครสมาชิก

ข้อตกลงการใช้งานกระดานข่าวดิสคัสไทย DiscuzThai Agreement (English Version) ประกาศดิสคัสไทย - ทำเนียบดิสคัสภาษาไทย

Discuz! X3.5 Thai R20240520 Rev.9 (NEW) [วิดีโอช่วยสอน] อัปเกรด Discuz! X3.4 เป็น X3.5 Discord ของ Discuz! Thai Community อย่างเป็นทางการ

Discuz! X3.4 Thai R20220811 (REV.75) สิ้นสุดการสนับสนุน Discuz! X3.4 ภาษาไทยตั้งแต่วันนี้เป็นต้นไป (ขอแนะนำให้อัปเกรดเป็น X3.5 แทน)

ค้นหา
แท็กยอดนิยม: ดิสคัสภาษาไทย Discuz Thai
ดู: 5302|ตอบกลับ: 18

[Javascript] Jquery Snowfall Plugin 1.4 บนดิสคัสไทย

    [คัดลอกลิงก์]
acaz โพสต์ 2011-12-24 18:58:15 |โหมดอ่าน
ใครเห็นแถบดำๆข้างบนที่มีข้อความว่า "Merry xmas & Happy new year 2012"
มันคลิ๊กได้นะครับ ไปคลิ๊กดู

ก่อนคลิ๊ก


ลองไปคลิ๊ก



นั้นแหละครับเป็นแบบนี้

Jquery Snowfall Plugin 1.4 เอามาจาก
  1. http://www.somethinghitme.com/2010/12/09/jquery-snowfall-plugin-1-4/
คัดลอกไปที่คลิปบอร์ด
วิธีทำครับ

1. ดาวน์โหลดไปครับ แตกไฟล์ อัพโหลดขึ้นไปตามตำแหน่งต้นฉบับ


2. FTP เข้าไปที่โฟเดอร์ template/default/common

****สำรองข้อมูลก่อนแก้ไขไฟล์!!!!!****
3. เปิดไฟล์ common.css
เลื่อนไปบรรทัดสุดท้ายเคาะ Space bar 1 ครั้ง คัดลอกโค๊ดด้านล่างไปใส่
  1. /* Sliding panel*/
  2. #slidepanel {
  3.         background:#f9f9f9 url({IMGDIR}/Snow_Man_1600x700.jpg) repeat top left;
  4.         height: 620px;
  5.         width: 100%;
  6.         color: #333;
  7.         font-family: 'Oswald', Arial, sans-serif;
  8.         font-size: 13px;
  9.         display: none;
  10. }

  11. .slide {
  12.         font-family:'Arial Narrow', Arial, sans-serif;
  13.         line-height: 24px;
  14.         font-size: 11px;
  15.         background: #000;
  16.         opacity: 0.9;
  17.         text-transform: uppercase;
  18.         z-index: 9999;
  19.         position: relative;
  20.         -moz-box-shadow: 1px 0px 2px #000;
  21.         -webkit-box-shadow: 1px 0px 2px #000;
  22.         box-shadow: 1px 0px 2px #000;
  23. }

  24. .btn-slide {
  25.         text-align: center;
  26.         margin: 0 auto;
  27.         display: block;
  28.         color: #ddd;
  29.         text-decoration: none;
  30. }
คัดลอกไปที่คลิปบอร์ด
4. เปิดไฟล์ header_common.htm
เลื่อนไปบรรทัดสุดท้ายเคาะ 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>
5. เปิดไฟล์ header.htm
ใต้ tag <body> เคาะ Space bar 1 ครั้ง คัดลอกโค๊ดด้านล่างไปใส่
  1. <!--Start Slide-->
  2. <div id="slidepanel" class="snow">
  3. <!--Start Content-->
  4. อยากใส่รูป ข้อความ อะไรใส่ได้ตรงนี้
  5. <!--End Content-->
  6.         </div>
  7.         <p class="slide"><a href="#" class="btn-slide">Merry xmas & Happy new year 2012</a></p>
  8. <!--End Slide-->       
คัดลอกไปที่คลิปบอร์ด
****สำรองข้อมูลก่อนแก้ไขไฟล์!!!!!****
6. บันทึกทั้งหมด

7. อัพเดทแคช

เสร็จเรียบร้อย

ตัวใครตัวมัน
****สำรองข้อมูลก่อนแก้ไขไฟล์!!!!!****


สำหรับใครอยากให้หิมะตกที่หน้าเวบด้วย (เวบใครดำๆ สวย)
ที่ไฟล์ header_common.htm
จาก
//$$(document).snowfall();
เปลี่ยนเป็น
$$(document).snowfall();
กำหนดความหนาแน่นของหิมะ
  1. flakeCount : 1000
คัดลอกไปที่คลิปบอร์ด
ความเร็ว
  1. maxSpeed : 10
คัดลอกไปที่คลิปบอร์ด

ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

คุณจำเป็นต้อง ลงชื่อเข้าใช้ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? สมัครสมาชิก

x

คะแนน

จำนวนผู้เข้าร่วม 5จิตพิศัย +5 ย่อ เหตุผล
maxalate + 1 โดนใจให้ทิป
therightkung + 1 โดนใจให้ทิป
binknon + 1 โดนใจให้ทิป
joeyman001 + 1
-[E]xSoMax[Z]- + 1 โดนใจให้ทิป

ดูบันทึกคะแนน

ฅนไทย โพสต์ 2011-12-24 19:05:36
ขอบคุณครับ
-[E]xSoMax[Z]- โพสต์ 2011-12-24 19:06:19
สุดยอดครับ แจ่ม
Acer_Aspire โพสต์ 2011-12-24 19:07:36
สวยดีครับ (ทำไมแชทใช้บ่อได้)

แสดงความคิดเห็น

ใช้บราวเซอร์อะไรครับ  โพสต์ 2011-12-24 19:13
GamesThai โพสต์ 2011-12-24 19:11:58
ขอบคุณครับ
Acer_Aspire โพสต์ 2011-12-24 19:16:20
ต้นฉบับโพสต์โดย Acer_Aspire เมื่อ 2011-12-24 19:07
สวยดีครับ (ทำไมแชทใช้บ่อได้)

Google Chrome ครับผม

แสดงความคิดเห็น

Chrome เหมือนกันครับ for mac ลองเปลี่ยน บราวเซอร์ดูครับ FF ใช้ได้แน่นอน  โพสต์ 2011-12-24 19:18
nanglovepoy โพสต์ 2011-12-24 20:49:58
เท่ สวดด^^
princekoong โพสต์ 2011-12-25 02:47:48
ขอบคุณครับ
kanzayo โพสต์ 2011-12-25 08:36:36
ขอบคุณค่ะพี่โจ้ แต่หากเปลี่ยนสีก้อนหิมะใด้คงดี
 เจ้าของ| acaz โพสต์ 2011-12-25 10:49:38
ต้นฉบับโพสต์โดย kanzayo เมื่อ 2011-12-25 08:36
ขอบคุณค่ะพี่โจ้ แต่หากเปลี่ยนสีก้อนหิมะใด้คงดี  ...

งั้นลองไปที่นี่ครับ
  1. http://www.dynamicdrive.com/dynamicindex3/snow.htm
คัดลอกไปที่คลิปบอร์ด
เปลี่ยนสีหิมะตามสะดวก

Merry Christmas ครับผม

แสดงความคิดเห็น

ขอบคุณค่ะพี่โจ้  โพสต์ 2011-12-25 13:33
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | สมัครสมาชิก

รายละเอียดเครดิต

รายชื่อผู้กระทำผิด|Archiver|ดิสคัส ไทย Follow us: Become a fan on facebook. Follow us on Twitter.

GMT+7, 2024-12-22 08:25

Powered by Discuz! X3.4, Rev.66

Copyright © 2001-2021 Tencent Cloud. Licensed

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้