xenForo Beğen Düğmesine Şekil Verme

Olympos

Misafir Editör
Katılım
28 Ocak 2022
Mesajlar
2,000
Tepkime puanı
0
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,685
Tepkime puanı
1
Puanları
38
Yaş
35
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