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

رایتم : مرجع وبمستران ایرانی

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

دانلود لایو ایکون,دانلود رایگان لایو ایکون,اموزش استفاده از لایو ایکون,اموزش استفاده از ایکون زنده,اموزش استفاده از live icon,دانلود ایکون های زنده,لایو ایکون چیست,ایکون های زنده چیست,اموزش استفاده از فونت ایکون زنده,دانلودliv icons,اموزش استفاده از ایکون زنده در وبلاگ,دانلود ایکون زنده برای وبلاگ,دانلود ایکون زنده سالم,دانلود ایکون زنده کاملا سالم,download free liv icons,دانلود livicons,دانلود ایکون لایو,اموزش استفاده ای لایو ایکون گام به گام,دانلود قالب لایو ایکون دانلود قالب ایکون زنده,

امروز برای شما اموزش استفاده از ایکون های زنده (Live Icons) را برایتان قرار داده ایم. اول از همه لایو ایکون چیست؟ ایکون هایی هستند مانند Font Awesome که مانند فونت بارگزاری میشود و باعث زیبایی و بالا بردن سرعت لود سایت میشود و در هر اندازه ای بدون افت کیفیت میتوان استفاده کرد! اموزش استفاده: این کد را در head قالب تان بگذارید: <link rel="profile" href="http://gmpg.org/xfn/11" /> <script src="http://up.rightheme.ir/codes/live_icons/jquery-1.9.1.min.js" type="text/javascript"></script>…

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

دانلود و اموزش استفاده از ایکون های زنده در وب سایت 11941
امروز برای شما اموزش استفاده از ایکون های زنده (Live Icons) را برایتان قرار داده ایم. اول از همه لایو ایکون چیست؟ ایکون هایی هستند مانند Font Awesome که مانند فونت بارگزاری میشود و باعث زیبایی و بالا بردن سرعت لود سایت میشود و در هر اندازه ای بدون افت کیفیت میتوان استفاده کرد!


اموزش استفاده:


این کد را در head قالب تان بگذارید:

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

خب کد بالا نمونه یک لایو ایکون است خب اگر بخواهیم از ایکون های دیگر استفاده کنیم چه کار کنیم؟

در کد بالا "data-n="android وجود دارد که مخفف "data-name="android میباشد شما باید به جای کلمه android نام ایکون مورد نظرتون رو وارد کنید. برای دیدن نام ایکون ها هم به این ادرس: http://livicons.com بروید و به سربرگ icons کلیک کرده و نام هر ایکون رو که خواستید ببینید موس رو روی ایکون ببرید تا نام ایکون به نمایش دربیاید.

data-s="20" درکد بالا که مخفف data-size="20" است عدد 20 نشان دهنده سایز ایکون میباشد که به پیکسل است و شما برای تغییر سایز فقط کافیست عدد رو هر جور که عشقتون کشید تغییر بدید.

ولی چه طور رنگ ایکون رو عوض کنیم؟ در کد بالا data-c="#ff9600" وجود دارد که مخفف data-color="#ff9600" میباشد و شما برای تغییر رنگ #ff9600 رو باید تغییر بدید که کد رنگ باید به صورت hex میباشد.

data-hc="false" چه کاربردی دارد؟ مخفف کلمه data-hover color="false" میباشد که رنگ ایکون وقتی موس روی ایکون قرار میگیرد را نشان میدهد که در کد بالا fasle (خاموش) قرار دادیم و شما برای گذاشتن رنگ کد رنگ را به صورت hex جایگزین fasle کنید.


تمام شد! این اموزش کاملا اختصاصی رایتم میباشد و در صورت کپی این اموزش پیگرد قانونی دارد!

(موفق باشید)

سفارش طراحی قالب