تالار گفتگوی مشاغل برتر
خوش آمدید! برای فعال سازی امکانات لطفا ورود یا ثبت نام.

توجه

Icon
Error

nooshin88 Offline
#1 ارسال شده : 1395/03/10 10:42:00 ق.ظ
nooshin88

رتبه: Advanced Member

گروه ها: Registered
ارسالها: 92

تشکرها: 1 بار
استفاده از ابزارهای نو در طراحی سایت می‌تواند باعث سهولت در طراحی و جذابیت بیشتر سایت شما شود. یکی از این ابزارها می‌تواند فونت آیکون باشد.
یکی از فونت آیکون‌های محبوب Font Awesome می‌باشد که در ادامه با برخی ویژگی‌ها و نحوه استفاده آن آشنا خواهیم شد.

یک فونت، ۵۱۹ آیکون

در یک مجموعه واحد، Font Awesome یک زبان تصویری است که بسیاری از کنش‌های وابسته به وب را شامل می‌شود.

بدون نیاز به جاوا اسکریپت

نگرانی کمتر بابت سازگار نبودن بدلیل آنکه نیاز به جاوا اسکریپت ندارد.

مقیاس‌پذیری بی‌نهایت

آیکون‌ها در هر اندازه‌ای زیبا و جذاب خواهند بود.

قابلیت استفاده از CSS

به آسانی می‌توانید به آیکون‌ها رنگ، اندازه و هر انچه که با css امکان‌پذیر است بدهید.

نحوه استفاده

1- ابتدا آخرین ورژن فونت را از سایت Font Awesome دانلود کنید.
2- در <head> کد html خود آدرس زیر را قرار دهید.
کد:
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

3- Font Awesome طراحی شده است تا با عناصر درون خطی (inline element) مانند i و span استفاده شود. کافی است نام آیکون را پس از fa- در class بگذاریم.
برای مثال:
کد:
<i class="fa fa-camera-retro"></i> fa-camera-retro

یا
کد:
<i class="fa fa-desktop"></i> fa-desktop


منبع: طراحی سایت فروشگاهی ستروکیت

در عکس زیر نمونه هایی از آیکون‌ها را می‌توانید مشاهده کنید.
تبلیغات
صفحات اختصاصي مرتبط با اين پست
کاربرانی که در حال مشاهده تالار هستند
Guest (3)
جهش به تالار  
شما مجاز به ارسال مطلب در این تالار نمی باشید.
شما مجاز به ارسال پاسخ در این تالار نمی باشید.
شما مجاز به حذف مطلب ارسالی خود در این تالار نمی باشید.
شما مجاز به ویرایش مطلب ارسالی خود در این تالار نمی باشید.
شما مجاز به ایجاد نظر سنجی در این تالار نمی باشید.
شما مجاز به رای دادن در این تالار نمی باشید.


این صفحه در مدت زمان 0.081 ثانیه ایجاد شد.
بک لینک: کراتین مو در کرج , مرکز تخصصی کراتین مو در کرج , احیا و صافی مو در کرج , بوتاکس مو در کرج , پروتئین مو در کرج , خدمات آرایش دائم در کرج , وکس صورت و ابرو در کرج , کاشت ناخن در کرج , طراحی حرفه ای مانیکور و پدیکور در کرج , قالب سازی پلاستیک , خدمات قالب سازی پلاستیک , تزریق پلاستیک , خدمات تزریق پلاستیک , تزریق قالب سازی پلاستیک , ساخت قالب تزریق پلاستیک , طراحی و ساخت قالب تزریق پلاستیک , طراحی وب سایت , سئوی وب سایت