• هاست سان
  • با خرید اشتراک ویژه شما میتوانید جدیدترین آپدیت افزونه ها و قالب های زیبا و پرکاربرد زنفورو را دریافت کنید!

    هر ماه یک کد تخفیف 60 درصدی محصولات فروشگاه به کاربران منتخب بخش ویژه اهدا می‌شود

آموزش افزودن جلوه‌ی برفی به انجمن

وضعیت
موضوع بسته شده است و نمی‌توان پاسخ جدیدی فرستاد.
سلام
برای افزودن جلوه‌ی برفی به انجمن

وارد صفحه مدیریت مدیرکل شوید و سپس :
  1. شکل و ظاهر
  2. استایل ها و الگوها
  3. الگوها
و دنبال الگوی PAGE_CONTAINER می گردیم و درون آن کد زیر را جستجو می کنیم:

کد:
<head>
و در زیر آن ، کد پایینی را قرار دهید:
کد:
<!-- SNOW PARTICLES -->
    <style>
.editor-stage .snow {
  height:50px;
  background: #fff;
}
.snow{
  position:fixed;
  pointer-events:none;
  top:0;
  left:0;
  right:0;
  bottom:0;
  height:100vh;
  background: none;
  background-image: url('https://s3-eu-west-1.amazonaws.com/static-ressources/s1.png'), url('https://s3-eu-west-1.amazonaws.com/static-ressources/s2.png'), url('https://s3-eu-west-1.amazonaws.com/static-ressources/s3.png');
  z-index:100;
  -webkit-animation: snow 10s linear infinite;
  -moz-animation: snow 10s linear infinite;
  -ms-animation: snow 10s linear infinite;
  animation: snow 10s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
</style>
<!-- END OF SNOW PARTICLES -->
و در ادامه به پایین الگوی PAGE_CONTAINOR بروید و کد زیر را آنجا قرار دهید.
کد:
<div class="snow" />

نتیجه:

HLhmiwzv.gif
089x_hlhmiwzv.gif
 
چه جالب ولی چرا توی موبایل درنمیاد؟
 
  • لایک
واکنش‌ها[ی پسندها]: Telma_<
چه جالب ولی چرا توی موبایل درنمیاد؟
تو موبایل هم نشون میده
شاید نسخه‌ی مرورگر موبایلتون قدیمیه.
این تصاویر برفی رنگ سفیده. اگر انجمنتون هم یه تمی باشه که اکثراً سفید باشه ، درست دیده نمیشه.
 
وضعیت
موضوع بسته شده است و نمی‌توان پاسخ جدیدی فرستاد.

موضوعات مشابه

پاسخ‌ها
2
بازدیدها
518
پاسخ‌ها
2
بازدیدها
624
عقب
بالا