- Konuyu Başlatan
- AdminCP
- #1
- Katılım
- 9 Haziran 2018
- Konular
- 1,372
- Mesajlar
- 5,622
- Çözümler
- 1
- Reaksiyon puanı
- 1,730
- Puanları
- 113
- Konum
- Adana
- Web sitesi
- webadam.net
- Cinsiyet
- Erkek
Menü ve alt açılır menülerine FontAwesome simgeleri ekleyin.
FontAwesome Unicode kodlarını Font Awesome Icon List'te bulabilirsiniz.
Tek bir simgeye tıkladığınızda, gösterilen simgenin altında unicode olacaktır.
CSS renk özniteliğini kullanarak istediğiniz zaman renk ekleyebilirsiniz.
Eksik menü öğelerini bulmak için, eksik alanın idini bulmak için F12 / geliştirici araçlarını kullanabilirsiniz.
Ekran Görüntüsü;
FontAwesome Unicode kodlarını Font Awesome Icon List'te bulabilirsiniz.
Tek bir simgeye tıkladığınızda, gösterilen simgenin altında unicode olacaktır.
CSS renk özniteliğini kullanarak istediğiniz zaman renk ekleyebilirsiniz.
Eksik menü öğelerini bulmak için, eksik alanın idini bulmak için F12 / geliştirici araçlarını kullanabilirsiniz.
Kod:
/****************** Menu/Sub Menu icons ****************************/
.p-navEl [data-nav-id="home"]:before{font-family:FontAwesome;content:"\f015";padding-right:5px}
.p-navEl [data-nav-id="forums"]:before{font-family:FontAwesome;content:"\f27b";padding-right:5px}
.p-navEl [data-nav-id="whatsNew"]:before{font-family:FontAwesome;content:"\f0a2";padding-right:5px}
/***************** Sub menu whatsnew ****************************/
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="whatsNewPosts"]:before{
font-family: FontAwesome;
content: "\f067";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="whatsNewProfilePosts"]:before{
font-family: FontAwesome;
content: "\f007";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="whatsNewNewsFeed"]:before{
font-family: FontAwesome;
content: "\f1ea";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="latestActivity"]:before{
font-family: FontAwesome;
content: "\f043";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="xfmgWhatsNewNewMedia"]:before{
font-family: FontAwesome;
content: "\f03e";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="xfmgWhatsNewMediaComments"]:before{
font-family: FontAwesome;
content: "\f0e6";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="xfrmNewResources"]:before{
font-family: FontAwesome;
content: "\f019";
padding-right: 5px;
}
/**************************************************/
.p-navEl [data-nav-id="members"]:before{font-family:FontAwesome;content:"\f2be";padding-right:5px}
/*********************members sub menu **************/
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="currentVisitors"]:before{
font-family: FontAwesome;
content: "\f1e5";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="newProfilePosts"]:before{
font-family: FontAwesome;
content: "\f0e6";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="searchProfilePosts"]:before{
font-family: FontAwesome;
content: "\f002";
padding-right: 5px;
}
/**************************************************/
.p-navEl [data-nav-id="xfmg"]:before{font-family:FontAwesome;content:"\f03e";padding-right:5px}
/*********************media sub menu **************/
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="xfmgNewMedia"]:before{
font-family: FontAwesome;
content: "\f196";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="xfmgNewComments"]:before{
font-family: FontAwesome;
content: "\f0e6";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="xfmgSearchMedia"]:before{
font-family: FontAwesome;
content: "\f002";
padding-right: 5px;
}
/**************************************************/
.p-navEl [data-nav-id="xfrm"]:before{font-family:FontAwesome;content:"\f115";padding-right:5px}
/******************* resources sub menu ***********/
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="xfrmLatestReviews"]:before{
font-family: FontAwesome;
content: "\f0e6";
padding-right: 5px;
}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="xfrmSearchResources"]:before{
font-family: FontAwesome;
content: "\f002";
padding-right: 5px;
}
/**************************************************/Ekran Görüntüsü;
