Merhaba dostlar.Benim ufak bir isteğim,hatta sorum olacak.Umarım çözülebilir,halledilebilir bir durumdur.. Ben şu anda kullandığım yeni temamda,ultimate postbit kullanmaya başladım.Hem temayla uyumlu hem de halihazırda ranklar ile geliyor.Ama ufak bir isteğim var..Ben bu postbitte yazan özelliklere (sekmelere) nasıl font awesome ikonları eklerim? Mesela mesajlarda,beğenilerde vs. olan kısımlara fa-icon gibi eklemeler nasıl yapabilirim? Var mı bir çaresi.
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.
-
Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
Daha fazla bilgi!
Nasıl yapılır ? Ultimate Postbit Ayarlaması
- Konbuyu başlatan ronsua
- Başlangıç tarihi
Yeni postbite ekleyeceğim fakat şimdilik sizin işinizi görmek adına manuel olarak ekleme yapabileceğiniz kodları aşağıya ekliyorum. Bu kodları extra.less şablonuna ekleyebilirsiniz. Ek olarak
Ek olarak verilen kodlar;
Örnek resim:
content: "\f041"; fontawesome icon kodunun olduğu alandır. İconlar hoşunuza gitmez ve değiştirmek isterseniz bu alandan değiştirebilirsiniz. Ayrıca aşağıda 2 farklı alanda css kodları verdim 1. blok alanındaki css kodlarını olduğu gibi extra.less şablonuna yapıştırın eğer postbit extra alanlarınız fazla ise ek olarak verilen 2. bloktaki kodlardan kaç tane lazımsa alıp kullanabilirsiniz. tek yapmanız gereken content: ""; alanına fontawesome icon kodunu girmek.
CSS:
.message-inner .message-cell.message-cell--user
.pairs.pairs--justified:nth-child(1) > dt{
color: #ffffff;
&:before{
font-family: "FontAwesome";
content: "\f041";
padding: 0 4px 0px 0px;
}
}
.message-inner .message-cell.message-cell--user
.pairs.pairs--justified:nth-child(2) > dt{
color: #ffffff;
&:before{
font-family: "FontAwesome";
content: "\f0e6";
padding: 0 4px 0px 0px;
}
}
.message-inner .message-cell.message-cell--user
.pairs.pairs--justified:nth-child(3) > dt{
color: #ffffff;
&:before{
font-family: "FontAwesome";
content: "\f087";
padding: 0 4px 0px 0px;
}
}
.message-inner .message-cell.message-cell--user
.pairs.pairs--justified:nth-child(4) > dt{
color: #ffffff;
&:before{
font-family: "FontAwesome";
content: "\f148";
padding: 0 4px 0px 0px;
}
}
.message-inner .message-cell.message-cell--user
.pairs.pairs--justified:nth-child(5) > dt{
color: #ffffff;
&:before{
font-family: "FontAwesome";
content: "\f0ac";
padding: 0 4px 0px 0px;
}
}Ek olarak verilen kodlar;
CSS:
.message-inner .message-cell.message-cell--user
.pairs.pairs--justified:nth-child(6) > dt{
color: #ffffff;
&:before{
font-family: "FontAwesome";
content: "";
padding: 0 4px 0px 0px;
}
}
.message-inner .message-cell.message-cell--user
.pairs.pairs--justified:nth-child(7) > dt{
color: #ffffff;
&:before{
font-family: "FontAwesome";
content: "";
padding: 0 4px 0px 0px;
}
}
.message-inner .message-cell.message-cell--user
.pairs.pairs--justified:nth-child(8) > dt{
color: #ffffff;
&:before{
font-family: "FontAwesome";
content: "";
padding: 0 4px 0px 0px;
}
}
.message-inner .message-cell.message-cell--user
.pairs.pairs--justified:nth-child(9) > dt{
color: #ffffff;
&:before{
font-family: "FontAwesome";
content: "";
padding: 0 4px 0px 0px;
}
}
.message-inner .message-cell.message-cell--user
.pairs.pairs--justified:nth-child(10) > dt{
color: #ffffff;
&:before{
font-family: "FontAwesome";
content: "";
padding: 0 4px 0px 0px;
}
}Örnek resim:
Kralsın abi
