• بخش 29 – طراحی وب واکنش گرا ، Glyphicons در bootstrap
بخش 29 – طراحی وب واکنش گرا ، Glyphicons در bootstrap
1395/02/22 - 10:01:10 // Responsive Web Design // 0 نظر // 4198 بازدید

کامپوننت Glyphicons برای نمایش آیکون های کوچک می باشد . این آیکون ها در واقع فونت های سبکی هستند که براحتی قابل نمایش و استفاده اند و عکس نیستند .

بخش 29 طراحی وب واکنش گرا ، Glyphicons در bootstrap

کامپوننت Glyphicons برای نمایش آیکون های کوچک می باشد . این آیکون ها در واقع فونت های سبکی هستند که براحتی قابل نمایش و استفاده اند و عکس نیستند . فواید بسیاری در استفاده از Glyphicons بجای تصاویر کوچک وجود دارد مانند :

- تقاضاهای مکرر برای تصاویر کوچک یا شبیه آن حذف خواهد شد .

- با استفاده از CSS براحتی می توانید اندازه و رنگ آیکون ها را تغییر دهید که اینکار برای تصاویر بسیار دشوار است .

- در تمامی اندازه ها این آیکون ها شارپ و واضح هستند .

برای استفاده از gplyphicon شما باید از کد زیر استفاده کنید :

این کد یک قلب زیبا را بنمایش می گذارد !

هر آیکون در glyphicon با استفاده از یک کلاس خاص بنمایش در می آید . لیستی از آیکون های موجود در gplyphicon را می توانید در سایت بوت استرپ bootstrap در لینک http://getbootstrap.com/components/ بیابید.

Glyphicons توسط یک توسعه ی دهنده در freelance بنام Jan Kovarik طراحی شده و نه توسط توسعه دهندگان Bootstrap .

برای تغییر سایز و رنگ می توانید از کدهای CSS استفاده کنید :

بعد از اجرا به شکل زیر در خواهد آمد
 
 

دانلود سورس تمرین این قسمت

شاد و سلامت باشید

محمد جعفری فوتمی

محمد جعفری فوتمی
معرفی نویسنده : محمد جعفری فوتمی

از سال 1382 بطور تخصصی در زمینه ی طراحی وب سایت کار کرده ام و در طی 12 سال گذشته تجربیاتی را کسب کرده ام که در هیچ کتاب و منبع آنلاینی یافت نمی شود ، تصمیم گرفته ام تا این تجربیات را در قالب مقالاتی به اشتراک بگذارم . امیدوارم مفید واقع شود .

امتیاز به مطلب
           
نظرات کاربران
ارسال نظر