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

[Arash.Ranjbar 11]

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

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

قبل:

بعد:

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/  مراجعه کنید.

 

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

[Mohammad Mz 263]

در در 22 آبان 1398 در 14:54، Arash.Ranjbar گفته است :

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

 

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

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

 

ویرایش شده 7 شهریور، ۱۳۹۹ توسط Mohammad Mz