دانلود لودر زیبا و جذاب

گلریزوب

مرجع اسکریپت و کد نویسی

محل نمایش تبلیغات شما محل نمایش تبلیغات شما محل نمایش تبلیغات شما محل نمایش تبلیغات شما

میزکار کاربری
Panel

عضویت سریع
نام کاربری
رمز عبور
تکرار رمز
ایمیل
کد تصویری
ورود کاربران
نام کاربری
رمز عبور

محصولات پر بازدید
Favorite Posts

لینک های سایت
Links

صفحات جداگانه
Extra Pages

آخرین محصولات
Recently Posts

آخرین نظرات کاربران
Recently Comments

amin
amin درتاریخ 1398/2/8 گفته :
این بک کلا نصب نمیشه کلا اررومیده من نصب کردم اررو سرور داد
dark day
dark day درتاریخ 1398/2/6 گفته :
عالی.
محسن
محسن درتاریخ 1398/2/6 گفته :
انتظار همه چی تمام بودن از بکاپ رایگان انتظار بی خودیه حتی اگرم برید بخرید نمی شه به هرکسی اطمینان کرد خلاصه این بکاپ ها دمو گروه طراحی هستن وقتی هم میزارنش اینجا واسه تبلیغه نه برای این نیست که باهاشون بشه چت روم ساخت
amin
amin درتاریخ 1398/2/5 گفته :
این بک رو ادعا کردن غیر قابل زدن هستش امنیت 100 درد ازشون خواستم بخرم گفتن 150 هزار خخخخ ولی امنیت پکشون معلوم شد صد در صد هستش خخخخخ
میثم
میثم درتاریخ 1398/2/3 گفته :
سلام چرا پیام عمومی و خصوصی ارسال نمیشه؟
آخرین ارسال های تالار گفتمان
هر آنچه که در انجمن در حال رخ داد است !

http://s7.picofile.com/file/8258706376/10.png

لینک دانلود:

http://s6.picofile.com/file/8258707168/loadernew_s1i2n3a4_loxblog_com.zip.html

نکته:

این لودر به صورت HTML و CSS میباشد که دارای رنگ بندی فوق العاده جذاب و شیک است.

 

سورس این لودر :

کد HTML :

<div class="crayon-pre"><div id="crayon-564556858fddd398069815-1" class="crayon-line"><span class="crayon-r ">&lt;div </span><span class="crayon-e ">class</span><span class="crayon-o">=</span><span class="crayon-s ">"container"</span><span class="crayon-r ">&gt;</span></div><div id="crayon-564556858fddd398069815-2" class="crayon-line crayon-striped-line"><span class="crayon-r ">&lt;div </span><span class="crayon-e ">class</span><span class="crayon-o">=</span><span class="crayon-s ">"loader10"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;/div&gt;</span></div><div id="crayon-564556858fddd398069815-3" class="crayon-line"><span class="crayon-r ">&lt;/div&gt;</span></div></div>

کدCSS :

