- Uyumlu XF 2 Sürümleri
- 2.2.X
- 2.3.X
Basit bir şekilde konu öneklerinizi özelleştirebilirsiniz. Bunun için aşağıdaki adımları takip etmeniz yeterli olacaktır.
Öncelikle aşağıdaki resim gibi önek oluşturunuz. Görünüm tarzı bölümünden "Diğer" seçeğini işaretleyerek sağdaki kutucuğa label label--onek1 yazınız.
Daha sonra yukarıdaki kodları kullandığınız temanın extra.less şablonuna ekleyiniz. FA iconu ve renkleri kendinize göre özelleştirebilirsiniz. Farklı önek eklemek için .label.label--onek1 onek1 yazan kısmı kendinize göre değiştirebilirsiniz. FA iconu düzenlemek için .m-faContent(@fa-var-cogs); satırda cogs yazan kısmı değiştirmeniz yeterlidir.
Öncelikle aşağıdaki resim gibi önek oluşturunuz. Görünüm tarzı bölümünden "Diğer" seçeğini işaretleyerek sağdaki kutucuğa label label--onek1 yazınız.
Less:
/*** Konu Önek 1 ***/
.label.label--onek1 {
background: #CD7F32;
color: #fafafa;
&:hover {
background: #4A4E51;
color: #fafafa;
}
&:before {
.m-faContent(@fa-var-cogs);
padding-right: 5px;
}
}
/**********/
Less:
/*** Konu Önek 1***/
.label.label--onek1 {
background: #CD7F32;
color: #fafafa;
&:hover {
background: #4A4E51;
color: #fafafa;
}
&:before {
.m-faBase();
.m-faContent(@fa-var-cogs);
padding-right: 5px;
}
}
/**********/Daha sonra yukarıdaki kodları kullandığınız temanın extra.less şablonuna ekleyiniz. FA iconu ve renkleri kendinize göre özelleştirebilirsiniz. Farklı önek eklemek için .label.label--onek1 onek1 yazan kısmı kendinize göre değiştirebilirsiniz. FA iconu düzenlemek için .m-faContent(@fa-var-cogs); satırda cogs yazan kısmı değiştirmeniz yeterlidir.
