[cXF] Icons in More options menu

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

Add-on xenforo 2

Ressources et modules complémentaires pour XenForo 2

Styles xenforo 2

Styles / Thèmes et apparence pour xenforo 2

Templates xenforo 2

Codes pour modifier les templates sur xenforo 2

Section Premium

Add-on et Styles pour membre Premium
[cXF] Icons in More options menu

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

Catégorie Catégorie Modifications Templates
Titre du sujet Titre du sujet [cXF] Icons in More options menu
Auteur de la discussion Auteur de la discussion laurent68
Date de début Date de début
Réponses Réponses 13
Affichages Affichages 373
Réaction Réaction 2
Dernier message par Dernier message par Tony
laurent68

laurent68

Fondateur

Staff
fondateur
Réputation: 100%
Discussions
4 839
Messages
12 546
Solutions
84
J'aime
7 848
Points
198
Add icons to the More options menu and make it transparent and faster to act:

cxf_icons_more_options_menu.png


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

Pour consulter le contenu, vous devez : Se connecter ou S'inscrire.

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 :

Pour consulter le contenu, vous devez : Se connecter ou S'inscrire.
 
OTuGaMoDz
XF 2.2 / 2.3  Glowing Froala Editor
Font awesome icons 2.3 - categories, nodes, prefixes, phrases, templates etc...
XF 2.3  Font awesome icons 2.3 - categories, nodes, prefixes, phrases, templates etc...
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.
 
XenforoNoob90 a dit:
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.
Cliquez pour agrandir...
Normal c'est pour xenforo 2.3
Essais ce code :
Less: 
/* [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);
    }
  }
/*****/
 
laurent68 a dit:
Normal c'est pour xenforo 2.3
Essais ce code :
Less: 
/* [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);
    }
  }
}
/*****/
Cliquez pour agrandir...
No icons show at all when I used that code.
 
Je viens de tester et sa fonctionne, j'ai édité mon ancien poste avec le bon code !
prnt.sc

Screenshot

Captured with Lightshot
prnt.sc prnt.sc
 
Красота, мне это нужно!
 
Vous devez vous connecter
ou vous inscrire pour répondre ici.
Contenu similaire Les plus vues Voir plus

À propos de nous

Societyfrenchmodding est une communauté Francophone de libres discussions à propos des jeux, xenforo, modding et actualités ...etc

Statistiques en ligne

Membres en ligne
0
Visiteurs en ligne
85
Total de visiteurs
85
Nombre total incluant les visiteurs cachés.

Partager cette page

Restez connecté

Retour
Haut Bas