kingpower
December 18th, 2014, 18:12
اسلام
امیدوارم که حال همه عزیزان خوب باشد
نمیدونم قبلا کسی آموزشش رو قرار داده یا نه (تو سرچ من داخل انجمن چیزی پیدا نشد )
امروز در این مقاله به شما یاد میدم که چگونه از ایکن های سایت Font Awesome (http://fortawesome.github.io/Font-Awesome/) استفاده کنیدhttp://www.wp-pro.ir/images/wp-pro/2/15.gif که مورد نیاز در طراحی هست
1-ابتدا وارد سایت شوید و فایل را دانلود نمائید
2-از محتویات فایل فولدر های css و fonts را داخل پوستتون (قالب ) پیست کنید
3-حالا فایل font-awesome.min.css رو درون کد های head درفایل header.php فراخوانی کنید
<link rel="stylesheet" href="css/font-awesome.min.css">
4- برای استفاده از اآیکن ها دمی بایست به صفحه Font Awesome Icons (http://fortawesome.github.io/Font-Awesome/icons/) مراجعه نمائید
سپس ایکینی که میخواهید رو روش کلیک کنید
پس از باز شدن صفحه جدید در زیر عکس کد مانند کد زیر قابل مشاهده است
<i class="fa fa-check-square"></i>
این کد را هرکجا که میخواهید ایکن به نمایش در بیاد قرار دهید
کار تقریبا تمام شد ولی کمی ریز کاری داردhttp://www.wp-pro.ir/images/wp-pro/2/71.gif
آ ) تغییر سایز آیکن ها
برای بزرگنمائی باید از کلمه fa-2x استفاده کنید البته این عدد تا 5 بزرگ می شود مانند کد زیر
<i class="fa fa-check-square fa-3x"></i>
فک کنم این از همش مهم تر بود برای همین گفتم http://www.wp-pro.ir/images/wp-pro/2/24.gif ادامه اش رو میتونید در لین مقابل مشاهده کنید {http://fortawesome.github.io/Font-Awesome/examples/}
امیدوارم مفید واقع شده باشدhttp://www.wp-pro.ir/images/wp-pro/2/1.gif
با آرزوی موفقیت همه دوستان عزیز http://www.wp-pro.ir/images/wp-pro/2/63.gif
امیدوارم که حال همه عزیزان خوب باشد
نمیدونم قبلا کسی آموزشش رو قرار داده یا نه (تو سرچ من داخل انجمن چیزی پیدا نشد )
امروز در این مقاله به شما یاد میدم که چگونه از ایکن های سایت Font Awesome (http://fortawesome.github.io/Font-Awesome/) استفاده کنیدhttp://www.wp-pro.ir/images/wp-pro/2/15.gif که مورد نیاز در طراحی هست
1-ابتدا وارد سایت شوید و فایل را دانلود نمائید
2-از محتویات فایل فولدر های css و fonts را داخل پوستتون (قالب ) پیست کنید
3-حالا فایل font-awesome.min.css رو درون کد های head درفایل header.php فراخوانی کنید
<link rel="stylesheet" href="css/font-awesome.min.css">
4- برای استفاده از اآیکن ها دمی بایست به صفحه Font Awesome Icons (http://fortawesome.github.io/Font-Awesome/icons/) مراجعه نمائید
سپس ایکینی که میخواهید رو روش کلیک کنید
پس از باز شدن صفحه جدید در زیر عکس کد مانند کد زیر قابل مشاهده است
<i class="fa fa-check-square"></i>
این کد را هرکجا که میخواهید ایکن به نمایش در بیاد قرار دهید
کار تقریبا تمام شد ولی کمی ریز کاری داردhttp://www.wp-pro.ir/images/wp-pro/2/71.gif
آ ) تغییر سایز آیکن ها
برای بزرگنمائی باید از کلمه fa-2x استفاده کنید البته این عدد تا 5 بزرگ می شود مانند کد زیر
<i class="fa fa-check-square fa-3x"></i>
فک کنم این از همش مهم تر بود برای همین گفتم http://www.wp-pro.ir/images/wp-pro/2/24.gif ادامه اش رو میتونید در لین مقابل مشاهده کنید {http://fortawesome.github.io/Font-Awesome/examples/}
امیدوارم مفید واقع شده باشدhttp://www.wp-pro.ir/images/wp-pro/2/1.gif
با آرزوی موفقیت همه دوستان عزیز http://www.wp-pro.ir/images/wp-pro/2/63.gif