رفتن به مطلب

.::|>آموزش اضافه کردن آیکن به سایدبارها<|::.


 اشتراک گذاری

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

سلام خدمت دوستان.

تو این آموزش می خوام بهتون یاد بدم که چطوری می تونین آیکن مورد نظرتون رو به سایدبارها مثل تصویر زیر اضافه کنین.

قبل:

812555316_imageproxy_php.png.6295a6409bc98b1b83a729e99b915934.png

بعد:

1276504588_imageproxy_php.png.94a59d30715d8f4e98d7c113e0a4b45c.png

1. اضافه کردن آیکن به Today's birthday یا تولدهای امروز

آدرس: شخصی سازی > پوسته مورد نظر > Templates > calendar > widgets > todaysBirthdays 

کد زیر رو پیدا کنین:

<h3 class='ipsType_reset ipsWidget_title'>{lang="block_todaysBirthdays"}</h3>

با کد زیر جایگزین کنین:

<h3 class='ipsType_reset ipsWidget_title'><i class="fa fa-birthday-cake"></i> &nbsp;{lang="block_todaysBirthdays"}</h3>

2. اضافه کردن آیکن به Upcoming Events یا رویدادهای پیش رو

آدرس: شخصی سازی > پوسته مورد نظر > Template > calendar > widgets > upcomingEvents

کد زیر رو پیدا کنین:

<h3 class='ipsType_reset ipsWidget_title'>{lang="block_upcomingEvents"}</h3>

با کد زیر جایگزین کنین:

<h3 class='ipsType_reset ipsWidget_title'><i class="fa fa-calendar-o"></i> &nbsp;{lang="block_upcomingEvents"}</h3>

3. اضافخ کردن آیکن به Topics یا  موضوع ها

آدرس: شخصی سازی > پوسته مورد نظر > Template > forums > widgets > postFeed

کد زیر رو پیدا کنین:

<h3 class='ipsWidget_title ipsType_reset'>{$title}</h3>

با کد زیر جایگزین کنین:

	<h3 class='ipsWidget_title ipsType_reset'><i class="fa fa-comment"></i> &nbsp;{$title}</h3>

4. اضافخ کردن آیکن به posts  یا ارسال ها

آدرس: شخصی سازی > پوسته مورد نظر > Template > forums > widgets > postFeed 

کد زیر رو پیدا کنین:

<h3 class='ipsType_reset ipsWidget_title'>{$title}</h3>

با کد زیر جایگزین کنین:

<h3 class='ipsType_reset ipsWidget_title'><i class="fa fa-comments"></i> &nbsp;{$title}</h3>

 

خب اینا کارایی بود که باید انجام می دادین. اگه شما سایدبار خاصی دارین می تونین طبق آموزشهای بالا براش آیکن اضافه کنین.

برای اعمال رنگ و اندازه به آیکنها می تونین از کد زیر استفاده کنین:

<i class="fa fa-calendar fa-lg" style="font-size: 1.33333333em;line-height: 0.1em;vertical-align: -15%;color: #fff;"></i>

برای دیدن آیکنهای بیشتر می تونید به آدرس  http://fortawesome.github.io/Font-Awesome/icons/  مراجعه کنید.

 

..::| امیدوارم خوشتون بیاد|::..

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

  • Arash.Ranjbar عنوان را به .::|>آموزش اضافه کردن آیکن به سایدبارها<|::. تغییر داد
  • 2 ماه بعد...
در در 22 آبان 1398 در 14:54، Arash.Ranjbar گفته است :

آدرس: شخصی سازی > پوسته مورد نظر > Template > forums > widgets > postFeed

 

سلام ، در مرحله ی آخر آدرسش topicFeed هست نه postFeed 🆕

البته ممنون ، آموزش خوبی بود.

 

ویرایش شده توسط Mohammad Mz
  • پسند 1
لینک ارسال
به اشتراک گذاری در سایت های دیگر

 اشتراک گذاری

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

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

اطلاعات مهم

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