Vous êtes ici:   Sommaire / Le Design De L'App / Menu De Navigation & Home Page

Personnaliser les icônes de votre menu de navigation

Lorsque vous paramétrez votre menu de navigation, vous pouvez afficher des icônes dans votre menu.
Ces icônes peuvent être affichées dans vos raccourcis, ou dans la navigation principale en fonction du type de menu que vous avez choisi.

Pour paramétrer votre menu de navigation:
1. Rendez-vous dans le menu My app > Design > Menu de navigation   
2. Cliquez sur "Modifier" sous votre mode de navigation pour accéder à ses paramètres dans la colonne de droite
3. Cliquez sur l'icone que vous souhaitez modifier, un bloc va s'ouvrir
4. Cliquer "Modifier l'icone"

picture

Vous avez alors plusieurs possibilités :
- Choisir parmi les 1500 icônes par défaut fournies par GoodBarber dans Collections
ou

- Importer votre propre icône/image dans le back office depuis la barre d'Icônes Perso


1

La collection d'icônes par défaut

Différents set d’icônes sont disponibles : 
-Generic Set #1: fond transparent et logo blanc.
-Generic Set #2: fond transparent avec juste les bordures du logo.
Les Generic Set #1 et #2 sont ordonnés par thème général, évenements, météo etc.
-Generic Set #3: mix de logos pour différents types de pages

1. Sélectionnez la taille de prévisualisation* (16/32/64) de l'icons pour avoir un meilleurs rendu
2. Sélectionnez l'icône que vous souhaitez, celle-ci remplacera automatiquement l'ancienne icône.

* Cela change uniquement la taille de la prévisualisation, pas la taille de l'icone affichée sur votre app.

picture

2

Les icônes perso

1. Cliquez sur "Icônes perso"
2. Sélectionnez "Icône"
3. Cliquez sur "Parcourir" pour ajouter votre icone au bon format*

*la couleur et les textures ne peuvent être appliquées que si votre icône a le format suivant:
.png 
260 x 260 pixels 
- imageentièrement blanche (#FFFFFF) - et aucune autre couleur, pas même sur un pixel !!!
fond transparent.


La liste d'icônes que vous avez téléchargée apparaîtra en dessous dans la zone Icônes Perso.

picture

3

Les images perso

Cette option vous permet de charger des images en couleurs.
1. Cliquez sur "Icônes perso"
2. Sélectionnez "Image"
3. Cliquez sur "Parcourir" pour ajouter votre icone au bon format*

*L'image doit au format suivant :
- .png
- 260 x 260 pixels.


La liste d'images que vous avez téléchargée apparaîtra en dessous, dans la zone Collection personnelle.

picture

4

Tutoriel vidéo