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

طراحی وب دسامبر 2016 03

آیکون های زنده مجموعه ای از آیکون های وکتور با فرمت SVG هستند که بصورت متحرک در صفحات وب قابل اجرا هستند . استفاده کردن از این آیکون و لوگو ها در صفحات وب بسیار بصرفه تر از آیکون های معمولی که در حال حاضر با فرمت های png , gif , jpg و … هستند به نحوی که حجم بسیار پایین تری دارند پس سرعت لود بیشتر و سئو هم افزایش خواهد یافت ؛ علاوه بر این این آیکون ها به هیچ وجه کوچیک ترین افت کیفیتی نخواهند داشت در صورتی که آیکون های پیکسلی با چند بار بزرگنمایی افت کیفیت شدیدی پیدا خواهند کرد.

 

دانلود فیلم آموزشی
لینک دانلود50 مگابایت20 دقیقه
دانلود پکیج livicon
لینک دانلود1 مگابایت
دیدگاه ها
  • mehran گفت:

    سلام
    خیلی جالب و کاربردی بود.
    مرسی

  • m.yousefikia گفت:

    مثل همیشه عالی و بی نقص.
    ممنون

  • weekshop گفت:

    سلام
    کارت درسته مستر عزیز!

    مرسی

  • حمید گفت:

    سلام
    ممنون بابت آموزش فقط یادت باشه همیشه بعد از هر خط استایل سیمیکالن رو بزاری .

    • آقای برنامه نویس گفت:

      سلام حمید جان
      خوشم میاد کاربرام ریز بین هستن ، شما به بزرگی خودت ببخش 😀

  • srs.soft گفت:

    سلام خوب بود فقط مثل فيلم هاي قبلي يه اهنگي بزار بهتر ميشه
    با تشكر srs.soft

  • علی خردمند گفت:

    سلام
    در سایت شما ثبت انم کردم ولی کلمه عبور برام ایمیل نمیشه!

  • مجید گفت:

    سلام بسیار عالی بود
    شما با چه نرم افزاری فیلم برداری می کنید و ورژنش چیه
    من که پیدا نکردم

  • atefeh گفت:

    سلام واقعا عالی بود
    ممنون

  • Maleki1393@gmail.com گفت:

    عالی بود ولی بهتر بود فایلهای استفاده شده در فیلم را نیز برای دانلو قرار میدادید به هر حال ممنون

    • حسین شفیعیان گفت:

      مرسی ، جنراتور لایو آیکون رایگان نیست و درست نیست لینک دانلود رایگانش را برای عموم بزارم

  • alireza karimi گفت:

    خسته نباشی امید وارم تو کارت موفق باشی

  • pedramd7 گفت:

    فوق العاده بود مرسی

  • pedramd7 گفت:

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

    • حسین شفیعیان گفت:

      عذر خواهی میکنم ، بله فایل اصلیش برای فروش گذاشته شده و بنده اجازه دادن این فایل را به کسی ندارم

  • عسل گفت:

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

  • mohammad36987 گفت:

    سلام حسین جان
    من وقتی تو صفحه ی خودم آیکون های زیادی می زارم اما همشون مثل هم هستتند مشکل کجاست؟ممنون

  • mohammad36987 گفت:

    سلام

  • mohammad36987 گفت:

    سلام
    اما اگه اسم آیکونو پاک کنم نشون داده نمیشه که

  • mohammad36987 گفت:

    سلام
    من خیلی خیلی معذرت می خوام منظورتون از اسم آیکون data-nameیا چیز دیگه هست؟بازم خیلی خیلی ممنونم

  • sherlock0111 گفت:

    سلام چرا برای من فقط یه نوع آیکون رو فقط نشون میده مطابق آموزش پیش رفتم ولی فقط یه آیکون دایره ای رو نشون میده تغییرشون میدم ولی باز اونو نشون میده

  • sherlock0111 گفت:

    ممنونم که جواب ندادین میشه بفرمایید برای استفاده در وردپرس برای اینکلود کردن فایل های که گفتین از چه تابعی استفاده می کنن

    • حسین شفیعیان گفت:

      برای اتصال باید به شکل زیر اقدام کرد :

  • sherlock0111 گفت:

    به این روش هم اقدام کردم ولی جواب نمیده و فقط یه نوع آیکون رو نشون میده

  • masoud1450 گفت:

    سلام حسین جان.فایل livicons رو واسه دانلود زحمت میکشی بزاری؟

    • حسین شفیعیان گفت:

      سلام دوست عزیز
      فایل livicons تجاری هست و بنده اجازه پابلیک ندارم ! شرمنده !

  • محمد گفت:

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

  • مریم گفت:

    من به سایت که در بالا ذکر کردید رفتم ،فقط دانلود پولی هستش.اگه امکانش هست میشه شما این فایل رو در سایت بذارید تا من دانلود کنم؟؟مرسی.

  • ehsan770 گفت:

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

  • کورش گفت:

    https://github.com/CREBP/SRA/tree/master/lib/livicons

  • سید حسین موسوی گفت:

    سلام دوستان من وقتی از این آیکنها استفاده میکنم به همراه آیکن مورد نظر من یه تیک هم میاره
    یعنی در حقیقت دوتا آیکن میاره که یکی آیکن من و یکیش تیک هست. لطفا اگه اطلاع دارید مشکلش چیه به منم بگید.

  • رضا گفت:

    سلام، در فیلم گفتید که فایلها رو میزارید ولی نذاشتید، حالا از کجا میشه دانلود یا همون خرید کرد، بعد اگه آیکونهای جدیدی اضافه شه ما باید هر سری باید فایل رو بخریم تا توی لیست راهنماش باشه و اینکه توی سایت livicons طرز استفاده از اینها رو مگه توضیح نداده و کدها رو قرار نداده؟

  • علی گفت:

    سلام آقای شفیعیان عزیز
    طاعات و عباداتتون قبول و ممنون از آموزش های زیباتون,خدا قوت
    یک سوال,از نظر سرعت بارگذاری و به طبع اون سئو فونت هایی مثل آوسم بهتره یا این آیکون ها؟
    چون یک مقدار میترسم سرعت سایت رو بیاره پایین…
    یا علی

    • حسین شفیعیان گفت:

      درود
      خب حدودا 700 کیلو بایت به حجم قالب اضافه میکنه که باعث کندی میشه ، یکم توی سئو تاثیر داره و این شمایید که باید انتخاب کنید 🙂

    • شروین گفت:

      به طبع فونت آیوسام سبکتره چون انیمیشن نداشته و کد نویسی کمتری نسبت به لایو آیکون داره

  • شروین گفت:

    بسیار عالی و مفید بود ممنون از شما

  • alireza گفت:

    تشکر

  • ali گفت:

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

  • نبیل امیری گفت:

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

  • عماد گفت:

    سلام ممنون از فیلم آموزشی عالیتون / لطفا بیشتر روی گنو لینوکس آموزش بزارید / خیلی خوشحالم دوباره شروع کردین ^_^

  • sajjad7 گفت:

    بی نظیری تو حسین جان
    فقط خواهشا دوره آموزشی php شروع کن ممنونم

    • حسین شفیعیان گفت:

      تشکر ، راسش الان درگیر یه پروژه هستم که کاملا وقتم رو گرفته ولی در اسرع وقت حتما

  • محمدرضا گفت:

    با سلام، همچنان منتظر دوره آموزشی تبدیل قالب به وردپرس هستم. 🙂

    • حسین شفیعیان گفت:

      سلام محمدرضا جان
      راستش شدیدا درگیر یه پروژه هستم و امتحانات میان ترم و پایان ترم رو هم دارم ، بعدش در خدمتتون هستم انشالله

  • aminsalam گفت:

    سلام کدام اموزش برنامه نویسی را فرا بگیرم تا بتوانم سریعتر نرم افزار بسازم که کاربر نیاز به Microsoft NET Framework نداشته باشد

  • محسن گفت:

    سلام
    توی این فیلم از کدوم توزیع گنو استفاده کردید؟
    راستی دوره آموزش php هم یادتون نره بزارید:)
    خیلی ممنون

    • حسین شفیعیان گفت:

      سلام
      از توزیه اوبونتو ، منتها پک تم و آیکون نامیکس رو نصب کردم ، برای نصبش سرچ کن :‌how install numix on ubuntu
      در مورد دوره php انشالله از یکی دو ماه آینده یکم سرم خلوت تر میشه تا ببینم چی پیش میاد

  • امید گفت:

    سلام
    درمورد بهینه سازی باطری در لپت تاپ که روش لینوکس نصب هست مطلب بذارید. درمورد laptop mod tool یا tlp هم توضیح بدین

  • گمنام گفت:

    سلام جناب شفیعیان عزیز
    ما همچنان مشتاقانه منتظر اون تبدیل قالب بوت استرپ به وردپرس هستیم.

    • حسین شفیعیان گفت:

      سلام
      اشتیاق من از شما بیشتره ، منتها وقت نمیکنم و تا یکماه آینده درگیر مشغله کاری هستم

  • علی گفت:

    سلام حسین آقا

    بیزحمت یه استارت بزن برا آموزش قالب وردپرس دلمون خوش باشه، من امروز اومدم مرخصی خدمت مقدس 😀

    ممنون از زحماتت

  • حمید گفت:

    با سلام
    خواهشمندم یک اموزش برای استفاده کردن ایکن های متحرک برای عنوان ابزارک ها قرار بدید چون اکثرا از قالب های اماده استفاده میکنیم و افزونه های موجود فقط به منوی اصلی ایکن اضافی میکنن اما کنار عنوان ابزارک نمیشه استفاده کرد و اگر هم بخوای با کد بنویسی همه عنوان ابزارک ها یک ایکن رو میگرن منظورم اینه یک ایکن به همه اعمال میشه خواهشنمدم این اموزش رو قرار بدید

  • peyman گفت:

    سلام عرض خسته نباشی میخواستم بگم ممکن هست ورژن جدید فایل ایکن هارو بذارید
    Version 2.2.370
    برام ایمیل کنید ممنون میشم


Time limit is exhausted. Please reload CAPTCHA.