صفحه ۴۰۴ متحرک-بانس

صفحه ۴۰۴ متحرک-بانس صفحه ۴۰۴ جدیدمون به نام بانس که نوشته های درون قالب به صورت متحرک شده و به بالا و پایین حرکت میکنند.این قالب زیبا را میتوانید به جای قالب ۴۰۴ فعلی سایت و یا وبلاگ خود قرار داده و از یک صفحه زیبا برای صفحاتی که موجود نیست و یا حذف شد به نمایش در خواهد امد.امیدوارم از این قالب زیبا خوشتون اومده باشه.

برای درک هر چه بهتر دمو قالب را مشاهده نمایید.

صفحه 404 متحرک-بانس
صفحه ۴۰۴ متحرک-بانس

[button link=”http://dl.codebazan.ir/uploads/1534637979.html” align=”right” radius=”5″ icon=”momizat-icon-eye2″]دمو قالب[/button]

کد زیر را کپی و جایگزین قالب ۴۰۴ قالب خود نمایید.

<style>@-webkit-keyframes codebazanbonct { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}40% {-webkit-transform: translateY(-30px);} 
۶۰% {-webkit-transform: translateY(-15px);} 
}@keyframes codebazanbonct { 
۰%, ۲۰%, ۵۰%, ۸۰%, ۱۰۰% {transform: translateY(0);}40% {transform: translateY(-30px);} 
۶۰% {transform: translateY(-15px);} 
} 
.codebazanbonct { 
-webkit-animation-name: codebazanbonct; 
animation-name: codebazanbonct; 
}
.left a , #cover a {color:#2ca5e0}
.bonc{float:none;max:308px;margin:80px auto 50px auto;
 -webkit-animation-duration: 5s; 
    animation-duration: 5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: linear; 
    animation-timing-function: linear; 
    animation-iteration-count:infinite; 
    -webkit-animation-iteration-count:infinite; }
A { text-decoration: none;
text-shadow: 0 0 1px #66ff66;
color:red;
 }
    body {
    background-image: url('https://dl.codebazan.ir/uploads/1523402853.png');
    background-attachment: fixed;
    

background-repeat: no-repeat;
    background-size: cover;
direction:rtl;text-align:right;
    }
</style>



<body oncontextmenu="return false;" onkeydown="return false;" 

onmousedown="return false;" style="background-image: url

('http://samruddhiindia.com/img/source.gif'); background-repeat: 

repeat; background-position: center; background-attachment: fixed;" 

bgcolor="black"><html><head><title>404-صفحه یافت نشد!</title></head><body>
 
 

<div class="bonc codebazanbonct">
<center style="margin-top:150px;">
  <font size="11" face=" One" 

style="text-shadow: 0 0 50px #330033"><b>صفحه مورد نظر شما وجود ندارد یا حذف شده است!</font>
  
 
<center style="margin-top:90px;">
<img src="https://dl.codebazan.ir/uploads/1517892891.png" width="200" alt="کدبازان۴۰۴" />
<br><br><br>
 <font size="5" 
face=" One" style="text-shadow: 0 0 50px #330033">
<strong>
<a href="https://codebazan.ir/">|برگشت به سایت|</a> 
<a href="https://codebazan.ir/">|تماس با ما|</a>
<a href="https://codebazan.ir/">|انجمن|</a>
<a href="https://codebazan.ir/">|کدبازان|</a>
</font><br><br><br>

<font color="#000000" size="4" face=" One" style="text-shadow: 0 0 20px 
#FFFFFF;"><a href="mailto:info@codebazan.ir">info@codebazan.ir</a></font>
</center></body></html>

برای ویرایش قالب میتوانید کد قالب را در ابزار پیش نمایش کدبازان قرار داده و ان را به دلخواه ویرایش نمایید.

[button link=”https://codebazan.ir/Tools/editor_v2/” align=”right” radius=”5″ icon=”momizat-icon-eye”]ابزار پیش نمایش کدبازان[/button]

.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *