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

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

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

2014-07-28_21-24-37

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

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

2014-07-28_21-30-38

 

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

 

<script src="http://livicons.com/js/jquery-1.9.1.min.js"></script>
<script src="http://livicons.com/js/raphael-min.js"></script>
<script src="http://livicons.com/js/livicons-demo-1.3.min.js"></script>

 

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

 

 

<span class="livicon" data-n="user" data-s="20" data-c="#08aaff" data-hc="false"></span>

 

 

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

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

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

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

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

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

 

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

یک نظر

  1. هادی قربانی

    با سلام
    باید با جاوااسکریپت این رو ایجاد کنید
    در رابطه با ticker slider سرچ کنید

  2. صابری

    سلام دوست عزیز
    ممنون بابت سایت خوبت
    فونت تاپیی میخواستم که با افکت تایپ بشه نمونه تو این سایت هست 1learn.ir(اونجایی که پیام مدیریت میده)

    بازم
    ممنون بابت سایت خوبت
    ممنونم میشم ایمیل کنی جواب رو برام

  3. amir

    سلام
    خیلی گشتم اما نسخه رایگانش رو پیدا نکردم
    افزونه خیلی عالی است ، پیشنهاد میکنم حتما بگیرید و استفاده کنید
    من مجبور شدم از سایتی بنام خرم نت ( … ) بگیرم و الان دارم ازش استفاده میکنم واقعا کارش عالی بود.
    با سپاس از مطالبتون

  4. هادی قربانی

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

  5. حسن

    افزونه livicon هست که خیلی کار رو راحت کرده..پیشنهاد میکنم ازین استفاده کنید و با شورتکد میشه استفاده کردش..

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

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