Derniers sujets*
» [TOUTES VERSIONS]Mise en place automatique décorations
par clost Dim 21 Fév 2021 - 11:37

» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04

» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03

» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13

» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31

» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29

» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04

» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48

» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43

» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39

» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17

» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51

» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48

» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22

» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26

» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27

» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53

» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32

» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36

Les statistiques du forum
Nous avons 458 membres enregistrés

L'utilisateur enregistré le plus récent est cin

Nos membres ont posté un total de 24138 messages dans 1235 sujets

[PHPBB3] Ajouter une deuxième barre de navigation

Voir le sujet précédent Voir le sujet suivant Aller en bas

Milouze14
Milouze14
Fondateur

MessageMilouze14 Dim 15 Nov 2020 - 7:58

Hello les ami(e)s,

l'astuce consiste a ajouter une deuxième barre de navigation visible que par les membres.
Cette dernière sera automatiquement masquée.
Pourquoi ?
Lorsque vous arriverez sur un message il y aura un décalage de la hauteur
et donc l'entête du message ne sera pas visible.


Avant:
[PHPBB3] Ajouter une deuxième barre de navigation 173

Après avant ouverture:

[PHPBB3] Ajouter une deuxième barre de navigation 234

Après avant fermeture:

[PHPBB3] Ajouter une deuxième barre de navigation 319



On va tout placer dans le template overall_header.



Dans le script ci-dessous ,
il y a deux variables o et c qui correspondent au lien des images 16px par 16px.
Vous pouvez modifier les images si vous le souhaitez, mais attention aux dimensions les ami(e)s.

https://i.servimg.com/u/f20/20/11/87/27/add_it10.png
[PHPBB3] Ajouter une deuxième barre de navigation Add_it10

https://i.servimg.com/u/f20/20/11/87/27/remove11.png
[PHPBB3] Ajouter une deuxième barre de navigation Remove11

Il faudra repositionner ces derniers dans le style donné plus bas.


Code:
   
var o ="https://i.servimg.com/u/f20/20/11/87/27/add_it10.png";
var c ="https://i.servimg.com/u/f20/20/11/87/27/remove11.png";




Les liens renseignés:

Code:

<li><a class="mainmenu"href="/profile?mode=editprofile&page_profil=preferences">Vos préférences</a></li>
<li><a class="mainmenu"href="/profile?mode=editprofile&page_profil=signature">Votre signature</a></li>
<li><a class="mainmenu"href="/profile?mode=editprofile&page_profil=avatars">Votre avatar</a></li>
<li><a class="mainmenu"href="/profile?mode=editprofile&page_profil=notifications">Vos notifications</a></li>
<li><a class="mainmenu"href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username">Dernière visite des membres</a></li>
<li><a class="mainmenu"href="/search?search_id=favouritesearch">Favori</a></li>


Vous pouvez remplacer par :
Code:

<li><a class="mainmenu"href="LE LIEN">TEXTE</a></li>
<li><a class="mainmenu"href="LE LIEN">TEXTE</a></li>
<li><a class="mainmenu"href="LE LIEN">TEXTE</a></li>
<li><a class="mainmenu"href="LE LIEN">TEXTE</a></li>
<li><a class="mainmenu"href="LE LIEN">TEXTE</a></li>
<li><a class="mainmenu"href="LE LIEN">TEXTE</a></li>

Et renseigner vous même les liens et les textes.


Dans le template overall_header:
Affichage/Templates/Général/ overall_header

Recherchez ceci:

Code:

<ul class="linklist navlinks{NAVBAR_BORDERLESS}">
<li>{GENERATED_NAV_BAR}</li>
</ul>

Juste avant déposez

Code:
 <!-- BEGIN switch_user_logged_in -->
<ul class="M14_more_btn_navbar navlinks" style="display:none;">
<li><a class="mainmenu"href="/profile?mode=editprofile&page_profil=preferences">Vos préférences</a></li>
<li><a class="mainmenu"href="/profile?mode=editprofile&page_profil=signature">Votre signature</a></li>
<li><a class="mainmenu"href="/profile?mode=editprofile&page_profil=avatars">Votre avatar</a></li>
<li><a class="mainmenu"href="/profile?mode=editprofile&page_profil=notifications">Vos notifications</a></li>
<li><a class="mainmenu"href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username">Dernière visite des membres</a></li>
<li><a class="mainmenu"href="/search?search_id=favouritesearch">Favori</a></li>
  <script>
    $(function(){
    var o ="https://i.servimg.com/u/f20/20/11/87/27/add_it10.png";
    var c ="https://i.servimg.com/u/f20/20/11/87/27/remove11.png";
    $('#page-header .navbar ul.navlinks:eq(1)').find('li:eq(0)').before('<li><span class="M14_openNav" title="Afficher la deuxième barre de navigation"><img src="'+o+'"/></span><span class="M14_closeNav" style="display:none;" title="Masquer la deuxième barre de navigation"><img src="'+c+'"/></span></li>');
$('.M14_openNav').click(function(){
$(this).hide();
$(this).closest('li').find('.M14_closeNav').show();
$(this).closest('ul').prev().slideDown(800);
});
$('.M14_closeNav').click(function(){
$(this).hide();
$(this).closest('li').find('.M14_openNav').show();
$(this).closest('ul').prev().slideUp(800);
});
});
  </script>
      </ul>
<!-- END switch_user_logged_in -->



Pensez a enregistrer puis à valider en cliquant respectivement sur Enregistr puis Ajout



Puis le style qu'il faudra peut être ajusté en fonction de votre forum.
Pensez aussi a adapter si besoin le dernier style en cas ou vou sauriez décidé de mettre des bouton plus importants.


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:

/*LA BARRE DE NAVIGATION*/
ul.M14_more_btn_navbar{font-weight: 700;text-align: center;  }
/*LES PARTIES DE LA BARRE DE NAVIGATION*/
.M14_more_btn_navbar  li{display:inline;font-size: 1.1em;line-height: 2.2em;}
/*LES LIENS DE LA BARRE DE NAVIGATION*/
.M14_more_btn_navbar  li a.mainmenu{margin:0px 5px 0px 5px;}
/*LES BOUTONS OUVERTURE/FERMETURE DE LA BARRE DE NAVIGATION*/
.M14_openNav,.M14_closeNav
{
position: relative;
float:left;
width: 16px;
height: 16px;
top: 3px;
cursor:pointer;
}   

Pensez a cliquer sur le bouton [PHPBB3] Ajouter une deuxième barre de navigation Sans_t10


Voila, c'est tout pour le moment clin oeil .
Un soucis direction l'entraide hinhin
https://www.milouze14.com/f14-entraide-forumactif




NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES

Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
avatar
photoclic
Milouzien

Messagephotoclic Dim 15 Nov 2020 - 13:04

Merci Philippe.
Vraiment sympa d'en faire profiter les milouziens.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Sujets similaires internes ( 0 )
Aucun sujet

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum