วิธีตกแต่งวันคริสมาสต์ให้กับ template default หรือ Discuz.in.th

popiazaza

1. Effect Snow (Credit: https://embed.im/snow)

อันนี้ใช้ได้กับทุก template เลย

AdminCP > ทั่วไป > โค้ดสถิติสำหรับเว็บไซต์

ใส่โค้ดข้างล่างเพิ่มเข้าไปต่อจากโค้ดที่มีอยู่เดิม (ถ้ามี) แล้วกดปุ่ม บันทึก

1. <script>var embedimSnow=document.getElementById("embedim--snow");if(!embedimSnow){let embRand2=function(min,max){return Math.floor(Math.random()*(max-min+1))+min},embRandColor2=function(){var items=["radial-gradient(circle at top left,#dcf2fd,#60b4f2)","#dbf2fd","#d8f8ff","#b8ddfa"];var item=items[Math.floor(Math.random()*items.length)];return item};var embRand=embRand2,embRandColor=embRandColor2;var embCSS=".embedim-snow{position: absolute;width: 10px;height: 10px;background: white;border-radius: 50%;margin-top:-10px}";var embHTML="";for(i=1;i<200;i++){embHTML+='<i class="embedim-snow"></i>';var rndX=embRand2(0,1e6)*1e-4,rndO=embRand2(-1e5,1e5)*1e-4,rndT=(embRand2(3,8)*10).toFixed(2),rndS=(embRand2(0,1e4)*1e-4).toFixed(2);embCSS+=".embedim-snow:nth-child("+i+"){background:"+embRandColor2()+";opacity:"+(embRand2(1,1e4)*1e-4).toFixed(2)+";transform:translate("+rndX.toFixed(2)+"vw,-10px) scale("+rndS+");animation:fall-"+i+" "+embRand2(10,30)+"s -"+embRand2(0,30)+"s linear infinite}@keyframes fall-"+i+"{"+rndT+"%{transform:translate("+(rndX+rndO).toFixed(2)+"vw,"+rndT+"vh) scale("+rndS+")}to{transform:translate("+(rndX+rndO/2).toFixed(2)+"vw, 105vh) scale("+rndS+")}}"}embedimSnow=document.createElement("div");embedimSnow.id="embedim--snow";embedimSnow.innerHTML="<style>#embedim--snow{position:fixed;left:0;top:0;bottom:0;width:100vw;height:100vh;overflow:hidden;z-index:9999999;pointer-events:none}"+embCSS+"</style>"+embHTML;document.body.appendChild(embedimSnow)}</script>

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

หากต้องการเอาออก ก็เข้าไปที่เดิมแล้วลบโค้ดที่เคยเพิ่มออกไป แล้วกดปุ่ม บันทึก

2. ปรับโทนสี Template default หรือ Discuz.in.th ให้เป็นสีแดง-เขียว

AdminCP > รูปแบบ > จัดการสกิน > กดปุ่ม แก้ไข ข้างล่างสกินที่กำลังใช้งานอยู่

แก้ไขข้อมูลดังต่อไปนี้

พื้นหลังของหน้า {BGCOLOR},{BGCODE}:

1. #FEE

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

สีพื้นหลังเมนู {MENUBGCOLOR},{MENUBGCODE}:

1. #CD2B2B

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

สีพื้นหลังเมนูปัจจุบัน {MENUCURBGCOLOR},{MENUCURBGCODE}:

1. #299B00

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

เน้นสีพื้นหลังเมนู {MENUHOVERBGCOLOR},{MENUHOVERBGCODE}:

1. #1C6800

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

จากนั้นกดปุ่ม บันทึก

หากต้องการแสดงให้เป็นสีเดิม สามารถเข้าคืนค่าให้เป็นสีเดิมได้โดยการเข้าไปที่ AdminCP > รูปแบบ > จัดการสกิน > กดปุ่ม กู้คืน ข้าวล่างสกินที่กำลังใช้งานอยู่