Nasıl yapılır ? Navigasyon butonlarına icon ekleme

persian' Alıntı:

buyur hocam

.p-navEl a::before{
font-family: 'Font Awesome 5 Pro';
padding-right: 5px;
}

.p-navEl a[data-nav-id="home"]::before{content: "\f015";}
.p-navEl a[data-nav-id="forums"]::before{content: "\f27a";}
.p-navEl a[data-nav-id="whatsNew"]::before{content: "\f0e7";}
.p-navEl a[data-nav-id="xfmg"]::before{content: "\f030";}
.p-navEl a[data-nav-id="xfrm"]::before{content: "\f019";}
.p-navEl a[data-nav-id="members"]::before{content: "\f0c0";}
.p-navEl a[data-nav-id="newPosts"]::before{content: "\f005";}
.p-navEl a[data-nav-id="findThreads"]::before{content: "\f00e";}
.p-navEl a[data-nav-id="watched"]::before{content: "\f06e";}
.p-navEl a[data-nav-id="searchForums"]::before{content: "\f002";}
.p-navEl a[data-nav-id="markForumsRead"]::before{content: "\f070";}

Genişletmek için tıkla ...

samet4747' Alıntı:

extra.less e değil mi?

Genişletmek için tıkla ...

samet4747' Alıntı:

extra.less e değil mi?

Genişletmek için tıkla ...

netr0n' Alıntı:

extra.less şablonuna şöyle girilecek. nav ID'inizi eklemeyi unutmayın.

Less:

.p-navEl-link {
    &:before{
        font-size: 15px;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 3px;
        .m-faBase();
    }
    &[data-nav-id="ID_ismi_buraya_gelecek"]:before{
        content: '\f015';
    }

}

Genişletmek için tıkla ...

Ugur' Alıntı:

S samet4747 sizin temanız Material ikonları kullandığı için olmuyor.

Tema özellikleri ==> İkon kısmından Icon fontunu Font awesome seçin düzelecektir.

Genişletmek için tıkla ...

samet4747' Alıntı:

Teşekkür ederim çözüldü

Genişletmek için tıkla ...

Ugur' Alıntı:

Find Icons with the Perfect Look & Feel | Font Awesome

Used by millions of designers, devs, & content creators. Open-source. Always free. Check out the all-new Sharp Solid icons, available in Font Awesome 6 Pro.

fontawesome.com

Burdaki ikonlara bakın.

Genişletmek için tıkla ...