تم فارست فارسی

آموزش فونت آیکون متحرک

سلام  امروز با آموزش فونت آیکون متحرک در خدمت شما هستم  یه مدتی هست که با ورود فرمت SVG آیکون های متحرک و جالبی وارد وب شده و زیبایی و جلوه  خیلی خاصی به صفحات وب میده این آیکون های زنده یا متحرک  با استفاده از کتابخانه رافائل که یکی از زیر شاخه های جاوا اسکریپ هست طراحی شده اند شما میتونید با دنبال کردن این آموزش براحتی حتی با کمترین دانش برنامه نویسی ازاین آیکون های زیبا در سایت و وبلاگ خود استفاده کنید
باما همراه باشید…

مزیت های فونت آیکون های متحرک : یکی از مهم ترین مزیت های این نوع آیکونها حجم کم  آنهاست !

2014-07-28_21-24-37

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

ابتدا کد های زیر رو جهت فراخوانی فایل js در فایل header  قالب  و بعد از تگ head قرار بدید.

2014-07-28_21-30-38

 

نکته : بهتره فایل های زیر رو در هاست خود قرار دهید!

 

  

 

جهت فراخونی فونت آیکون ها در مکان مورد نظرتون باید از کد زیر استفاده کنید.

 

 

 

 

معرفی کد فراخوانی فونت آیکون

data-n : نام فونت آیکون

data-c : رنگ فونت آیکون

data-hc : رنگ hover فونت آیکون

data-s : اندازه فونت آیکون

برای استفاده از فونت آیکون متحرک به سایت livicons.com    مراجعه کنید و نام آیکون مورد نظر خود را  جهت فراخوانی در قسمت data-n وارد کنید.

 

امید وارم مفید بوده باشه

mojadam

    نوشته‌های مرتبط

    قوانین ارسال دیدگاه

    • دیدگاه های فینگلیش تایید نخواهند شد.
    • دیدگاه های نامرتبط به مطلب تایید نخواهد شد.
    • از درج دیدگاه های تکراری پرهیز نمایید.
    دیدگاه‌ها

    *
    *

    0