کدهای نوروزی برای وبلاگ 🎉🌸🌈

 

با وجود کرونا و کلی مشکلات دیگه هنوزم میشه شاد بود و از این روزای خوب لذت برد 

چندتا کد نوروزی واستون گذاشتم اگه دوس داشتید استفاده کنید

عیدتونم پیشاپیش مبارک !!!

 

 

 

بارش عیدت مبارک 

در منوی قالب "ویرایش ساختار فعلی" را بزنید و کد زیر رو در پایین کدهای قالبتون قبل از </body> کپی کنید 

 

<!--------عید مبارک-----------> <div class="eedLeaves"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> </div> <!--------عید مبارک/----------->

 

سپس به بخش "ویرایش css قالب فعلی" برید و یکی از کدهای زیر رو باتوجه به رنگ مورد نظرتون انتخاب و در آخرین خط کدهای قالبتون اضافه کنید

 

 

/************ شروع کد عید ****************/ .eedLeaves { text-align: center; position: fixed; width: 100%; height: 100vh; top: 0px; pointer-events: none; z-index: 9999999999; } .eedLeaves span { display: inline-block; width:120px; height: 120px; margin: -280px 40px 54px -34px; background: url(https://bayanbox.ir/view/8754580096020762951/%DA%A9.png); background-size: 80px; background-repeat: no-repeat; -webkit-animation: eedLeaves 10s infinite linear; -moz-animation: eedLeaves 10s infinite linear; } .eedLeaves span:nth-child(5n+5) { -webkit-animation-delay: 1.3s; -moz-animation-delay: 1.3s; } .eedLeaves span:nth-child(3n+2) { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; } .eedLeaves span:nth-child(2n+5) { -webkit-animation-delay: 1.7s; -moz-animation-delay: 1.7s; } .eedLeaves span:nth-child(3n+10) { -webkit-animation-delay: 2.7s; -moz-animation-delay: 2.7s; } .eedLeaves span:nth-child(7n+2) { -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; } .eedLeaves span:nth-child(4n+5) { -webkit-animation-delay: 5.5s; -moz-animation-delay: 5.5s; } .eedLeaves span:nth-child(3n+7) { -webkit-animation-delay: 8s; -moz-animation-delay: 8s; } @-webkit-keyframes eedLeaves { 0% { opacity: 1; -webkit-transform: translate(0, 0px) rotateZ(0deg); } 75% { opacity: 1; -webkit-transform: translate(100px, 600px) rotateZ(270deg); } 100% { opacity: 0; -webkit-transform: translate(150px, 800px) rotateZ(360deg); } } @-moz-keyframes eedLeaves { 0% { opacity: 1; -webkit-transform: translate(0, 0px) rotateZ(0deg); } 75% { opacity: 1; -webkit-transform: translate(100px, 600px) rotateZ(270deg); } 100% { opacity: 0; -webkit-transform: translate(150px, 800px) rotateZ(360deg); } } .eedLeaves span:nth-child(3n) { background: url(http://bayanbox.ir/view/7638067417372580080/hiclipart.com-1.png); display: inline-block; width: 80px; height: 80px; background-size: 30px; background-repeat: no-repeat; } /******************* پایان کد عید*****************/

/************ شروع کد عید ****************/ .eedLeaves { text-align: center; position: fixed; width: 100%; height: 100vh; top: 0px; pointer-events: none; z-index: 9999999999; } .eedLeaves span { display: inline-block; width:120px; height: 120px; margin: -280px 40px 54px -34px; background: url(https://bayanbox.ir/view/6308071549320474917/%DA%A9-4-1.png); background-size: 80px; background-repeat: no-repeat; -webkit-animation: eedLeaves 10s infinite linear; -moz-animation: eedLeaves 10s infinite linear; } .eedLeaves span:nth-child(5n+5) { -webkit-animation-delay: 1.3s; -moz-animation-delay: 1.3s; } .eedLeaves span:nth-child(3n+2) { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; } .eedLeaves span:nth-child(2n+5) { -webkit-animation-delay: 1.7s; -moz-animation-delay: 1.7s; } .eedLeaves span:nth-child(3n+10) { -webkit-animation-delay: 2.7s; -moz-animation-delay: 2.7s; } .eedLeaves span:nth-child(7n+2) { -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; } .eedLeaves span:nth-child(4n+5) { -webkit-animation-delay: 5.5s; -moz-animation-delay: 5.5s; } .eedLeaves span:nth-child(3n+7) { -webkit-animation-delay: 8s; -moz-animation-delay: 8s; } @-webkit-keyframes eedLeaves { 0% { opacity: 1; -webkit-transform: translate(0, 0px) rotateZ(0deg); } 75% { opacity: 1; -webkit-transform: translate(100px, 600px) rotateZ(270deg); } 100% { opacity: 0; -webkit-transform: translate(150px, 800px) rotateZ(360deg); } } @-moz-keyframes eedLeaves { 0% { opacity: 1; -webkit-transform: translate(0, 0px) rotateZ(0deg); } 75% { opacity: 1; -webkit-transform: translate(100px, 600px) rotateZ(270deg); } 100% { opacity: 0; -webkit-transform: translate(150px, 800px) rotateZ(360deg); } } .eedLeaves span:nth-child(3n) { background: url(http://bayanbox.ir/view/7638067417372580080/hiclipart.com-1.png); display: inline-block; width: 80px; height: 80px; background-size: 30px; background-repeat: no-repeat; } /******************* پایان کد عید*****************/

/************ شروع کد عید ****************/ .eedLeaves { text-align: center; position: fixed; width: 100%; height: 100vh; top: 0px; pointer-events: none; z-index: 9999999999; } .eedLeaves span { display: inline-block; width:120px; height: 120px; margin: -280px 40px 54px -34px; background: url(https://bayanbox.ir/view/1114648510108112350/%DA%A9-1.png); background-size: 80px; background-repeat: no-repeat; -webkit-animation: eedLeaves 10s infinite linear; -moz-animation: eedLeaves 10s infinite linear; } .eedLeaves span:nth-child(5n+5) { -webkit-animation-delay: 1.3s; -moz-animation-delay: 1.3s; } .eedLeaves span:nth-child(3n+2) { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; } .eedLeaves span:nth-child(2n+5) { -webkit-animation-delay: 1.7s; -moz-animation-delay: 1.7s; } .eedLeaves span:nth-child(3n+10) { -webkit-animation-delay: 2.7s; -moz-animation-delay: 2.7s; } .eedLeaves span:nth-child(7n+2) { -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; } .eedLeaves span:nth-child(4n+5) { -webkit-animation-delay: 5.5s; -moz-animation-delay: 5.5s; } .eedLeaves span:nth-child(3n+7) { -webkit-animation-delay: 8s; -moz-animation-delay: 8s; } @-webkit-keyframes eedLeaves { 0% { opacity: 1; -webkit-transform: translate(0, 0px) rotateZ(0deg); } 75% { opacity: 1; -webkit-transform: translate(100px, 600px) rotateZ(270deg); } 100% { opacity: 0; -webkit-transform: translate(150px, 800px) rotateZ(360deg); } } @-moz-keyframes eedLeaves { 0% { opacity: 1; -webkit-transform: translate(0, 0px) rotateZ(0deg); } 75% { opacity: 1; -webkit-transform: translate(100px, 600px) rotateZ(270deg); } 100% { opacity: 0; -webkit-transform: translate(150px, 800px) rotateZ(360deg); } } .eedLeaves span:nth-child(3n) { background: url(http://bayanbox.ir/view/7638067417372580080/hiclipart.com-1.png); display: inline-block; width: 80px; height: 80px; background-size: 30px; background-repeat: no-repeat; } /******************* پایان کد عید*****************/

/************ شروع کد عید ****************/ .eedLeaves { text-align: center; position: fixed; width: 100%; height: 100vh; top: 0px; pointer-events: none; z-index: 9999999999; } .eedLeaves span { display: inline-block; width:120px; height: 120px; margin: -280px 40px 54px -34px; background: url(https://bayanbox.ir/view/5838047612633641934/%DA%A9-3.png); background-size: 80px; background-repeat: no-repeat; -webkit-animation: eedLeaves 10s infinite linear; -moz-animation: eedLeaves 10s infinite linear; } .eedLeaves span:nth-child(5n+5) { -webkit-animation-delay: 1.3s; -moz-animation-delay: 1.3s; } .eedLeaves span:nth-child(3n+2) { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; } .eedLeaves span:nth-child(2n+5) { -webkit-animation-delay: 1.7s; -moz-animation-delay: 1.7s; } .eedLeaves span:nth-child(3n+10) { -webkit-animation-delay: 2.7s; -moz-animation-delay: 2.7s; } .eedLeaves span:nth-child(7n+2) { -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; } .eedLeaves span:nth-child(4n+5) { -webkit-animation-delay: 5.5s; -moz-animation-delay: 5.5s; } .eedLeaves span:nth-child(3n+7) { -webkit-animation-delay: 8s; -moz-animation-delay: 8s; } @-webkit-keyframes eedLeaves { 0% { opacity: 1; -webkit-transform: translate(0, 0px) rotateZ(0deg); } 75% { opacity: 1; -webkit-transform: translate(100px, 600px) rotateZ(270deg); } 100% { opacity: 0; -webkit-transform: translate(150px, 800px) rotateZ(360deg); } } @-moz-keyframes eedLeaves { 0% { opacity: 1; -webkit-transform: translate(0, 0px) rotateZ(0deg); } 75% { opacity: 1; -webkit-transform: translate(100px, 600px) rotateZ(270deg); } 100% { opacity: 0; -webkit-transform: translate(150px, 800px) rotateZ(360deg); } } .eedLeaves span:nth-child(3n) { background: url(http://bayanbox.ir/view/7638067417372580080/hiclipart.com-1.png); display: inline-block; width: 80px; height: 80px; background-size: 30px; background-repeat: no-repeat; } /******************* پایان کد عید*****************/

 

 

 

 

 

 

 

بنر های نوروزی

میتونید یکی از کدهای زیر رو کپی و به بخش ویرایش ساختار قالب فعلی برید و در انتهاش قبل از body کپی کنید 

 

یا مقلب القلوب و الابصار <div id="banner_new_year" style="position: fixed; right:0px;top:0px;z-index:2 "> <a href="http://bayan-tools.blog.ir" title="ابزار بیان - کد وبلاگ"><img src="http://www.reiran.com/monasebat/noroz/r-4.gif" border="0"/></a> </div>	هر روزتان نوروز - نوروزتان پیروز <div id="banner_new_year" style="position: fixed; right:0px;top:0px;z-index:2 "> <a href="http://bayan-tools.blog.ir" title="ابزار بیان - کد وبلاگ"><img src="http://www.reiran.com/monasebat/noroz/r-6.gif" border="0"/></a> </div>
یا مقلب القلوب و الابصار <div id="banner_new_year" style="position: fixed; left:0px;top:0px;z-index:2 "> <a href="http://bayan-tools.blog.ir" title="ابزار بیان - کد وبلاگ"><img src="http://www.reiran.com/monasebat/noroz/l-1.gif" border="0"/></a> </div>	<div id="banner_new_year"> <a href="http://bayan-tools.blog.ir" title="ابزار بیان - کد وبلاگ"><img src="http://bayanbox.ir/view/6588818605251008781/banner-el-2.png" style="position: fixed;bottom: 0;width: 170px;z-index: 999;right: 16px;" /></a> </div>