استفاده از فونت iconmoon در قالب

[Expert 0]

سلام خسته نباشید

میبخشید نمیدونم جای درستی دارم پست میدم یا نه

اولین بارمه که پست میدم

میخواستم توی قالبم از فونت iconmoon استفاده کنم.

و همچنین به سایدبارم یه استایل خاص بدم.

میخواستم به جای این متن از آیکون استفاده کنم !

مثل انجمن همینجا. اگـه ممکن هست راهنمایی کنید

[وحید نامنی 12154]

با سلام

به کمک راهنمای زیر فونت مورد نظرتون رو در قالب IPB پیوست کنید :

http://ipsfarsi.com/topic/14933-%D9%85%D8%B4%DA%A9%D9%84-%D8%AF%D8%B1-%D8%AA%D8%BA%DB%8C%DB%8C%D8%B1-%D9%81%D9%88%D9%86%D8%AA/

سپس از کلاس های موجود در فونت که تعیین شده ، توی هر قسمتی که خواستید کدهاتون رو قرار بدید.

[Expert 0]

@@وحید نامنی ممنون اما من فونت رو اینطوری به ipb_styles اضافه کردم قبلا

مشکل اصلیم کار با دستور content توی css هست.

و :before

دقیقا نمیدونم چطور از فونت iconmoon استفاده کنم.

آموزش اونو هم توی انجمن سرچ کردم ولی ندیدم. اگه ممکنه در این زمینه یه راهنمایی کنید خیلی خیلی ممنون میشم !

[سعید نظری 1710]

خوب شما یه خورده اموزش های css رو باید مطالعه کنید.

 

ICOMOON

 

به طور کلی (برای همه ی ایکون فونت ها مثل همه تقریبا)

 

روش استفاده: که نام کلاس رو باید طبق نام کلاس ایکون ها بذارید. میتونید از تگ های دیگه مثل span  و .. هم استفاده کنید.

<i class="icon-bell"></i>

یا اگر  نمیتونید کد html رو قرار بدید از خود css میتونید بذارید:

 

.subforums li:before {
  font-family: icomoon;
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: -4px;
  font-size: 18px;
  content: "\e6c4";
  color: #626262;
}

میتونید به جای before  از after هم استفاده کنید.

\e6c4 میشه کد اون ایکون مورد نظر.هر کدوم از ایکون ها یک کد خاص دارند.

تو نت اموزش font-awesome رو سرچ کنید کامل به جواب میرسید.روش کار همشون مثل همه و فرقی نداره وفقط اسم ها و کلاس ها متفاوته

[Expert 0]

@ ممنون آقا سعید تونستم کنار زیر انجمنها آیکون قرار بدم.

اما الان یه مشکل دیگه دارم.

توی این عکس دقت کنید من میخوام کلا این متن رو بردارم به جاش از آیکون استفاده کنم !

یعنی به جای " مخفی کردن " یکی از آیکونهای icomoon قرار بدم. وقتی :before رو استفاده میکنم این آیکون میاد پشتش ولی من میخوام کلا جایگزین شه !

آدرس انجمن : neghab.in

[سعید نظری 1710]

شما باید از تمپلیت بیت ها کدشو پیدا کنید سپس حذفش کنید و کد ایکون رو جایگزین کنید.تو تگ html.

[Expert 0]

والا کل تمپلیتها رو گشتم نتونستم پیداش کنم.

حتی تو Manage Languages هم سرچ زدم ولی بازم نشد پیداش کنم.

ممکنه راهنمایی کنید کدوم قسمت هست ؟ ببخشید

[وحید نامنی 12154]

والا کل تمپلیتها رو گشتم نتونستم پیداش کنم.

حتی تو Manage Languages هم سرچ زدم ولی بازم نشد پیداش کنم.

ممکنه راهنمایی کنید کدوم قسمت هست ؟ ببخشید

خدمت تون عرض شد که به همین سادگی نیست. توی قسمت مدیریت زبان اون بخش ارتباطی نداره. شما در قسمت Look & Feel > Search and Replace برید عبارت toggle_sidebar جستجو کنید. id مربوط به اون بخش هست. حالا مقایسه کنید که قالب پیش فرض چه جوری عمل کرده که آیکون هست و شما هم همون طوری عمل کنید.

موفق باشید