xenForo Beğen Düğmesine Şekil Verme

Olympos

Misafir Editör
Katılım
28 Ocak 2022
Mesajlar
2,000
Tepkime puanı
1
Puanları
36
Konum
izmir
Cinsiyet
  1. Bay
Takım
Beşiktaş
1590165529437.png



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;     } }
 

Admin

Owner
Kurucu Admin
Katılım
13 Mar 2019
Mesajlar
7,686
Tepkime puanı
17
Puanları
38
Yaş
36
Konum
istanbul
Web sitesi
www.isgir.com
Cinsiyet
  1. Bay
Takım
Tarafsız
Emeğine sağlık hocam, teşekkürler.
 
metal işleme
Üst