ثبت نام

نمادها

logo-samandehi

در خدمت شما هستیم با آموزش ساخت آیکن متحرک برای سایت

آموزش ساخت آیکن متحرک برای سایت به کمک گلیف آیکن و بدون استفاده از تصویر است

سلام برنامه برای طراحی این آیکن های انیمیشنی از آیکن های سایت font awesome بهره میگیرد

تا قبل از این برای استفاده از این آیکن ها از روش خود سایت و از تگ <i> استفاده میکردیم

اما در این آموزش از Unicode های آن استفاده می کنیم

 

برای ساخت آیکن های انیمیشنی ابتدا باید فایل css سایت font awesome را اضافه کنیم

برای این کار کافیست کد زیر را در head سایت خود قرار دهید

سپس کد زیر را به body خود اضافه کنید

و در نهایت کد های جاوا اسکریپت  زیر را به بعد از کد های html خود آیکن اضافه کنید

در کد بالا  “&#xf240;”  دستور unicode آیکن ما است

کار ساخت آیکن متحرک تمام است

 

همچنین می توانید برای مشاهده جزئیات بیشتر ویدیو آموزش را همراه با سورس کد دریافت کنید

ویدیو آموزش در باکس دانلود زیر همین پست موجود است

این مجموعه فایل rar است که برای باز کردن آن نیاز به نرم افزار Winrar می باشد

دانلود آموزش ساخت آیکن متحرک برای سایت و سورس کد ها : نوع فایل:rar/video/code حجم فایل:24.76 مگابایت

بعد از اکسترکت (extract) کردن فایل ها آن را با یک پلیر تصویری ببینید

پاسخ دهید

%u0637%u0631%u0627%u062D%u06CC %u0633%u0627%u06CC%u062A
طراحی سایتسئوسرویس و تعمیر کولر گازیاجاره ویلافروش ویلا