رفتن به مطلب

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


ارسال های توصیه شده

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

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

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

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

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

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

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

لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • بنیان گذار IPSFarsi

با سلام :)

به کمک راهنمای زیر فونت مورد نظرتون رو در قالب 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/

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

لینک ارسال
به اشتراک گذاری در سایت های دیگر

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

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

و :before

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

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

لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • مدیر کل بازنشسته سایت

خوب شما یه خورده اموزش های 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 رو سرچ کنید کامل به جواب میرسید.روش کار همشون مثل همه و فرقی نداره وفقط اسم ها و کلاس ها متفاوته

لینک ارسال
به اشتراک گذاری در سایت های دیگر

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

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

icon.png

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

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

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

لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • مدیر کل بازنشسته سایت

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

لینک ارسال
به اشتراک گذاری در سایت های دیگر

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

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

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

لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • بنیان گذار IPSFarsi

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

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

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

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

موفق باشید

لینک ارسال
به اشتراک گذاری در سایت های دیگر

بایگانی شده

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

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
×
  • اضافه کردن...

اطلاعات مهم

ما مجبور شدیم تا از کوکی ها و فناوری های مشابه برای اجرای این وب سایت استفاده کنیم تا بتوانیم تجربه بهتری در زمان استفاده از سایت برای شما ایجاد نماییم. سیاست حریم خصوصی.