</pre>
<div class="crayon-pre">
<div id="crayon-564556858fdec687779074-1" class="crayon-line"><span class="crayon-k ">body </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-2" class="crayon-line crayon-striped-line"><span class="crayon-e ">margin</span><span class="crayon-sy">:</span> <span class="crayon-i ">0</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-3" class="crayon-line"><span class="crayon-e ">padding</span><span class="crayon-sy">:</span> <span class="crayon-i ">0</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-4" class="crayon-line crayon-striped-line"><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-5" class="crayon-line"></div>
<div id="crayon-564556858fdec687779074-6" class="crayon-line crayon-striped-line"><span class="crayon-k ">.container </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-7" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-e ">text-align</span><span class="crayon-sy">:</span> <span class="crayon-i ">center</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-8" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">#e74c3c</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-9" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-e ">overflow</span><span class="crayon-sy">:</span> <span class="crayon-i ">hidden</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-10" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-e ">position</span><span class="crayon-sy">:</span> <span class="crayon-i ">absolute</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-11" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-e ">width</span><span class="crayon-sy">:</span> <span class="crayon-i ">100%</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-12" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-e ">height</span><span class="crayon-sy">:</span> <span class="crayon-i ">100%</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-13" class="crayon-line"><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-14" class="crayon-line crayon-striped-line"></div>
<div id="crayon-564556858fdec687779074-15" class="crayon-line"><span class="crayon-c">/* -------------- loader10 -------------- */</span></div>
<div id="crayon-564556858fdec687779074-16" class="crayon-line crayon-striped-line"></div>
<div id="crayon-564556858fdec687779074-17" class="crayon-line"><span class="crayon-k ">.loader10:before </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-18" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-e ">content</span><span class="crayon-sy">:</span> <span class="crayon-s">""</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-19" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-e ">position</span><span class="crayon-sy">:</span> <span class="crayon-i ">absolute</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-20" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-e ">top</span><span class="crayon-sy">:</span> <span class="crayon-i ">0px</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-21" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-e ">left</span><span class="crayon-sy">:</span> <span class="crayon-i ">-25px</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-22" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-e ">height</span><span class="crayon-sy">:</span> <span class="crayon-i ">12px</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-23" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-e ">width</span><span class="crayon-sy">:</span> <span class="crayon-i ">12px</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-24" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-e ">border-radius</span><span class="crayon-sy">:</span> <span class="crayon-i ">12px</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-25" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-e ">-webkit-animation</span><span class="crayon-sy">:</span> <span class="crayon-i ">loader10g</span> <span class="crayon-i ">3s</span> <span class="crayon-i ">ease-in-out</span> <span class="crayon-i ">infinite</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-26" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-e ">animation</span><span class="crayon-sy">:</span> <span class="crayon-i ">loader10g</span> <span class="crayon-i ">3s</span> <span class="crayon-i ">ease-in-out</span> <span class="crayon-i ">infinite</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-27" class="crayon-line"><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-28" class="crayon-line crayon-striped-line"></div>
<div id="crayon-564556858fdec687779074-29" class="crayon-line"><span class="crayon-k ">.loader10 </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-30" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-e ">position</span><span class="crayon-sy">:</span> <span class="crayon-i ">relative</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-31" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-e ">width</span><span class="crayon-sy">:</span> <span class="crayon-i ">12px</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-32" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-e ">height</span><span class="crayon-sy">:</span> <span class="crayon-i ">12px</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-33" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-e ">top</span><span class="crayon-sy">:</span> <span class="crayon-i ">46%</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-34" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-e ">left</span><span class="crayon-sy">:</span> <span class="crayon-i ">46%</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-35" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-e ">border-radius</span><span class="crayon-sy">:</span> <span class="crayon-i ">12px</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-36" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-e ">-webkit-animation</span><span class="crayon-sy">:</span> <span class="crayon-i ">loader10m</span> <span class="crayon-i ">3s</span> <span class="crayon-i ">ease-in-out</span> <span class="crayon-i ">infinite</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-37" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-e ">animation</span><span class="crayon-sy">:</span> <span class="crayon-i ">loader10m</span> <span class="crayon-i ">3s</span> <span class="crayon-i ">ease-in-out</span> <span class="crayon-i ">infinite</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-38" class="crayon-line crayon-striped-line"><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-39" class="crayon-line"></div>
<div id="crayon-564556858fdec687779074-40" class="crayon-line crayon-striped-line"><span class="crayon-k ">.loader10:after </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-41" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-e ">content</span><span class="crayon-sy">:</span> <span class="crayon-s">""</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-42" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-e ">position</span><span class="crayon-sy">:</span> <span class="crayon-i ">absolute</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-43" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-e ">top</span><span class="crayon-sy">:</span> <span class="crayon-i ">0px</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-44" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-e ">left</span><span class="crayon-sy">:</span> <span class="crayon-i ">25px</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-45" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-e ">height</span><span class="crayon-sy">:</span> <span class="crayon-i ">10px</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-46" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-e ">width</span><span class="crayon-sy">:</span> <span class="crayon-i ">10px</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-47" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-e ">border-radius</span><span class="crayon-sy">:</span> <span class="crayon-i ">10px</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-48" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-e ">-webkit-animation</span><span class="crayon-sy">:</span> <span class="crayon-i ">loader10d</span> <span class="crayon-i ">3s</span> <span class="crayon-i ">ease-in-out</span> <span class="crayon-i ">infinite</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-49" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-e ">animation</span><span class="crayon-sy">:</span> <span class="crayon-i ">loader10d</span> <span class="crayon-i ">3s</span> <span class="crayon-i ">ease-in-out</span> <span class="crayon-i ">infinite</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-50" class="crayon-line crayon-striped-line"><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-51" class="crayon-line"></div>
<div id="crayon-564556858fdec687779074-52" class="crayon-line crayon-striped-line"><span class="crayon-n">@-webkit-keyframes loader10g {</span></div>
<div id="crayon-564556858fdec687779074-53" class="crayon-line"><span class="crayon-n">  0% {</span></div>
<div id="crayon-564556858fdec687779074-54" class="crayon-line crayon-striped-line"><span class="crayon-n">    background-color: rgba(255, 255, 255, .2);</span></div>
<div id="crayon-564556858fdec687779074-55" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-56" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-k ">25% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-57" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">1</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-58" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-59" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-k ">50% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-60" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">.2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-61" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-62" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-k ">75% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-63" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">.2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-64" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-65" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-k ">100% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-66" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">.2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-67" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-68" class="crayon-line crayon-striped-line"><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-69" class="crayon-line"></div>
<div id="crayon-564556858fdec687779074-70" class="crayon-line crayon-striped-line"><span class="crayon-n">@keyframes loader10g {</span></div>
<div id="crayon-564556858fdec687779074-71" class="crayon-line"><span class="crayon-n">  0% {</span></div>
<div id="crayon-564556858fdec687779074-72" class="crayon-line crayon-striped-line"><span class="crayon-n">    background-color: rgba(255, 255, 255, .2);</span></div>
<div id="crayon-564556858fdec687779074-73" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-74" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-k ">25% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-75" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">1</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-76" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-77" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-k ">50% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-78" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">.2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-79" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-80" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-k ">75% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-81" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">.2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-82" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-83" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-k ">100% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-84" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">.2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-85" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-86" class="crayon-line crayon-striped-line"><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-87" class="crayon-line"></div>
<div id="crayon-564556858fdec687779074-88" class="crayon-line crayon-striped-line"><span class="crayon-n">@-webkit-keyframes loader10m {</span></div>
<div id="crayon-564556858fdec687779074-89" class="crayon-line"><span class="crayon-n">  0% {</span></div>
<div id="crayon-564556858fdec687779074-90" class="crayon-line crayon-striped-line"><span class="crayon-n">    background-color: rgba(255, 255, 255, .2);</span></div>
<div id="crayon-564556858fdec687779074-91" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-92" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-k ">25% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-93" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">.2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-94" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-95" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-k ">50% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-96" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">1</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-97" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-98" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-k ">75% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-99" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">.2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-100" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-101" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-k ">100% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-102" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">.2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-103" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-104" class="crayon-line crayon-striped-line"><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-105" class="crayon-line"></div>
<div id="crayon-564556858fdec687779074-106" class="crayon-line crayon-striped-line"><span class="crayon-n">@keyframes loader10m {</span></div>
<div id="crayon-564556858fdec687779074-107" class="crayon-line"><span class="crayon-n">  0% {</span></div>
<div id="crayon-564556858fdec687779074-108" class="crayon-line crayon-striped-line"><span class="crayon-n">    background-color: rgba(255, 255, 255, .2);</span></div>
<div id="crayon-564556858fdec687779074-109" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-110" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-k ">25% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-111" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">.2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-112" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-113" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-k ">50% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-114" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">1</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-115" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-116" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-k ">75% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-117" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">.2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-118" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-119" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-k ">100% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-120" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">.2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-121" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-122" class="crayon-line crayon-striped-line"><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-123" class="crayon-line"></div>
<div id="crayon-564556858fdec687779074-124" class="crayon-line crayon-striped-line"><span class="crayon-n">@-webkit-keyframes loader10d {</span></div>
<div id="crayon-564556858fdec687779074-125" class="crayon-line"><span class="crayon-n">  0% {</span></div>
<div id="crayon-564556858fdec687779074-126" class="crayon-line crayon-striped-line"><span class="crayon-n">    background-color: rgba(255, 255, 255, .2);</span></div>
<div id="crayon-564556858fdec687779074-127" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-128" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-k ">25% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-129" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">.2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-130" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-131" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-k ">50% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-132" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">.2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-133" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-134" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-k ">75% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-135" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">1</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-136" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-137" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-k ">100% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-138" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">.2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-139" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-140" class="crayon-line crayon-striped-line"><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-141" class="crayon-line"></div>
<div id="crayon-564556858fdec687779074-142" class="crayon-line crayon-striped-line"><span class="crayon-n">@keyframes loader10d {</span></div>
<div id="crayon-564556858fdec687779074-143" class="crayon-line"><span class="crayon-n">  0% {</span></div>
<div id="crayon-564556858fdec687779074-144" class="crayon-line crayon-striped-line"><span class="crayon-n">    background-color: rgba(255, 255, 255, .2);</span></div>
<div id="crayon-564556858fdec687779074-145" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-146" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-k ">25% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-147" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">.2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-148" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-149" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-k ">50% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-150" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">.2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-151" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-152" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-k ">75% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-153" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">1</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-154" class="crayon-line crayon-striped-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-155" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-k ">100% </span><span class="crayon-sy">{</span></div>
<div id="crayon-564556858fdec687779074-156" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-e ">background-color</span><span class="crayon-sy">:</span> <span class="crayon-i ">rgba</span><span class="crayon-sy">(</span><span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">255,</span> <span class="crayon-i ">.2</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-564556858fdec687779074-157" class="crayon-line"><span class="crayon-h">  </span><span class="crayon-sy">}</span></div>
<div id="crayon-564556858fdec687779074-158" class="crayon-line crayon-striped-line"><span class="crayon-sy">}</span></div>
</div>
<pre class="">

طراحی چت روم

دسته : آموزش ها(غیر از ای تی چت) , ,
می پسندم نمی پسندم
تاریخ : چهار شنبه 14 / 4 / 1395 ساعت : 20:12
نظرات
نظرات مرتبط با این پست
برای دیدن نظرات بیشتر روی شماره صفحات در زیر کلیک کنید
نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه:







درباره سایت
About Us

سلام دوستان گلم خوش امدید لحظات خوشی را برای شما ارزومند هستیم امیدوارم از مطالب ما استفادهی کافی رو برده باشید
دسترسی آسان
Easy Access
آمار سایت
Statistics
تعداد مطالب : 2041
تعداد نظرات : 3905
تعداد کاربران : 1644
امروز :
تعداد اعضای سایت : 1644
تعداد اعضای آنلاین : 6
بازدید امروز : 419
بازدید دیروز : 23
بازدید هفته : 28082
بازدید ماه : 164898
بازدید سال : 1130511
بازدید کل : 10889591
نویسندگان
Author
امکانات وب
Codes

خبرنامه وب سایت: