XF 1.X Modifikasyon FA tartışmalar Öneki önce Simge

XFdestek · 13 Ara 2016

Bu kısa öğretici ben önekleri tartışmaları ile FontAwesome simgelerini eklemek için nasıl açıklayacağız.
1. Adım: ilk CSS FontAwesome eklemek için emin olun
şablon olarak page_container_js_head , bu Ara:

Kod:

<!--XenForo_Require:JS-->

altına ekle

Kod:

<link rel="stylesheet" href="
https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">

Adım 2:

Şablon EXTRA.CSS add in:

Kod:

.fa:before{
    font-family:FontAwesome;
    margin-right:3px
}

Adım 3:

Admincp üzerinde sekmesine tıklayın: Uygulamalar
sol kenar çubuğu tıklamada " tartışmaları önek "
+ Yeni önek tartışma oluşturun: Sonra '
başlığı: başlık, örnek ayarlayın: Öğretici
göster tarzı etkisi: kontrol edin:

CSS sınıf isminin diğer özelleştirilmiş kullanım:

Ardından Notlar alanları, yeni oluşturduğunuz CSS sınıf önek tanımlar.
örnek olarak

Kod:

prefix prefixRoyalBlue fa fa-graduation-cap

önek için CSS sınıfı liste şablonu mevcuttur: thread_prefixes.css aç:

PHP:

.prefix.prefixRed
.prefix.prefixGreen
.prefix.prefixOlive
.prefix.prefixLightGreen
.prefix.prefixBlue
.prefix.prefixRoyalBlue
.prefix.prefixSkyBlue
.prefix.prefixGray
.prefix.prefixSilver
.prefix.prefixYellow
.prefix.prefixOrange

İşte simgeler FA tam listesi

Lütfen içeriği görebilmek için Giriş yap veya üye ol.

emirrasit · 2 Tem 2017

renkli cıkmadı bende ustad bu yazıve resım tamam ama renklı olmadı

XFdestek · 2 Tem 2017

emirrasit' Alıntı:
renkli cıkmadı bende ustad bu yazıve resım tamam ama renklı olmadı

thread_prefixes.css yukarısına

.prefix.prefixSilver { color: black; background-color: silver; border-color: silver; }
.prefix.prefixYellow { color: black; background-color: yellow; border-color: #E0E000; }
.prefix.prefixOrange { color: black; background-color: orange; border-color: #FFC520; }
.prefix.prefixPurple { color: black; background-color: Purple; border-color: #000000; }

renk ve kodları siz düzenlersiniz

emirrasit · 2 Tem 2017

.XF1_ek {
background-color: #7fff00;
border: 1px solid #A5D6A7 !important;
border-radius: 3px !important;
box-shadow: 0 0 1px #3a3535 inset;
display: inline-block;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 0 4px;
vertical-align: middle;
}
pekı resim yolunu burda nereye verıcem

emirrasit · 2 Tem 2017

kod çözülmüştür teşekkürler

XFdestek · 5 Tem 2017

Hayırlı olsun

17mart · 4 Şub 2018

Teşekkür ederim oldu

Ara

Ara

XF 1.X Modifikasyon FA tartışmalar Öneki önce Simge

XFdestek

Kurucu Üye

emirrasit

XFD Üyesi

XFdestek

Kurucu Üye

emirrasit

XFD Üyesi

emirrasit

XFD Üyesi

XFdestek

Kurucu Üye

17mart

XFD Onursal