آخر الأخبار

جاري التحميل ...

خط الأيقونات Font Awesome Social الذي يستعمل في المواقع


خط  Awesome Font Social  هو عبارة عن خط مكمل لخط Font Awesome هذا الأخير ينقصه عدة إقونات ولهاذا صمم خط جديد يكمل ما ينقص في الخط الأول 


طريقة إستخدام الخط

- أول نضيف هذا الكود فوق </head>

  • <link rel='stylesheet' id='font-awesome-ext-styles-css' href='https://coranbook.site44.com/font-awesome-ext/font-awesome-ext.css?ver=%203.5' type='text/css' media='all' />
  • <link rel='stylesheet' id='font-awesome-corp-styles-css' href='https://coranbook.site44.com/font-awesome-corp/font-awesome-corp.css?ver=%203.5' type='text/css' media='all' />
  • <link href='https://coranbook.site44.com/font-awesome-social/font-awesome-social.css?ver=%203.5' id='font-awesome-social-styles-css' media='all' rel='stylesheet' type='text/css'/>


- ثانيا نضع الكود الاتي في المكان المراد وضع الاقونة


<i class="icon-blogger-sign icon-3x"></i>


النتيجة




لتغير الاقونة يكفي تغير icon-blogger-sign icon-3x بإسم إقونة أخرى 

مثال عن كل الإقوانات التي نستطيع إستعمالها
accessibility-sign
adobe-pdf
amazon
amazon-sign
apple-itunes
aws
bike-sign
bing
bing-sign
blogger
blogger-sign
bus-sign
car-sign
chrome
css3-more
delicious
dribbble-sign
drupal
duck-duck-go
evernote
evernote-sign
firefox
flickr-more
forrst
forrst-sign
foursquare-more
git-fork
google
google-sign
hacker-news
ie
instagram-more
lastfm
lastfm-sign
layers
map
ms-excel
ms-ppt
ms-word
opera
paypal
picasa
picasa-sign
reddit
safari
share-this
share-this-sign
skype
soundcloud
sparrow
sparrow-sign
spotify
stack-overflow
taxi-sign
truck-sign
vimeo
vimeo-sign
windows-more
wordpress
wordpress-sign
yahoo
yelp
yelp-sign
zip-file

عن الكاتب

dj otmanking1

التعليقات


اتصل بنا

إذا أعجبك محتوى مدونتنا نتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...

جميع الحقوق محفوظة

Newstardz