XF 1.X Modifikasyon Nicke Fa icon ekleme ve döndürme

XFdestek

Kurucu Üye
XFD Üyesi
Katılım
25 May 2014
Mesajlar
832
Tepkime puanı
358
Puanları
63
Konum
Türkiye
Web sitesi
xenforodestek.net

İtibar:

1) extra.css açın
2) Bu kodu ekleyin:
PHP:
a.username:after {
    font-family: FontAwesome;
    font-size: 12px;
    content: '\f132';
    font-weight: normal;
    padding-left: 8px;
}
eklenen FA icon döndürmek için:
PHP:
a.username .style3:after {
    font-family: FontAwesome;
    font-size: 12px;
    content: '\f132';
    font-weight: normal;
    padding-left: 8px;
display: inline-block;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
a.username:hover .style3:after {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
Gurup eklemek için
Kod:
a.username .style3:after {
    font-family: FontAwesome;
    font-size: 12px;
    content: '\f132';
    font-weight: normal;
    padding-left: 8px;
}
.style3 iyi dikkat edin buna
Eğer .Style koymak değil, herkes simgesi vardır ve FA beyaz cıkıyor ise.
Ve FA bu kodu koymak döndürmek istiyorsanız:
PHP:
a.username .style3:after {
    font-family: FontAwesome;
    font-size: 12px;
    content: '\f132';
    font-weight: normal;
    padding-left: 8px;
display: inline-block;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;   
}
a.username:hover .style3:after {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
Hayırlı olsun
xfdestek.png
 

17mart

XFD Onursal
XFD Onursal
XFD Üyesi
Katılım
13 Nis 2015
Mesajlar
173
Tepkime puanı
68
Puanları
28
Yaş
49

İtibar:

çok güzel oldu teşekkür ederim.
 
Üst Alt