Derniers sujets*
» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par Constellation Mer 16 Juin 2021 - 0:53

» [PHPBB2] Afficher le posteur du sujet dans les réponses
par Constellation Jeu 10 Juin 2021 - 23:45

» [PHPBB2] Afficher les brouillons en attente sur toutes les pages etc etc
par Constellation Jeu 10 Juin 2021 - 23:43

» [PHPBB2]Supprimer le tag "Re" sur les messages
par Constellation Jeu 10 Juin 2021 - 2:37

» [TOUTES VERSIONS] Ajouter le texte bienvenu et le Pseudo dans l'onglet du navigateur
par Constellation Jeu 10 Juin 2021 - 2:31

» [TOUTES VERSIONS] Afficher la partie profil de la toolbar en bas à gauche avec effet slide
par Constellation Jeu 10 Juin 2021 - 2:27

» [TOUTES VERSIONS] Modifier les textes des MPs nons lus
par Constellation Jeu 10 Juin 2021 - 2:25

» [TOUTES VERSIONS]Afficher la date de la dernière visite au survol du Pseudo seulement pour les admins
par Constellation Jeu 10 Juin 2021 - 2:23

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Constellation Jeu 10 Juin 2021 - 2:20

» [PHPBB3] Supprimer la ligne Cacher sa présence en ligne
par Chéryl Sam 29 Mai 2021 - 19:40

» [TOUTES VERSIONS] Masquer le bouton j'aime pas ou j'aime a un membre
par fred9545 Sam 29 Mai 2021 - 11:51

» [PHPBB2] Modifier le texte des balises codes , citation et Spoiler
par Milouze14 Jeu 13 Mai 2021 - 19:21

» [PHPBB3] Personnaliser les balises hide code quote et spoiler
par Sick.l.Offrande Jeu 13 Mai 2021 - 19:19

» [TOUTES VERSIONS] Citation avec envoi direct sur le message rapide
par Sick.l.Offrande Jeu 13 Mai 2021 - 19:19

» [TOUTES VERSIONS] Afficher un texte qui au clic postera un message automatiquement
par Sick.l.Offrande Mer 12 Mai 2021 - 1:18

» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Milouze14 Lun 10 Mai 2021 - 9:48

» [PHPBB2] Agréger les doubles post
par Milouze14 Lun 10 Mai 2021 - 7:49

» [PHPBB2] Remplacer le mot Invité
par soleda Dim 9 Mai 2021 - 18:51

» [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style
par Milouze14 Dim 9 Mai 2021 - 18:43

» [TOUTES VERSIONS] Auto suggestion des membres sur les tags
par Milouze14 Jeu 6 Mai 2021 - 14:27

Les statistiques du forum
Nous avons 475 membres enregistrés

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

Nos membres ont posté un total de 26100 messages dans 1325 sujets

[PHPBB3] Ajouter une deuxième barre de navigation

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

Message n°10
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

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


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

https://photoclic.forum-pro.fr/

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à Milouzien ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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