Like, Quote ve Reply linklerini yapmak için basit şablon düzenleme düğmeleri gibi görünüyor.
Bu kodlar Extra.less şablonuna eklenecektir.
İkinci kod, farklı bir şey için benzer bir düğmeye efekt üzerinde bir zoom tipi fare ekler. Kod 2'yi kullanırsanız, kod 1'i eklemeniz gerekmez ve bunun tersi de geçerlidir.
Bu, varsayılan XF2 (Sürüm 2.0.9) stili üzerinde test edildi, renk kodlarını beğeninize göre düzenledi. Bu sadece IE, FF ve safari'de test edilmiştir. Sadece Masaüstü Bilgisayar, Iphone 7 ve iPad 4 üzerinde test edilmiştir.
CSS:
.actionBar-action--reply, .js-multiQuote, .actionBar-action--like
{
display:inline-block;
background: rgb(71, 167, 235);
color: rgb(255, 255, 255);
padding: 4px 9px;
line-height: 19px;
background: linear-gradient(rgb(71, 167, 235) 0%, rgb(71, 167, 235) 0%);
}
.actionBar-action--reply:hover, .js-multiQuote:hover, .actionBar-action--like:hover {
background: rgb(65, 158, 224);
color: rgb(255, 255, 255);
text-decoration: none;
background: linear-gradient(rgb(65, 158, 224) 0%, rgb(65, 158, 224) 0%);
}