Çözüldü Ranklarda fontawesome sorunu

protteydrosse · 8 Ara 2018

Rütbe verirken icon kodunu (f5ad) extra.lessten eklediğimde icon rütbelerde görünmüyor Çözümünü bilen yazabilir mi?

Screenshot

Captured with Lightshot

prntscr.com

Kod:

.tasarimci, {
    background-color:#008cb7;

    &:before {
        content: "\f5ad";
        }
}

/*** YENİ  EKLENECEK KULLANICILARI ALT SATIRA EKELYİN ***/


.tasarimci,
.tasarimci {
    color:rgba(255,255,255,0.8);
    border-radius: 2px;
    display: inline-block;
    position: relative;
    font-size: 90%;
    padding: 0 5px 0 32px;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    text-align: center;

        &:before {
        background:rgba(0, 0, 0,0.2) none repeat scroll 0 0;
        position: absolute;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-right: 1px solid #fff;
        top: 0;
        bottom: 0;
        left: 0;
        padding:0px 4px 0px 4px;
        min-width: 20px;
        font-family: FontAwesome;
        font-size: 100%;
        text-align: center;

        }
}

netr0n · 8 Ara 2018

Kodu görmeden ne söyleyelim şimdi?

netr0n · 8 Ara 2018

1- Css kodu içerisinde fontawesome content: ""; kodu yok.
2-Font ailesini şu şekilde tanımlayın font-family: "FontAwesome";

protteydrosse · 8 Ara 2018

netr0n' Alıntı:
1- Css kodu içerisinde fontawesome content: ""; kodu yok.
2-Font ailesini şu şekilde tanımlayın font-family: "FontAwesome";

Kodlar var abi her icon için geçerli değil mesela yıldız ikonu sorunsuz çalışıyor fakat bazı iconlarda bu şekilde çıkıyo

netr0n

netr0n · 8 Ara 2018

Faruk Kızıldağ' Alıntı:
Karıştı abi hepsı

Ehhe

Oraya ekleyeceğin FontAwesome icon kodunu yazar mısın buraya?

protteydrosse · 8 Ara 2018

netr0n' Alıntı:
Ehhe Oraya ekleyeceğin FontAwesome icon kodunu yazar mısın buraya?

/f5ad

mcv_js · 8 Ara 2018

netr0n' Alıntı:
Font ailesini şu şekilde tanımlayın font-family: "FontAwesome

Böyle değildi sanırım

netr0n · 8 Ara 2018

Aşağıdaki şekilde ekleyeceksin. Ayrıca senin eklediğin kod FontAwesome 5 bu yüzden gösteremezsin. Şu kodların arasından seçeceksin iconlarını Font Awesome Cheatsheet

CSS:

.tasarimci,
.tasarimci {
    color:rgba(255,255,255,0.8);
    border-radius: 2px;
    display: inline-block;
    position: relative;
    font-size: 90%;
    padding: 0 5px 0 32px;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    text-align: center;

        &:before {
        background:rgba(0, 0, 0,0.2) none repeat scroll 0 0;
        position: absolute;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-right: 1px solid #fff;
        top: 0;
        bottom: 0;
        left: 0;
        padding:0px 4px 0px 4px;
        min-width: 20px;
        font-family: "FontAwesome";
        content: "\f0c0";
        font-size: 100%;
        text-align: center;
        }
}

mcv_js · 8 Ara 2018

netr0n' Alıntı:

Aşağıdaki şekilde ekleyeceksin. Ayrıca senin eklediğin kod FontAwesome 5 bu yüzden gösteremezsin. Şu kodların arasından seçeceksin iconlarını Font Awesome Cheatsheet

CSS:

.tasarimci,
.tasarimci {
    color:rgba(255,255,255,0.8);
    border-radius: 2px;
    display: inline-block;
    position: relative;
    font-size: 90%;
    padding: 0 5px 0 32px;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    text-align: center;

        &:before {
        background:rgba(0, 0, 0,0.2) none repeat scroll 0 0;
        position: absolute;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-right: 1px solid #fff;
        top: 0;
        bottom: 0;
        left: 0;
        padding:0px 4px 0px 4px;
        min-width: 20px;
        font-family: "FontAwesome";
        content: "\f0c0";
        font-size: 100%;
        text-align: center;
        }
}

pardon abi kafa 2.1 de kalınca xf 2 yi unutuyoruz

Ara

Ara

Foruma hoş geldin 👋, Ziyaretçi

Çözüldü Ranklarda fontawesome sorunu

protteydrosse

xFanatik

Screenshot

netr0n

XGT

netr0n

XGT

protteydrosse

xFanatik

netr0n

XGT

protteydrosse

xFanatik

mcv_js

xFanatik

netr0n

XGT

mcv_js

xFanatik

Foruma hoş geldin 👋, Ziyaretçi

Gizliliğinize değer veriyoruz