Released 2x img to navigation tab

[leanndamiann1]

good night, I wanted to know how to add an icon of an image that I want to put, next to the text in the navigation tab

 

[one_finger_man]

good night, I wanted to know how to add an icon of an image that I want to put, next to the text in the navigation tab

leanndamiann1can you show what you need with a pic so you can get the best answer

 

[leanndamiann1]

can you show what you need with a pic so you can get the best answer

one_finger_manYes, add image

 

[Pokschubin]

Yes, add image


View attachment 31144

leanndamiann1

[MMO] Navigation tab icons​

 

[leanndamiann1]

[MMO] Navigation tab icons​

Pokschubinyes i tried that and it is only for fontawesome icons, and not to put any image

 

[Pokschubin]

/admin.php?navigation/

Title [B]<img src="/data/images/icon/us.png">[/B]

 

[leanndamiann1]

/admin.php?navigation/

Title [B]<img src="/data/images/icon/us.png">[/B]

PokschubinI want to edit forum, home, and don't edit me, leave the title xenforo blocked it so as not to edit

 

[BattleKing]

I want to edit forum, home, and don't edit me, leave the title xenforo blocked it so as not to edit

leanndamiann1it does not look nice, but these might be caused by my choosen image and you can play around with the CSS code:

.p-navEl [data-nav-id="forums"]:before {
    content: url('data/images/aq.png');
    display: inline;
    vertical-align: middle;
    float: left;
    padding-left: 4px;
    padding-top: 4px;
}

 

[leanndamiann1]

it does not look nice, but these might be caused by my choosen image and you can play around with the CSS code:

View attachment 31147

.p-navEl [data-nav-id="forums"]:before {
    content: url('data/images/aq.png');
    display: inline;
    vertical-align: middle;
    float: left;
    padding-left: 4px;
    padding-top: 4px;
}

BattleKingthanks work for me

 

[Pokschubin]

it does not look nice, but these might be caused by my choosen image and you can play around with the CSS code:

View attachment 31147

.p-navEl [data-nav-id="forums"]:before {
    content: url('data/images/aq.png');
    display: inline;
    vertical-align: middle;
    float: left;
    padding-left: 4px;
    padding-top: 4px;
}

BattleKingfont-size: 32px; /** Example */