- Uyumlu XF 2 Sürümleri
-
- 2.2.X
- 2.0.X
- 2.1.X
Konu, buradaki Nasıl yapılır ? - Çevrim içi üyeler icon ekleme istek üzerine hazırlanmıştır. Eklenti ile yapmak isteyenler direkt buradaki XF 2.2 Eklenti - [XenGenTr] Global forum ikonları eklentisini indirip yapabilir. Özel düzenleme içeren temalarınız var ise isteği yapan arkadaşımız gibi aşağıdaki css kodlarını temanızın
Aşağıdaki css kodları Forum sidebar'da yer alan widgetlara css ile icon (simge) eklemesi yapmaktadır.. Farklı iconlar eklemek istiyorsanız Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome sitesine tıklayın ve dilediğiniz iconu css kodlarınızda yer alan
extra.less
şablonuna ekleyiniz.Aşağıdaki css kodları Forum sidebar'da yer alan widgetlara css ile icon (simge) eklemesi yapmaktadır.. Farklı iconlar eklemek istiyorsanız Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome sitesine tıklayın ve dilediğiniz iconu css kodlarınızda yer alan
content: "\"
alanına ekleyin.
Less:
[data-widget-key="forum_overview_members_online"] {
.block-minorHeader {
&:before {
.m-faBase();
content: "\f0c0";
display: inline-block;
margin-right: 3px;
}
}
}
[data-widget-definition="new_posts"] {
.block-minorHeader {
&:before {
.m-faBase();
content: "\f086";
display: inline-block;
margin-right: 3px;
}
}
}
[data-widget-definition="new_profile_posts"] {
.block-minorHeader {
&:before {
.m-faBase();
content: "\f4b4";
display: inline-block;
margin-right: 3px;
}
}
}
[data-widget-definition="forum_statistics"] {
.block-minorHeader {
&:before {
.m-faBase();
content: "\f4b4";
display: inline-block;
margin-right: 3px;
}
}
}
[data-widget-definition="share_page"] {
.block-minorHeader {
&:before {
.m-faBase();
content: "\f1e0";
display: inline-block;
margin-right: 3px;
}
}
}
[data-widget-definition="xfrm_new_resources"] {
.block-minorHeader {
&:before {
.m-faBase();
content: "\f019";
display: inline-block;
margin-right: 3px;
}
}
}