درگاه واسط طراحی وب سایت
مشاهده نمونه کارها

اطـلاعیــه

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

آموزش استفاده از LivIcons


این مطلب در تاریخ ۱۲ مرداد ۱۳۹۳ در دسته "آموزش < آموزش CSS < آموزش HTML < آموزش JavaScript" فرستاده شده است.
(87 مطلب ارسالی)

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


پوریا
آموزش استفاده از LivIcons
آموزش استفاده از LivIconsReviewed by پوریا امجدزاده on Aug 3Rating: 4.0آموزش استفاده از LivIcons

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

از مقدمه بیشتر پرهیز کنیم و به اصل مطلب رجوع کنیم.

آموزش استفاده از LivIcons

 

بهتر است که فایل های فراخوانی js را در هاست خود آپلود کنید و از هاست خود آنها را فراخوانی نمایید.

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

تا به اینجا ۹۰ درصد کار سپری شده است.
تنها میماند معرفی خاصیت ها:

data-n: نام آیکون
data-c: رنگ آیکون
data-hc: رنگ آیکون زمانی که ماوس روی آن قرار میگیرد
data-s: اندازه فونت

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

آیکون user را در سایز ۲۰ پیکسل با رنگ سیاه نمایش بده و رنگ ماوس را در نظر نگیر.

برای دانستن نام آیکون های زنده به سایت livicons.com مراجعه کنید و نام آنها را دریافت کنید.

آموزش تموم شد و شما الان در سایت خودتون آیکون های زنده دارید.

امیدوارم که مفید بوده باشه و ابهامی در کار برایتان پیش نیامده باشد.

ShortLink:   http://naz-skin.ir/?p=626