گربه

نشانک های نوشتاری برای طراحان

ویژگی های گربه به شما امکان استفاده ی آسان و بهینه را میدهد.
برای استفاده کافیست کلاس مورد نظر را کنار کلاس نشانک خود اضافه کنید :)

تغییر اندازه

gb_s18

gb_s24

gb_s36

gb_s48

برای تغییر اندازه دلخواه شما ، میتوانید با تنظیم ویژگی font-size در شِمای ( استایل ) کلی صفحه اندازه هر نشانک را سفارشی سازی کنید!

تغییر زاویه

gb_r90

gb_r180

gb_r270

gb_mirror

برای تغییر زاویه دلخواه شما ، میتوانید با تنظیم ویژگی transform: rotate در شِمای ( استایل ) کلی صفحه درجه زاویه هر نشانک را سفارشی سازی کنید!

رنگ ها

gb_color_white
gb_color_black
gb_color_gray_light
gb_color_gray
gb_color_gray_dark
gb_color_blue_light
gb_color_blue
gb_color_blue_dark
gb_color_purple_light
gb_color_purple
gb_color_purple_dark
gb_color_pink_light
gb_color_pink
gb_color_pink_dark
gb_color_red_light
gb_color_red
gb_color_red_dark
gb_color_orange_light
gb_color_orange
gb_color_orange_dark
gb_color_yellow_light
gb_color_yellow
gb_color_yellow_dark
gb_color_green_light
gb_color_green
gb_color_green_dark

برای تغییر رنگ دلخواه شما ، میتوانید با تنظیم ویژگی color در شِمای ( استایل ) کلی صفحه رنگ هر نشانک را سفارشی سازی کنید!

افکت های پویانمایی ( انیمیشنی )

gb_animate_spin

برای کپی کردن کلاس یک نشانک کافیست روی آن کلیک کنید ^_^

پس از نصب گربه ،‌ استفاده از نشانک ها بسیار ساده است.
در قسمت نشانک ها نشانک مورد نظر خود را انتخاب کنید ، سپس با کپی کردن کلاس نشانک ، بصورت زیر از آن استفاده کنید:

<i class="gb   [gorbeh class icon]"></i>

برای مثال ما نشانک اندروید را انتخاب کردیم ، با کپی کردن کلاس آن یعنی gb_android از آن استفاده میکنیم :

<i class="gb   gb_android"></i>

نتیجه :

با استفاده از ویژگی های گربه شما قادر به تغییر رنگ ، تغییر اندازه و افکت های انیمیشنی خواهید بود :)

برای مثال با افزودن دو ویژگی اندازه و رنگ نشانک اندروید را تغییر میدهیم :

<i class="gb   gb_android   gb_s48   gb_color_green"></i>

نتیجه :

برای نصب نشانک گربه کافیست آخرین نسخه آن را دریافت کنید ، لینک دانلود :

https://github.com/MrYazdan/Gorbeh/releases

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

فرآیند نصب با موفقیت به پایان رسید فقط کافیست آنرا در تنظیمات هر صفحه ی وب اضافه کنید:

<link rel="stylesheet"   href="gorbeh/css/gorbeh-icons.min.css">

برای استفاده دقیق تر میتوانید از قسمت استفاده بهره ببرید!