Kullanıcı:
Filtreler
Neler yeni
XenGenTr
Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Giriş yap Şimdi kayıt ol
  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Çözüldü Sidebar Alanlarına İcon Ekleme

Bu sorun verilen destek sayesinde çözüme ulaştırılmıştır.
hasannakyuz

hasannakyuz

xFanatik
SMS onaylı
Kullanıcı
Katılım
16 Şub 2019
Mesajlar
807
Çözümler
12
Selamlar ;

Sidebar alanında resimde işaretlediğim gibi ... görülen alanlara nasıl icon eklerim acaba ?

Adsız.png
 

Çözüldü Sidebar Alanlarına İcon Ekleme

eTiKeT™
Örnek kod;
CSS: 
.block[data-widget-definition="jum_whv"] .block-minorHeader::before {
    content: '\f007';
}
.block[data-widget-definition="xfmg_media_slider"] .block-minorHeader::before {
    content: '\f007';
}
.block[data-widget-definition="newest_members"] .block-minorHeader::before {
    content: '\f007';
}

Temanın extra.less isimli şablonunda kodlara erişebilir ve İkonları siz ayarlarsınız.
Tamamını görüntüle
Tarihe göre sırala Oylara göre sırala
Less: 
[data-widget-section="staffMembers"] h3.block-minorHeader:before { /* Staff online */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-user-tie);
}
[data-widget-section="onlineNow"] h3.block-minorHeader:before { /* Members online */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-users);
}
[data-widget-key="forum_overview_new_posts"] h3.block-minorHeader:before { /* Latest posts */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-comments);
}
[data-widget-key="xfrm_forum_overview_new_resources"] h3.block-minorHeader:before { /* Latest resources */
    display: inline-block;
    .m-faBase();
    .m-faContent(@fa-var-download);
}
[data-widget-key="forum_overview_forum_statistics"] h3.block-minorHeader:before { /* Forum statistics */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-chart-bar);
}
[data-widget-key="xfmg_media_slider"] h3.block-minorHeader:before { /* Random media */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-image);
}
[data-widget-key="forum_overview_share_page"] h3.block-minorHeader:before { /* Share this page */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-share-alt);
}
 
Oyla 0 Downvote
MySimS3k®' Alıntı:
Less: 
[data-widget-section="staffMembers"] h3.block-minorHeader:before { /* Staff online */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-user-tie);
}
[data-widget-section="onlineNow"] h3.block-minorHeader:before { /* Members online */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-users);
}
[data-widget-key="forum_overview_new_posts"] h3.block-minorHeader:before { /* Latest posts */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-comments);
}
[data-widget-key="xfrm_forum_overview_new_resources"] h3.block-minorHeader:before { /* Latest resources */
    display: inline-block;
    .m-faBase();
    .m-faContent(@fa-var-download);
}
[data-widget-key="forum_overview_forum_statistics"] h3.block-minorHeader:before { /* Forum statistics */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-chart-bar);
}
[data-widget-key="xfmg_media_slider"] h3.block-minorHeader:before { /* Random media */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-image);
}
[data-widget-key="forum_overview_share_page"] h3.block-minorHeader:before { /* Share this page */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-share-alt);
}
Genişletmek için tıkla ...
Teşekkürler hocam.
caca120' Alıntı:
hocam xf skins side bar maanger var senin işini fazlasıyla görür eklenti reklam olur diye link paylaşamıyorum kusra bakma
Genişletmek için tıkla ...
teşekkürler. Eklentiyi biliyorum ama işimi görür mü emin olamadım.
 
Moderatör tarafında düzenlendi:
Oyla 0 Downvote
Mesela;
CSS: 
.block[data-widget-section="slider_medya"] .block-minorHeader::before
{
    content: '\f005';
}
Dikkat etmeniz gereken widgetKey yani slider_medya kısmız bunu bulduktan sonra sitediğiniz widget için bunu yapabilirsiniz.
 
Oyla 0 Downvote
eTiKeT™ eTiKeT™ hocam selamlar şu iconları bir türlü koyamadım yani çıkmıyor. Acaba müsait olduğunuz da bir yardımcı olabilir misiniz.
 
Oyla 0 Downvote
Cevap yazmak için giriş yap yada kayıt ol.

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Giriş yap Şimdi kayıt ol