Tutoriel Déplacer les liens du personnel vers le menu déroulant (avec badges)

[0x]

Au lieu d'ajouter la barre grise en haut de la page avec les liens du personnel, ce mod ajoute les liens Admin / Rapports / Approbation à un menu déroulant dans la navigation de votre site et masque la barre du personnel d'origine avec CSS.



Modification apporté :

1. Ajoute le nombre total de messages en approbation + le nombre total de rapports dans le badge principal
2. Déplace la file d'attente d'approbation et le badge des rapports dans un menu déroulant séparé
3. Masque la barre du personnel d'origine avec CSS

INSTRUCTIONS D'INSTALLATION

ÉTAPE 1: Créez une nouvelle template dans Apparence > Templates et appeler le : template_pnavStaffBar
Et collez le code de modèle suivant :

Vous devez aimer ce post pour à accéder à ce contenu.

ÉTAPE 2 : Ouvrez le modèle PAGE_CONTAINER et recherchez cette ouverture : <div>

<div class="menu menu--structural menu--wide menu--account" data-menu="menu" aria-hidden="true"

et insérez le modèle que vous avez créé après la fermeture </div>:

<xf:include template="template_pnavStaffBar" />

ÉTAPE 3 : Ajoutez ensuite le CSS suivant à votre extra.less :

/* STAFF BAR */

.p-staffBar { display: none; }
.p-navStaffBar { display: inline-block; }
.p-navgroup-link {
    &.p-navgroup-link--moderatortools i:after { .m-faContent(@fa-var-tools, 1em); }
}

Enregistrez et sa sera bon.

 

[JOHNMOMO]

Au lieu d'ajouter la barre grise en haut de la page avec les liens du personnel, ce mod ajoute les liens Admin / Rapports / Approbation à un menu déroulant dans la navigation de votre site et masque la barre du personnel d'origine avec CSS.

Voir la pièce jointe 17399

Modification apporté :

1. Ajoute le nombre total de messages en approbation + le nombre total de rapports dans le badge principal
2. Déplace la file d'attente d'approbation et le badge des rapports dans un menu déroulant séparé
3. Masque la barre du personnel d'origine avec CSS

INSTRUCTIONS D'INSTALLATION

ÉTAPE 1: Créez une nouvelle template dans Apparence > Templates et appeler le : template_pnavStaffBar
Et collez le code de modèle suivant :
[<b>Contenu masqué</b>]

ÉTAPE 2 : Ouvrez le modèle PAGE_CONTAINER et recherchez cette ouverture : <div>

<div class="menu menu--structural menu--wide menu--account" data-menu="menu" aria-hidden="true"

et insérez le modèle que vous avez créé après la fermeture </div>:
[<b>Contenu masqué</b>]

ÉTAPE 3 : Ajoutez ensuite le CSS suivant à votre extra.less :
[<b>Contenu masqué</b>]

Enregistrez et sa sera bon.

MErci

 

[TinnysBuggy]

merci

 

[SsTeuchi]

merci du partage cela et tres utile

 

[MrDarK]

merci du partage cela et tres utile

 

[dantesque]

Carrément ça claque Merci . pour cette manip, je l installe direct

 

[drey2711]

Au lieu d'ajouter la barre grise en haut de la page avec les liens du personnel, ce mod ajoute les liens Admin / Rapports / Approbation à un menu déroulant dans la navigation de votre site et masque la barre du personnel d'origine avec CSS.

Voir la pièce jointe 17399

Modification apporté :

1. Ajoute le nombre total de messages en approbation + le nombre total de rapports dans le badge principal
2. Déplace la file d'attente d'approbation et le badge des rapports dans un menu déroulant séparé
3. Masque la barre du personnel d'origine avec CSS

INSTRUCTIONS D'INSTALLATION

ÉTAPE 1: Créez une nouvelle template dans Apparence > Templates et appeler le : template_pnavStaffBar
Et collez le code de modèle suivant :
[<b>Contenu masqué</b>]

ÉTAPE 2 : Ouvrez le modèle PAGE_CONTAINER et recherchez cette ouverture : <div>

<div class="menu menu--structural menu--wide menu--account" data-menu="menu" aria-hidden="true"

et insérez le modèle que vous avez créé après la fermeture </div>:
[<b>Contenu masqué</b>]

ÉTAPE 3 : Ajoutez ensuite le CSS suivant à votre extra.less :
[<b>Contenu masqué</b>]

Enregistrez et sa sera bon.

CA à l'air plus sympa

 

[alexandre1213]

Au lieu d'ajouter la barre grise en haut de la page avec les liens du personnel, ce mod ajoute les liens Admin / Rapports / Approbation à un menu déroulant dans la navigation de votre site et masque la barre du personnel d'origine avec CSS.

Voir la pièce jointe 17399

Modification apporté :

1. Ajoute le nombre total de messages en approbation + le nombre total de rapports dans le badge principal
2. Déplace la file d'attente d'approbation et le badge des rapports dans un menu déroulant séparé
3. Masque la barre du personnel d'origine avec CSS

INSTRUCTIONS D'INSTALLATION

ÉTAPE 1: Créez une nouvelle template dans Apparence > Templates et appeler le : template_pnavStaffBar
Et collez le code de modèle suivant :
[<b>Contenu masqué</b>]

ÉTAPE 2 : Ouvrez le modèle PAGE_CONTAINER et recherchez cette ouverture : <div>

<div class="menu menu--structural menu--wide menu--account" data-menu="menu" aria-hidden="true"

et insérez le modèle que vous avez créé après la fermeture </div>:
[<b>Contenu masqué</b>]

ÉTAPE 3 : Ajoutez ensuite le CSS suivant à votre extra.less :
[<b>Contenu masqué</b>]

Enregistrez et sa sera bon.

grave style et trop bien

 

[Matthias85]

Au lieu d'ajouter la barre grise en haut de la page avec les liens du personnel, ce mod ajoute les liens Admin / Rapports / Approbation à un menu déroulant dans la navigation de votre site et masque la barre du personnel d'origine avec CSS.

Voir la pièce jointe 17399

Modification apporté :

1. Ajoute le nombre total de messages en approbation + le nombre total de rapports dans le badge principal
2. Déplace la file d'attente d'approbation et le badge des rapports dans un menu déroulant séparé
3. Masque la barre du personnel d'origine avec CSS

INSTRUCTIONS D'INSTALLATION

ÉTAPE 1: Créez une nouvelle template dans Apparence > Templates et appeler le : template_pnavStaffBar
Et collez le code de modèle suivant :
[<b>Contenu masqué</b>]

ÉTAPE 2 : Ouvrez le modèle PAGE_CONTAINER et recherchez cette ouverture : <div>

<div class="menu menu--structural menu--wide menu--account" data-menu="menu" aria-hidden="true"

et insérez le modèle que vous avez créé après la fermeture </div>:
[<b>Contenu masqué</b>]

ÉTAPE 3 : Ajoutez ensuite le CSS suivant à votre extra.less :
[<b>Contenu masqué</b>]

Enregistrez et sa sera bon.

Merci beaqucoup opur ce code !!!!