konu ve mesajların altındaki Beğen, Alıntı Yap, Cevapla Düğmelerini resimdeki gibi yapmak için
alttaki kodu extra.less şablonuna ekleyin
Kod:
Kod:
.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%);
}
Eğer fare ile üzerine gelince yakınlaşmasını istiyorsanız yukarıdakini değil alttakini ekleyin
Kod:
Kod:
.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 {
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%);
}
.actionBar-action--like:hover {
background: rgb(65, 158, 224);
color: rgb(255, 255, 255);
text-decoration: none;
transition: all .4s ease;
-webkit-transition: all .4s ease;
background: linear-gradient(rgb(65, 158, 224) 0%, rgb(65, 158, 224) 0%);
transform: scale(1.25);
}
@media (max-width: 800px) {
.actionBar-action--like:hover {
transform: none; } }