به نام خدا

در این پست روش استفاده از پلاگینی استفاده می کنیم که امکان ایجاد لودینگ متحرک را به پنج شکل مختلف به ما می دهد. می توانید این پلاگین را از اینجا دانلود نمایید. و همچنین پیش نمایش (دموی ) آن را ببینید.

 

روش کار به این صورت است که ابتدا کد زیر را در بین تگ باز و بسته head می نویسیم.

<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
		<script src="js/modernizr.custom.63321.js"></script>
		<!--[if lte IE 9]><style>.main{display:none;} .support-note .note-ie{display:block;}</style><![endif]-->

 

سپس کدهای زیر را در بین تگ body می نویسید.

<h1><a href="http://www.tarahsite.net" > طراح سایت - www.tarahsite.net </a></h1>
				<h2>Creative <strong>CSS Loading Animations</strong></h2>
				<h2>Toggling sphere</h2>
				
				<nav class="codrops-demos">
					<a class="current-demo" href="index.html">نمونه ۱</a>
					<a href="index2.html">نمونه ۲</a>
					<a href="index3.html">نمونه ۳</a>
					<a href="index4.html">نمونه ۴</a>
					<a href="index5.html">نمونه ۵</a>
				</nav>

 

برای دانلود فایل واردشوید
ورود ثبت نام
برچسب ها :

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

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

Time limit is exhausted. Please reload CAPTCHA.