• 06-03-2020, 10:04:15
    #1
    Üyeliği durduruldu
    Merhaba arkadaşlar,

    konu ön eklerine icon ekleyip daha hoş görünüme kavuşturmak istedim fakat bir türlü ikonları ekleyemiyorum.

    Extra less'e yazdığım kodlar sırasıyla ;

    font-family:'Font Awesome 5 Pro';
    <xf:comment> ONEK CSS Tanimi </xf:comment>.rc_onek {    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;    &:before {        background-color: rgba(0, 0, 0, 0.2);        position: absolute;        border-top-right-radius: 40px;        border-right: 2px solid rgba(0, 0, 0, 0.1);        top: 0;        bottom: 0;        left: 0;        padding: 2px 4px 0 2px;        width: 20px;        font-family: FontAwesome;        text-align: center;    }}<xf:comment> SATILIK ONEK CSS Tanimi </xf:comment>.satilik {    background-color: #b2b2b2;}.satilik:before {    content: "f155";}
    .satilik {    background-color: #b2b2b2;}
    .satilik:before {    content: "f155";}
    Konuyu seçtikten sonra ki görünümü ;


    Konuyu seçerken ki görünümü ;

    Niye böyle yapıyor anlamadım arkadaşlar, yardımcı olacaklara teşekkür ederim.
  • 06-03-2020, 10:18:34
    #2
    efku adlı üyeden alıntı: mesajı görüntüle
    Merhaba arkadaşlar,

    konu ön eklerine icon ekleyip daha hoş görünüme kavuşturmak istedim fakat bir türlü ikonları ekleyemiyorum.

    Extra less'e yazdığım kodlar sırasıyla ;

    font-family:'Font Awesome 5 Pro';
    <xf:comment> ONEK CSS Tanimi </xf:comment>.rc_onek {    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;    &:before {        background-color: rgba(0, 0, 0, 0.2);        position: absolute;        border-top-right-radius: 40px;        border-right: 2px solid rgba(0, 0, 0, 0.1);        top: 0;        bottom: 0;        left: 0;        padding: 2px 4px 0 2px;        width: 20px;        font-family: FontAwesome;        text-align: center;    }}<xf:comment> SATILIK ONEK CSS Tanimi </xf:comment>.satilik {    background-color: #b2b2b2;}.satilik:before {    content: "f155";}
    .satilik {    background-color: #b2b2b2;}
    .satilik:before {    content: "f155";}
    Konuyu seçtikten sonra ki görünümü ;


    Konuyu seçerken ki görünümü ;

    Niye böyle yapıyor anlamadım arkadaşlar, yardımcı olacaklara teşekkür ederim.
    Dostum akşama kadar halledemezsen uzaktan bağlantı kurar detaylı gösteriririm şuan işteyim 17:30 da evdeyim bilgin olsun

    Edit : Eklemişsiniz ? Tam olarak sorun nedir
  • 06-03-2020, 14:16:00
    #3
    Merhaba,

    .satilik:before {    content: "f155";}
    content kısmını içerisinde bulunan "f155" parametresini içeriğinie direk olarka "f155" olarak ekleme yapınız. Eğer bu işlemdende bir sonuç almazsanız " font-family: " kısmı sürümünü kontrol ediniz.