آموزش افزودن آیکون به منوی انجمن

[سحر شیرازی 1835]

با سلام

برای افزودن آیکون به منو های انجمن می توانید از افزونه ی Navigation Icons by IPS Themes استفاده کنید 

 

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

 

در کنترل پنل انجمن خود به بخش شخصی سازی > ظاهر > پوسته ها و قسمت ویرایش HTML و CSS قالب خود مراجعه کنید. در بخش CSS وارد قسمت Custom.css شوید و کدهای زیر را به این قسمت اضافه کنید :

#ipsLayout_mainNav a:before,
#elNavMore_menu a:before{
	content: "\f02b";
	font-family: "FontAwesome";
	font-size: 14px;
	font-weight: normal;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	{prefix="transform" value="translate(0,0)"}
}

html[dir="rtl"] #ipsLayout_mainNav a:before{ margin-right: 0; margin-left: 3px; }
#ipsLayout_mainNav a:before{ margin-right: 3px; opacity: 0.6; }
#ipsLayout_mainNav a:hover:before, #ipsLayout_mainNav a.ipsNavActive:before{ opacity: 1; }
#ipsLayout_mainNav a[id*="elNavigation_app_downloads"]:before{ content: "\f0ed" }
#ipsLayout_mainNav a[id*="elNavigation_app_gallery"]:before{ content: "\f03e" }
#ipsLayout_mainNav a[class*="nexus_Store"]:before{ content: "\f07a" }
#ipsLayout_mainNav a[class*="nexus_Support"]:before{ content: "\f1cd" }
#ipsLayout_mainNav a[class*="blog"]:before { content: "\f02d" }
#ipsLayout_mainNav a[id*="elNavigation_app_calendar"]:before{ content: "\f073" }
#ipsLayout_mainNav a[class*="cms"]:before{ content: "\f0f6" }
#ipsLayout_mainNav a[id*="elNavigation_app_forums"]:before{ content: "\f086" }
#ipsLayout_mainNav a[class*="core_Core"]:before{ content: "\f015" }
#ipsLayout_mainNav a[class*="chat"]:before{ content: "\f022" }
#ipsLayout_mainNav a#elNavigationMore_dropdown:before{ content: "\f0fe"; display: none; }
#ipsLayout_mainNav .fa-caret-down{ font-size: 12px; }

 

موفق باشید.

[MOEIN 114]

ببخشید شکل ایکون هارو از کجا باید مشخص کنیم چی باشه ؟

[سحر شیرازی 1835]

سلام

 

ببخشید شکل ایکون هارو از کجا باید مشخص کنیم چی باشه ؟

 

نوع آیکون از FontAwsome به صورت خودکار انتخاب میشه که از قبل تعریف شده.

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

[MOEIN 114]

سلام

 

این کدها فقط برای منوی ناوبری هست که فونت آیکون رو از سایت مربوطه با توجه به app فراخوانی میکنه.

 

پس اگه منوی دلخواه قرار داده باشیم غیر از منوی app ها، ایکونی قرار نمیگیره ؟

[طـــاها شیــــعه نواز 84]

خودتون میتونید اضافه کنید دیگه ! ....

<i class="fa fa-3x fa-map-marker"></i>