XF 2.2 / 2.3 [cXF] Icons in More options menu

[laurent68]

Add icons to the More options menu and make it transparent and faster to act:

Add this to your extra.less template (for XenForo 2.3) :

Vous devez répondre avant de pouvoir voir le contenu des données cachées.

If you want an icon with one of the Font Awesome 5 Pro styles - light, solid or duotone - use the above code like this (example): .m-faContent(@fa-var-duotone-sign-in);. As you can see, you add the style name (in that case duotone) inside the code right after the var-.

Version pour xenforo 2.2 :

Vous devez répondre avant de pouvoir voir le contenu des données cachées.

 

XF 2.2 / 2.3  Glowing Froala Editor

XF 2.3  Font awesome icons 2.3 - categories, nodes, prefixes, phrases, templates etc...

[XenforoNoob90]

Oh wow let's see this.

 

[Gugol]

hope function

 

[XenforoNoob90]

Sorry to bother you, is there a way to modify this so it works on 2.2? I tried using it as-is but there's just rectangles beside the options instead of the actual icons.

 

[laurent68]

Sorry to bother you, is there a way to modify this so it works on 2.2? I tried using it as-is but there's just rectangles beside the options instead of the actual icons.

Normal c'est pour xenforo 2.3
Essais ce code :

/* [cXF] Icons in More options menu */
.menu-content .menu-linkRow {
    &:before {
       .m-faBase();
       padding-right: 5px;
    }
    &[href*="/edit"]:before {
        .m-faContent(@fa-var-edit);
    }
    &[href*="/change-type"]:before {
        .m-faContent(@fa-var-boxes-alt);
    }
    &[href*="/quick-close"]:before {
        .m-faContent(@fa-var-lock);
    }
    &[href*="/quick-stick"]:before {
        .m-faContent(@fa-var-thumbtack);
    }
    &[href*="/feature"]:before {
        .m-faContent(@fa-var-award);
    }
    &[href*="/poll/create"]:before {
        .m-faContent(@fa-var-poll);
    }
    &[href*="/delete"]:before {
        .m-faContent(@fa-var-trash-alt);
    }
    &[href*="/move"]:before {
        .m-faContent(@fa-var-arrow-from-left);
    }
    &[href*="/reply-bans"]:before {
        .m-faContent(@fa-var-ban);
    }
    &[href*="/moderator-actions"]:before {
        .m-faContent(@fa-var-clipboard-user);
    }
  }
/*****/

 

[okonecc]

hope function

 

[XenforoNoob90]

Normal c'est pour xenforo 2.3
Essais ce code :

/* [cXF] Icons in More options menu */
.menu--right .menu-content a.menu-linkRow {
    &:before {
        padding-right: 5px;
       .m-faBase();
    }
    &[href*="/edit"]:before {
        .m-faContent(@fa-var-edit);
    }
    &[href*="/change-type"]:before {
        .m-faContent(@fa-var-boxes-alt);
    }
    &[href*="/quick-close"]:before {
        .m-faContent(@fa-var-lock);
    }
    &[href*="/quick-stick"]:before {
        .m-faContent(@fa-var-thumbtack);
    }
    &[href*="/feature"]:before {
        .m-faContent(@fa-var-award);
    }
    &[href*="/poll/create"]:before {
        .m-faContent(@fa-var-poll);
    }
    &[href*="/delete"]:before {
        .m-faContent(@fa-var-trash-alt);
    }
    &[href*="/move"]:before {
        .m-faContent(@fa-var-arrow-from-left);
    }
    &[href*="/reply-bans"]:before {
        .m-faContent(@fa-var-ban);
    }
    &[href*="/moderator-actions"]:before {
        .m-faContent(@fa-var-clipboard-user);
    }
  }
}
/*****/

No icons show at all when I used that code.

 

[laurent68]

No icons show at all when I used that code.

Essais en suppriment cette ligne de code au debut : .menu--right

 

[laurent68]

Je viens de tester et sa fonctionne, j'ai édité mon ancien poste avec le bon code !

Screenshot

Captured with Lightshot

prnt.sc

 

[XenforoNoob90]

Essais en suppriment cette ligne de code au debut : .menu--right

It works now. Thank you

 

[sucre13]

It works now. Thank

 

[GTHebk]

C’est de toute beauté j’essaie !

 

[Dina]

Красота, мне это нужно!

 

[Tony]

merci