-15%
Le deal à ne pas rater :
TV 4K de 43″ Philips 43PUS7555/12 à 339,99€ seulement
339.99 € 399.99 €
Voir le deal

Aller en bas
Mäven
Mäven
Râleuse (Admin)
Informations : Présente quelques heures par semaine =)
----
Idea Viens papoter avec nous sur le discord

Messages : 3991
https://tambouille-raleuses.forumactif.com/

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Afficher les notifications dans la barre de navigation & retirer la toolbar

Jeu 13 Juin 2019 - 10:52

Afficher les notifications dans la barre de navigation & retirer la toolbar


Bonjour à toi qui passe par ici !

Personnellement, je n'aime pas la toolbar de forumactif... La seule chose que j'apprécie dessus et que je trouve intéressante, c'est la partie "notifications". C'est quand même bien pratique de voir quand on est tagué, que quelqu'un a répondu à un sujet qu'on surveille ou qu'on reçoit un message privé !
Du coup, je viens vous expliquer comment intégrer les Notifications à la barre de navigation tout en faisant disparaitre la toolbar !

Arrow Ce tutoriel est fonctionnel sur toutes les versions sauf AwesomeBB puisque la barre de navigation y est bien différente...

Un petit aperçu sur ModernBB, mais le principe est le même à chaque fois : on intègre les notifications à la barre de navigation.
Idea Bien entendu, on peut faire la mise en page que l'on souhaite pour les "nouvelles notifications", pour l'exemple j'ai choisi d'agrandir la police et de la mettre en rouge Wink
Pas de nouvelles notifications :
Afficher les notifications dans la barre de navigation & retirer la toolbar Notif_13
Idea https://i.servimg.com/u/f60/15/82/71/87/notif_13.png
Nouvelles notifications :
Afficher les notifications dans la barre de navigation & retirer la toolbar Notif_12
Idea https://i.servimg.com/u/f60/15/82/71/87/notif_12.png

Exclamation  Pré-requis :
• Tu dois avoir accès au panneau administration ;
• Des connaissances de bases en HTML & CSS sont un plus ;
• Tu ne dois pas être effrayé par le javascript.

On active la toolbar

Eh oui, on va activer la toolbar, pour que les notifications soient activées. Pour cela PA > Modules > Toolbar > Configuration > Activé à Oui

Et puis on va la cacher : PA > Affichage > Couleurs > Feuille de style CSS
Code:
body{
 margin-top:0 !important;
}
.is-sticky#headerbar-top.w-toolbar {
    top: 0px !important;
}
#fa_toolbar,
#fa_toolbar_hidden{
  display:none;
}

On passe à la partie suivante !

Ajout d'un lien dans la barre de navigation

Ici on va aller rechercher le lien des notification, sur le forum dans Profil > Notifications :
Afficher les notifications dans la barre de navigation & retirer la toolbar Profil10
Idea https://i.servimg.com/u/f60/15/82/71/87/profil10.png

On récupère l'url, pour moi :
http://maven.forumactif.org/profile?mode=editprofile&page_profil=notifications
Et on ne garde que la partie après le dernier "/"
Code:
/profile?mode=editprofile&page_profil=notifications

Puis on va aller ajouter ce lien dans la barre de navigation : PA > Affichage > En-tête et Navigation > Ajouter un menu personnalisé.
On rempli les champs :
• Le nom
• L'image si tu le souhaites (l'image quand il n'y a pas de notification) - si tu n'en mets pas il n'y aura que le texte
• Le texte
• L'url qu'on a reprit juste au dessus
Dans les permissions, on décoche "invité", puisque les invités n'ont pas accès aux notifications.
Afficher les notifications dans la barre de navigation & retirer la toolbar Ajout_10
Idea https://i.servimg.com/u/f60/15/82/71/87/ajout_10.png

Un peu de javascript

On va aller ajouter le javascript.
Dans le PA > Modules > Gestion des codes javascript > Créer
tu y mets un nom et on l'applique à toutes les pages

Il est commenté pour qu'il soit compréhensible.
Question Si tu as la moindre question concernant le script, n'hésite pas !
Idea N'oublies pas de mettre à jour la version de ton forum et l'image  :
Code:
var versionForum = 'modernbb';
  var nouvelleImage = 'https://2img.net/i/fa/modernbb/forum_unread_category.png';

Exclamation Si tu n'as pas mis d'image, mets simplement
Code:
var nouvelleImage = '';


Code:
/*Au chargement de la page*/
$(function(){
  // on indique la version du forum : attention de bien respecter les écritures ci-dessous
  // invision, phpbb2, phpbb3, punbb, modernbb
  var versionForum = 'modernbb';
  var nouvelleImage = '';
 
 var  lastNbNotif = 0, //on crée la variable qui récupérera le nombre de notifications actuelles
    cheminNav; // On crée la variable pour les différents chemins selon la version

 // En fonction de la version du forum, on récupére les bons élements à cibler pour la barre de navigation
    switch(versionForum){
        // Si on est sur invision
        case 'invision':
        cheminNav = '#ipbwrapper #submenu ';
          break;

        // Si on est sur phpbb2
        case 'phpbb2':
        cheminNav = '.bodyline > table td[align="center"] ' ;
          break;

      // Si on est sur phpbb3
        case 'phpbb3':
          cheminNav = '.navbar .navlinks ';
          break;

        // Si on est sur punbb
        case 'punbb':
        cheminNav = '#pun-head #pun-navlinks ';
          break;

        // Si on est sur modernbb
        default:
          cheminNav = '.headerbar .navbar.navlinks ';
          break;
    }
 
  // On récupère le chemin de la barre de navigation et plus particulièrement le "bouton" notification
  //On récupère le texte "normal" du bouton de Notification
var cheminNavbar=cheminNav +'a[href="/profile?mode=editprofile&page_profil=notifications"]';
var textNavBar = $(cheminNavbar).text();

  // On récupère le nombre de notification dans la toolbar
  // S'il y a une notification ET que le nombre de notification de la toolbar est différent de celui enregistré dans la variable
    // on ajoute une class au lien de la barre de navigation concerné
    // On modifie l'image
    // On ajoute le nombre de notification dans la barre de navigation
    // On enregistre le nombre de notification dans la variable
function majNotification() {
  var nbNotif=$('#fa_notifications').find('#notif_unread').text();
 if(nbNotif != "" && nbNotif!=lastNbNotif){
          $(cheminNavbar).addClass("newNotif");
          $(cheminNav +'a[href="/profile?mode=editprofile&page_profil=notifications"] img').attr("src",nouvelleImage);
          $(cheminNavbar).text(textNavBar + ' ' + nbNotif);
 lastNbNotif=nbNotif;
        }
}
 
  // Au chargement de la page, on attend 1 seconde (1000 ms), on appelle notre fonction
  setTimeout(function(){
 majNotification();
  }, 1000);
  // Puis, toutes les 30 secondes (30000 ms) on appelle à nouveau notre fonction
 setInterval(function(){
 majNotification();
  }, 30000);
 
});

Une touche de CSS

En plus de la CSS du début du tutoriel, on va ajouter la CSS sur le bouton, celle qu'on a appliqué à l'url de la barre de navigation
PA > Affichage > Couleurs > Feuille de style CSS :

Code:
.newNotif{
 color:red !important;
 font-size:18px !important;
}



Et voilà ! Tu peux maintenant avoir les notifications, sans avoir la toolbar !  Youpi

Anonymous
cissa
Invité

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Lun 12 Avr 2021 - 16:23
coucou par ici ! Copains
Je viens avec le même soucis que les quelques personnes au-dessus, c'est-à-dire que le bouton apparaît bien sur la barre de navigation mais qu'en revanche, le nombre de notifications n'apparaît pas No Comme j'ai cru comprendre que cela dépend d'un chemin propre à chaque forum, je me permets de poster ici, cependant, en tant qu'invité, je n'arrive pas à poster le code du template overall-header Embarassed Embarassed

Merci d'avance et bravo pour ce petit forum aux tutoriels très pratiques Razz
pedro
pedro
Messages : 8

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Mar 13 Avr 2021 - 16:45
good evening I did everything as a tutor, but it doesn't work, I always open the "Types of notifications" page where I'm wrong

version: invision
version: ModernBB

thank you very much I don't have any modified templates
Mäven
Mäven
Râleuse (Admin)
Informations : Présente quelques heures par semaine =)
----
Idea Viens papoter avec nous sur le discord

Messages : 3991
https://tambouille-raleuses.forumactif.com/

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Mar 13 Avr 2021 - 21:45
Bonsoir Cissa
Comme indiqué, pour qu'on puisse t'aider et avoir un suivi il faut t'inscrire. Sans code, sans lien, sans rien, on ne peut rien faire ^^

Hi @pedro. I'm sorry I'm really bad in english.
I don't understand your problem. You don't see the number of notifications in your nav bar ?

_________________
pedro
pedro
Messages : 8

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Mer 14 Avr 2021 - 0:00
Don't work the tutors

les tuteurs ne fonctionnent ho seguito il tutors bene . Je n'ai pas de modèles modifiés
cissa
cissa
Messages : 6

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Mer 14 Avr 2021 - 11:43
Coucou ! Je n'avais pas trop de temps au moment où j'ai vu le tutoriel et je n'avais pas encore pris le temps de jeter un oeil autre part sur le forum Wink Me voilà donc ! Je me permets du coup de glisser le code de mon overall-header :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"
     xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <link href="https://fonts.googleapis.com/css?family=Overpass:400,700|Share+Tech+Mono" rel="stylesheet">
  <link href='http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto' rel='stylesheet' type='text/css' />
  <link href="https://fonts.googleapis.com/css?family=Roboto|Montserrat:900|Roboto" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Roboto|Cousine|Montserrat:900i" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Maven+Pro&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Volkhov&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
  <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"/>
   <meta http-equiv="content-script-type" content="text/javascript"/>
   <meta http-equiv="content-style-type" content="text/css"/>
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/>
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}"/>
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}"/>
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}"/>
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <!-- BEGIN switch_recent_jquery -->
   <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
   <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
   <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
   <!-- END switch_recent_jquery -->
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
   {RICH_SNIPPET_GOOGLE}

   <!-- BEGIN switch_fb_login -->
   <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/>
   <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch (tickerDirParam) {
         case 'top' :
            slid_vert = true;
            break;
         case 'left':
            break;
         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;
         case 'right':
            auto_dir = 'prev';
            break;
         default:
            slid_vert = true;
      }

      $(document).ready(function () {
         var w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0) {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display', 'block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each(function () {
               if ($(this).height() > height_max) {
                  height_max = $(this).height();
               }
            });

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
               if ($(this).width() > width_item) {
                  var ratio = $(this).width() / width_item;
                  var new_height = Math.round($(this).height() / ratio);
                  $(this).height(new_height).width(width_item);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert) {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
               vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
               scroll: 1,
               size: {switch_ticker.SIZE},
               height_max: height_max,
               animation: {switch_ticker.SPEED}
            });
         } else {
            $('ul#fa_ticker_content li:not(:first)').css('display', 'none');
            $('ul#fa_ticker_content li:first').css('list-style', 'none').css('text-align', 'center');
         }
      });
      //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
      $(document).ready(function () {
         <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if (pm != null) {
            pm.focus();
         }
         <!-- END switch_enable_pm_popup -->
         <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if (report != null) {
            report.focus();
         }
         <!-- END switch_report_popup -->
         <!-- BEGIN switch_ticker -->
         $(document).ready(function () {
            Ticker.start({
               height: {switch_ticker.HEIGHT},
               spacing: {switch_ticker.SPACING},
               speed: {switch_ticker.SPEED},
               direction: '{switch_ticker.DIRECTION}',
               pause: {switch_ticker.STOP_TIME}
            });
         });
         <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH},
         logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
      <!-- END switch_login_popup -->

      <!-- BEGIN switch_login_popup -->
      $(document).ready(function () {
         $(window).resize(function () {
            var windowWidth = document.documentElement.clientWidth;
            var popupWidth = $("#login_popup").width();
            var mypopup = $("#login_popup");

            $("#login_popup").css({
               "left": windowWidth / 2 - popupWidth / 2
            });
         });
      });
      <!-- END switch_login_popup -->
      //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
      .jcarousel-skin-tango .jcarousel-item {
         text-align: center;
         width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
         margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
         margin-bottom: {switch_ticker.SPACING}px;
      }
   </style>
   <!-- END switch_ticker_new -->

   {HOSTING_JS}<!-- BEGIN google_analytics_code -->
   <script async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>
   <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
      <!-- BEGIN google_analytics_code_bis -->
      gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
      <!-- END google_analytics_code_bis -->
   </script>
   <!-- END google_analytics_code -->

</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}"
     vlink="{T_BODY_VLINK}">


<script type="text/javascript">
    jQuery.get('/portal', function(data) {
        var topics = $(data).find('.forumline td.row1 .gensmall');
        $(topics).contents().filter(function() {
            return this.nodeType === 3 && $.trim(this.textContent).length
        }).wrap('<span></span>');
        $('#recent_topics').html($(topics));
    });
</script>
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
   <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt=""/> <em>Hit</em>skin.com</h1>
   <div class="content">
      <p>
         {hitskin_preview.L_THEME_SITE_PREVIEW}
         <br/>
         <span>{hitskin_preview.U_INSTALL_THEME}<a
                  href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>
   </div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
   <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1"
        cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{SITENAME}</span>
         </td>
      </tr>
      <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <div id="login_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}"/>
                  <input type="button" class="mainoption" value="{L_REGISTER}"
                       onclick="parent.location='{U_REGISTER}';"/>
                  <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}"/>
               </form>
            </div>
            <span class="genmed">{LOGIN_POPUP_MSG}</span>
         </td>
      </tr>
   </table>
</div>
<!-- END switch_login_popup -->

<!-- BEGIN switch_like_popup -->
<div id="like_popup" style="z-index: 10000 !important;">
   <table class="forumline" width="{LIKE_POPUP_WIDTH}" height="{LIKE_POPUP_HEIGHT}" border="0" cellspacing="1"
        cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{SITENAME}</span>
         </td>
      </tr>
      <tr height="{LIKE_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <div id="like_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}"/>
                  <input type="button" class="mainoption" value="{L_REGISTER}"
                       onclick="parent.location='{U_REGISTER}';"/>
                  <input id="like_popup_close" type="button" class="button" value="{L_LIKE_CLOSE}"/>
               </form>
            </div>
            <span class="genmed">{LIKE_POPUP_MSG}</span>
         </td>
      </tr>
   </table>
</div>
<!-- END switch_like_popup -->

<a name="top"></a>
{JAVASCRIPT}

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline">
         <table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
               <!-- BEGIN switch_logo_left -->
               <td><a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
               </td>
               <!-- END switch_logo_left -->
               <td align="center" width="100%" valign="middle">
                  <!-- BEGIN switch_logo_center -->
                  <a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
                  <br/>
                  <!-- END switch_logo_center -->
                  <div class="maintitle">{MAIN_SITENAME}</div>
                  <br/>
                  <span class="gen">{SITE_DESCRIPTION}<br/>&nbsp; </span>
               </td>
               <!-- BEGIN switch_logo_right -->
               <td><a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
               </td>
               <!-- END switch_logo_right -->
            </tr>
         </table>
                <div id="navigation"><div><span class="userName"></span></div><div class="navigation">{GENERATED_NAV_BAR}</div></div>


         <div style="clear: both;"></div>

         <!-- BEGIN switch_ticker_new -->
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td align="left" class="row1">
                     <div id="fa_ticker_container">
                        <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                           <!-- BEGIN ticker_row -->
                           <li>{switch_ticker.ticker_row.ELEMENT}</li>
                           <!-- END ticker_row -->
                        </ul>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         <!-- END switch_ticker_new -->

         <!-- BEGIN switch_ticker -->
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td align="left" class="row1">
                     <div id="fa_ticker_container">
                        <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                           <div class="fa_ticker_content">
                              <!-- BEGIN ticker_row -->
                              <div>{switch_ticker.ticker_row.ELEMENT}</div>
                              <!-- END ticker_row -->
                           </div>
                        </div>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         <!-- END switch_ticker -->

         <div id="page-body">
            <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
               <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                  <tbody>
                  <tr>
                     <td valign="top" width="{C1SIZE}">
                        <div id="{ID_LEFT}">
                           <!-- BEGIN giefmod_index1 -->
                           {giefmod_index1.MODVAR}
                           <!-- BEGIN saut -->
                           <div style="height:{SPACE_ROW}px"></div>
                           <!-- END saut -->
                           <!-- END giefmod_index1 -->
                        </div>
                     </td>
                     <td valign="top" width="100%">
                        <!-- BEGIN html_validation -->
                     </td>
                  </tr>
                  </tbody>
               </table>
            </div>
         </div>
      </td>
   </tr>
</table>
</body>
</html>
<!-- END html_validation -->
   

Merci d'avance <3
Mäven
Mäven
Râleuse (Admin)
Informations : Présente quelques heures par semaine =)
----
Idea Viens papoter avec nous sur le discord

Messages : 3991
https://tambouille-raleuses.forumactif.com/

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Jeu 15 Avr 2021 - 21:54
@Pedro, I can't help you, i don't understand where is your problem and it's useless to send me PM.
If you want I try to give you the correct code, give me : your template, the link of your forum. Here, not in private message.

@Cissa, peux-tu essayer ce script ?

Code:
/*Au chargement de la page*/
$(function(){
  // on indique la version du forum : attention de bien respecter les écritures ci-dessous
  // invision, phpbb2, phpbb3, punbb, modernbb
  var versionForum = 'modernbb';
  var nouvelleImage = '';
 
 var  lastNbNotif = 0, //on crée la variable qui récupérera le nombre de notifications actuelles
    cheminNav; // On crée la variable pour les différents chemins selon la version

cheminNav = '.navigation ' ;
  // On récupère le chemin de la barre de navigation et plus particulièrement le "bouton" notification
  //On récupère le texte "normal" du bouton de Notification
var cheminNavbar=cheminNav +'a[href="/profile?mode=editprofile&page_profil=notifications"]';
var textNavBar = $(cheminNavbar).text();

  // On récupère le nombre de notification dans la toolbar
  // S'il y a une notification ET que le nombre de notification de la toolbar est différent de celui enregistré dans la variable
    // on ajoute une class au lien de la barre de navigation concerné
    // On modifie l'image
    // On ajoute le nombre de notification dans la barre de navigation
    // On enregistre le nombre de notification dans la variable
function majNotification() {
  var nbNotif=$('#fa_notifications').find('#notif_unread').text();
 if(nbNotif != "" && nbNotif!=lastNbNotif){
          $(cheminNavbar).addClass("newNotif");
          $(cheminNav +'a[href="/profile?mode=editprofile&page_profil=notifications"] img').attr("src",nouvelleImage);
          $(cheminNavbar).text(textNavBar + ' ' + nbNotif);
 lastNbNotif=nbNotif;
        }
}
 
  // Au chargement de la page, on attend 1 seconde (1000 ms), on appelle notre fonction
  setTimeout(function(){
 majNotification();
  }, 1000);
  // Puis, toutes les 30 secondes (30000 ms) on appelle à nouveau notre fonction
 setInterval(function(){
 majNotification();
  }, 30000);
 
});
Et si ça ne marche pas, le lien de ton forum avec des accès test, sans accès au PA hein juste un compte test.

_________________
Miettes
Miettes
Râleuse (Admin)
Informations :
► Présence aléatoire (Je passe quand je peux :p)
----
Idea Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2219
https://lectures-miettes.pvereecken.fr/

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Ven 16 Avr 2021 - 9:20
Hi @Pedro

Could you please post here your forum's URL and access to user count which can be used for testing. It think you sould adapt javascript code to fit with the code of you forum.

_________________
Avalanche
Avalanche
Messages : 10
https://lilotperdu.forumactif.com/

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Ven 16 Avr 2021 - 9:20
Bon.... je vais aussi être élue "chiante" de l'année.... Je n'ai pas compris où on a le panneau d'admin dans cette barre de nav (est-ce la même qu'ici? Je comprends rien du tout lol)
pedro
pedro
Messages : 8

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Ven 16 Avr 2021 - 9:46
http://tifosigialloverdi.forumattivo.com

User bot

Psw bottissimo

Grazie
Miettes
Miettes
Râleuse (Admin)
Informations :
► Présence aléatoire (Je passe quand je peux :p)
----
Idea Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2219
https://lectures-miettes.pvereecken.fr/

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Ven 16 Avr 2021 - 12:23
@Pedro thank you. Do you activate your javascript ?

Afficher les notifications dans la barre de navigation & retirer la toolbar Captur18

I don't see them in the debug tool.

_________________
pedro
pedro
Messages : 8

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Ven 16 Avr 2021 - 16:40
oui activé ... ça ne marche Mad  Afficher les notifications dans la barre de navigation & retirer la toolbar 1f602  Afficher les notifications dans la barre de navigation & retirer la toolbar 1f60d
Miettes
Miettes
Râleuse (Admin)
Informations :
► Présence aléatoire (Je passe quand je peux :p)
----
Idea Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2219
https://lectures-miettes.pvereecken.fr/

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Ven 16 Avr 2021 - 17:44
Hi @Pedro

Everything works fine. This tutorial doesn't open the notification in popup but in the notification page. Mäven will write an another tutorial to do this, as soon as she can Smile You'll have to wait :p

_________________
pedro
pedro
Messages : 8

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Ven 16 Avr 2021 - 18:00
Maintenant je comprends merci

Désolé une question: à quoi sert le script?

juste le bouton avec l'URL?

suffisait    merci, très gentil
Mäven
Mäven
Râleuse (Admin)
Informations : Présente quelques heures par semaine =)
----
Idea Viens papoter avec nous sur le discord

Messages : 3991
https://tambouille-raleuses.forumactif.com/

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Ven 16 Avr 2021 - 21:29
@Avalanche a écrit:Bon.... je vais aussi être élue "chiante" de l'année.... Je n'ai pas compris où on a le panneau d'admin dans cette barre de nav (est-ce la même qu'ici? Je comprends rien du tout lol)

Hello !

Je n'ai pas compris ta question Embarassed

@Pedro, yes, this script is to put the link with de number of notifications.

_________________
Avalanche
Avalanche
Messages : 10
https://lilotperdu.forumactif.com/

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Ven 16 Avr 2021 - 23:14
@Mäven a écrit:Je n'ai pas compris ta question Embarassed
Alors en fait, si on n'a plus la toolbar, on fait comment pour aller sur le panneau d'admin?
La barre de nav' qu'il y a sur ce site est très jolie en tout cas! Félicitations applause
Mäven
Mäven
Râleuse (Admin)
Informations : Présente quelques heures par semaine =)
----
Idea Viens papoter avec nous sur le discord

Messages : 3991
https://tambouille-raleuses.forumactif.com/

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Sam 17 Avr 2021 - 9:49
Pour aller sur le panneau d'administration tu as le lien tout en bas du forum, normalement Smile

Merci, c'est Miettes qui a fait tout le design du forum =)

_________________
pedro
pedro
Messages : 8

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Sam 17 Avr 2021 - 11:15
pour moi le nombre n'est pas vu

merci pour tout
Mäven
Mäven
Râleuse (Admin)
Informations : Présente quelques heures par semaine =)
----
Idea Viens papoter avec nous sur le discord

Messages : 3991
https://tambouille-raleuses.forumactif.com/

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Sam 17 Avr 2021 - 17:31
@Cissa, j'ai pu aller tester et chez moi ça fonctionne, j'ai bien le (1)qui se met quand je met le script dans la console.
Tu dois avoir un autre javascript qui bug (il y a une erreur dans la console) et donc ça ne lit pas le suivant.

Essaies de tous les désactiver sauf celui pour les notifs, ensuite, si c'est OK, réactive les un après l'autre pour trouver lequel fait planter Smile

_________________
cissa
cissa
Messages : 6

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Sam 17 Avr 2021 - 17:39
aaah purée j'ai trouvé de quoi ça venait : de mon extension adblock ! merci pour ton aide !
theking0fjoke
theking0fjoke
Messages : 10

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Jeu 29 Avr 2021 - 2:05
Hey coucou à toi Very Happy

Déjà merci pour ce code Very Happy Par contre, nous avons un petit souci, nous sommes en voie d'ouvrir un forum et nous installons donc pour le moment tout sur un forum test dont je mets le lien juste ici : https://bdm-test.forumactif.com/ Nous comptons ensuite tout copier-coller sur le bon forum une fois tout mis en place !

Nous avons un souci concernant l'affichage du nombre de notifications ... Il se met bien dans l'onglet de navigation, mais pas à côté du mot notifications donc sur la page même du forum ... et après de nombreuses manipulations, nous ne comprenons pas comment le faire Sad Nous avions déjà tenté d'utiliser d'autres codages, mais à chaque fois quelque chose ne fonctionnait pas et c'est du coup avec ton code que nous sommes le plus près de notre but ultime Afficher les notifications dans la barre de navigation & retirer la toolbar 4247580392  Mais il reste ce petit souci de notifications qui ne s'affichent pas aux deux endroits du coup !

Notre forum est en PHPBB2 si jamais ! Et voici notre code overall_header :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
    <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
    <meta http-equiv="content-script-type" content="text/javascript" />
    <meta http-equiv="content-style-type" content="text/css" />
    <!-- BEGIN switch_compat_meta -->
    <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
    <!-- END switch_compat_meta -->
    <!-- BEGIN switch_canonical_url -->
    <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
    <!-- END switch_canonical_url -->
    {META_FAVICO}
    {META}
    {META_FB_LIKE}
    <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
    {T_HEAD_STYLESHEET}
    {CSS}
    <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
    <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
    <script src="{JQUERY_PATH}" type="text/javascript"></script>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->
    <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>  
    {RICH_SNIPPET_GOOGLE}
 
    <!-- BEGIN switch_fb_login -->
    <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
    <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
    <!-- END switch_fb_login -->
 
    <!-- BEGIN switch_ticker -->
    <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css" />
    <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>
    <!-- END switch_ticker -->
 
    <!-- BEGIN switch_ticker_new -->
    <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
    <script type="text/javascript">//<![CDATA[
        /* Definir le sens de direction en fonction du panneau admin */
        var tickerDirParam = "{switch_ticker.DIRECTION}";
        var slid_vert = false;
        var auto_dir = 'next';
        var h_perso = parseInt({switch_ticker.HEIGHT});
 
        switch( tickerDirParam ) {
            case 'top' :
                slid_vert = true;
                break;
            case 'left':
                break;
            case 'bottom':
                slid_vert = true;
                auto_dir = 'prev';
                break;
            case 'right':
                auto_dir = 'prev';
                break;
            default:
                slid_vert = true;
        }
 
        $(document).ready(function() {
            var w_cont = $('#fa_ticker_container').width();
 
            if (w_cont > 0) {
                $('#fa_ticker_container').width(w_cont);
 
                /* Affichage de la liste */
                $('#fa_ticker_content').css('display','block');
 
                /* Calcul des dimensions du conteneur et des elements */
                var width_max = $('ul#fa_ticker_content').width();
                var width_item = Math.floor(width_max / {switch_ticker.SIZE});
                var height_max = h_perso;
 
                /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
                $('ul#fa_ticker_content li').each( function () {
                    if ($(this).height() > height_max) {
                        height_max = $(this).height();
                    }
                } );
 
                /* Redimensionnement des elements et des images trop larges */
                $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
                    if ($(this).width() > width_item) {
                        var ratio = $(this).width() / width_item;
                        var new_height = Math.round($(this).height() / ratio);
                        $(this).height(new_height).width(width_item);
                    }
                });
 
                /* Redimensionnement et centrage du conteneur en mode vertical */
                if (slid_vert) {
                    $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                }
 
                /* Initialisation du caroussel */
                $('#fa_ticker_content').jcarousel({
                    vertical: slid_vert,
                    wrap: 'circular',
                    auto: {switch_ticker.STOP_TIME},
                    auto_direction: auto_dir,
                    scroll: 1,
                    size: {switch_ticker.SIZE},
                    height_max: height_max,
                    animation: {switch_ticker.SPEED}
                });
            } else {
                $('ul#fa_ticker_content li:not(:first)').css('display','none');
                $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
            }
        });
    //]]>
    </script>
    <!-- END switch_ticker_new -->
 
    <script type="text/javascript">//<![CDATA[
    $(document).ready(function(){
        <!-- BEGIN switch_enable_pm_popup -->
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        if(pm != null) { pm.focus(); }
        <!-- END switch_enable_pm_popup -->
        <!-- BEGIN switch_report_popup -->
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        if(report != null) { report.focus(); }
        <!-- END switch_report_popup -->
        <!-- BEGIN switch_ticker -->
        $(document).ready(function() {              
            Ticker.start({
                height : {switch_ticker.HEIGHT},
                spacing : {switch_ticker.SPACING},
                speed : {switch_ticker.SPEED},
                direction : '{switch_ticker.DIRECTION}',
                pause : {switch_ticker.STOP_TIME}
            });
        });
        <!-- END switch_ticker -->
    });
 
    <!-- BEGIN switch_login_popup -->
        var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
    <!-- END switch_login_popup -->
 
    <!-- BEGIN switch_login_popup -->
    $(document).ready( function() {
        $(window).resize(function() {
            var windowWidth = document.documentElement.clientWidth;
            var popupWidth = $("#login_popup").width();
            var mypopup = $("#login_popup");
 
            $("#login_popup").css({
            "left": windowWidth/2 - popupWidth/2
                });
        });
    });
    <!-- END switch_login_popup -->
    //]]>
    </script>
    {GREETING_POPUP}
    <!-- BEGIN switch_ticker_new -->
    <style>
    .jcarousel-skin-tango .jcarousel-item {
        text-align:center;
        width: 10px;
    }
 
    .jcarousel-skin-tango .jcarousel-item-horizontal {
        margin-right: {switch_ticker.SPACING}px;
    }
 
    .jcarousel-skin-tango .jcarousel-item-vertical {
        margin-bottom: {switch_ticker.SPACING}px;
    }
    </style>
    <!-- END switch_ticker_new -->
    {HOSTING_JS}
    <!-- BEGIN google_analytics_code -->
    <script type="text/javascript">
    //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
    _gaq.push(['_trackPageLoadTime']);
 
    <!-- BEGIN google_analytics_code_bis -->
    _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
    _gaq.push(['b._trackPageview']);
    <!-- END google_analytics_code_bis -->
 
    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    //]]>
    </script>
    <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<div class="hautbas"><a href="#top"><img src="https://www.turbopix.fr/images/2021/03/21/flechehaut.png" alt="Revenir en haut"></a> <a href="#bottom"><img src="https://www.turbopix.fr/images/2021/03/21/flechebas.png" alt="Aller en bas"></a></div>
  <!-- BEGIN hitskin_preview -->
    <div id="hitskin_preview" style="display: block;">
        <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
        <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
        </div>
    </div>
    <!-- END hitskin_preview -->
 
    <!-- BEGIN switch_login_popup -->
    <div id="login_popup" style="z-index: 10000 !important;">
        <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
            <tr height="25">
                <td class="catLeft">
                    <span class="genmed module-title">{SITENAME}</span>
                </td>
            </tr>
            <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
                <td class="row1" align="left" valign="top">
                    <div id="login_popup_buttons">
                        <form action="{S_LOGIN_ACTION}" method="get">
                            <input type="submit" class="mainoption" value="{L_LOGIN}" />
                            <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                            <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                        </form>
                    </div>
                    <span class="genmed">{LOGIN_POPUP_MSG}</span>
                </td>
            </tr>
        </table>
    </div>
    <!-- END switch_login_popup -->
 
    <a name="top"></a>
    {JAVASCRIPT}
 
    <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
        <tr>
            <td class="bodyline">
                <table width="100%" cellspacing="0" cellpadding="0" border="0">
                    <tr>
                        <!-- BEGIN switch_logo_left -->
                        <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                        <!-- END switch_logo_left -->
                        <td align="center" width="100%" valign="middle">
                            <!-- BEGIN switch_logo_center -->
                            <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                            <br />
                            <!-- END switch_logo_center -->
                            <div class="maintitle">{MAIN_SITENAME}</div>
                            <br />
                            <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                        </td>
                        <!-- BEGIN switch_logo_right -->
                        <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                        <!-- END switch_logo_right -->
                    </tr>
                </table>
 
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" id="navSIT">
<tr><td><!-- BEGIN switch_user_logged_in --><div class="avaSIT"></div><div class="welcSIT"></div><!-- END switch_user_logged_in --></td></tr>
<script type="text/javascript">$(function(){$('.avaSIT').html(_userdata.avatar);{$('.welcSIT').html( _userdata.username);}});</script>
<tr><td class="navSIT" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td></tr>
</table>
                <div style="clear: both;"></div>
 
                <!-- BEGIN switch_ticker_new -->
                <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                        <tr>
                            <td align="left" class="row1">
                                <div id="fa_ticker_container">
                                    <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                                        <!-- BEGIN ticker_row -->
                                        <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                        <!-- END ticker_row -->
                                    </ul>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                <!-- END switch_ticker_new -->
 
                <!-- BEGIN switch_ticker -->
                <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                        <tr>
                            <td align="left" class="row1">
                                <div id="fa_ticker_container">
                                    <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                        <div class="fa_ticker_content">
                                            <!-- BEGIN ticker_row -->
                                            <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                            <!-- END ticker_row -->
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                <!-- END switch_ticker -->
 
                <div id="page-body">
                    <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                        <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                            <tbody>
                                <tr>
                                    <td valign="top" width="{C1SIZE}">
                                        <div id="{ID_LEFT}">
                                            <!-- BEGIN giefmod_index1 -->
                                            {giefmod_index1.MODVAR}
                                                <!-- BEGIN saut -->
                                                <div style="height:{SPACE_ROW}px"></div>
                                                <!-- END saut -->
                                            <!-- END giefmod_index1 -->
                                        </div>
                                    </td>
                                    <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</body>
</html>
<!-- END html_validation -->
<script>

    function createCookie(name,value,days) {
       if (days) {
          var date = new Date();
          date.setTime(date.getTime()+(days*24*60*60*1000));
          var expires = "; expires="+date.toGMTString();
       }
       else var expires = "";
       document.cookie = name+"="+value+expires+"; path=/";
    }

    function readCookie(name) {
       var nameEQ = name + "=";
       var ca = document.cookie.split(';');
       for(var i=0;i < ca.length;i++) {
          var c = ca[i];
          while (c.charAt(0)==' ') c = c.substring(1,c.length);
          if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
       }
       return null;
    }

    function eraseCookie(name) {
       createCookie(name,"",-1);
    }

    function keep_header(num) {
    createCookie('header', num, 100);
    $(".choixheader").replaceWith("<div class='choixheader'><a href='#' onClick='random_header()'>Revenir à un header aléatoire</a></div>");
    }

    function random_header() {
    eraseCookie('header');
    location.reload();
    }
    
      var cookie = readCookie('header');
      var tab = new Array();

    /* METTEZ ICI LES ADRESSES DE VOS BANNIERES
    VOUS POUVEZ EN METTRE AUTANT QUE VOUS VOULEZ
    IL SUFFIT DE RAJOUTER DES LIGNES */

tab[tab.length] = "https://www.turbopix.fr/images/2021/03/11/Ban1.jpg";  
tab[tab.length] = "https://www.turbopix.fr/images/2021/03/21/Ban2.jpg";  
tab[tab.length] = "https://www.turbopix.fr/images/2021/03/21/Ban3.jpg";  
tab[tab.length] = "https://www.turbopix.fr/images/2021/03/21/Ban4.jpg";  


    
    $(document).ready(function(){
    
      var num_header = Math.floor(Math.random()*tab.length);
      var message = "<div class='choixheader'><a href='#' onClick='keep_header(" + num_header + ")'>Choisir de garder ce header</a></div>";
      if(cookie != null) {
         num_header = cookie;
      message = "<div class='choixheader'><a href='#' onClick='random_header()'>Revenir à un header aléatoire</a></div>";
      }
      $('#i_logo').attr('src',tab[num_header]);
      $('body').prepend(message);
    });
    </script>


J'espère avoir mis toutes les informations pour pouvoir avoir un petit coup de pouce Afficher les notifications dans la barre de navigation & retirer la toolbar 3137560793  Merci beaucoup à vous et bonne journée !  Afficher les notifications dans la barre de navigation & retirer la toolbar 3137560793
Mäven
Mäven
Râleuse (Admin)
Informations : Présente quelques heures par semaine =)
----
Idea Viens papoter avec nous sur le discord

Messages : 3991
https://tambouille-raleuses.forumactif.com/

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Jeu 29 Avr 2021 - 8:01
Hello
Je suis sur mobile donc je ne peux pas regarder la mais j'ai 2 pistes pour savoir d'où ça vient. Je regarde d'ici dimanche soir selon le temps que j'aurai

_________________
Mäven
Mäven
Râleuse (Admin)
Informations : Présente quelques heures par semaine =)
----
Idea Viens papoter avec nous sur le discord

Messages : 3991
https://tambouille-raleuses.forumactif.com/

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Jeu 29 Avr 2021 - 22:02
Hello @theking0fjoke !

Je suis sur pc, du coup il me manque des infos =)

Il me faudrait un compte de test, sans aucun droit (je ne veux pas d'accès au PA) afin que je puisse faire des tests Wink Et je veux bien aussi que tu me mettes ici le script que tu as mit.

A bientôt !

_________________
theking0fjoke
theking0fjoke
Messages : 10

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Mar 4 Mai 2021 - 15:58
Hey !

Désolé pour le temps, je n'avais pas vu ta réponse Surprised Pour ce qui est d'un compte test, si tu n'as pas besoin d'accès spéciaux, normalement tu devrais pouvoir en créer un sans souci et on le supprimera par la suite Very Happy

Pour ce qui est du script ... J'avoue que je ne m'y connais pas trop, je ne sais pas lequel tu souhaites avoir, mais nous avons pris celui que tu avais mis au-dessus, combiné à un code trouvé sur cccrush pour la barre de navigation, je te le mets en-dessous :

ça disait de Remplacer les lignes 268 à 272 du template par :

Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" id="navSIT">
<tr><td><!-- BEGIN switch_user_logged_in --><div class="avaSIT"></div><div class="welcSIT"></div><!-- END switch_user_logged_in --></td></tr>
<script type="text/javascript">$(function(){$('.avaSIT').html(_userdata.avatar);{$('.welcSIT').html( _userdata.username);}});</script>
<tr><td class="navSIT" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td></tr>
</table>


Et la partie CSSS :

Code:
/* NAVIGATION */
#navSIT {
position:fixed; z-index:5; left:0; top:0;
width:100%; height:50px;
background:black; /* MODIFIABLE */
}
.navSIT {
position:absolute; top:15px; right:15px;
}
.mainmenu img {
display:none;
}
/* BORDURE AVATAR */
.avaSIT {
position:absolute; z-index:5; left:15px;
width:75px; height:75px; border-radius:75px; overflow:hidden; border:10px solid;
border-color:black; /* MODIFIABLE */
}
/* IMAGE AVATAR */
.avaSIT img{
width:75px;
}
/* MESSAGE DE BIENVENUE */
.welcSIT {
position:absolute; left:130px; top:20px;
font-size:12px; font-family:Arial; /* MODIFIABLE */
color:white; /* MODIFIABLE */
}
/* BIENVENUE */
.welcSIT::before {
float:left; margin-right:5px;
content:'Bienvenue'; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
#navSIT a{
display:inline-block; vertical-align:middle;
text-align:center;
text-transform:uppercase; font-size:12px; font-family:Arial; /* MODIFIABLE */
color:white; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
color:lightgrey; /* MODIFIABLE */
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:12px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:45px !important; left:5% !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:black; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */
}


Si tu as besoin d'autre chose ou que je me suis trompé, n'hésite pas et encore merci ! Afficher les notifications dans la barre de navigation & retirer la toolbar 3137560793
Mäven
Mäven
Râleuse (Admin)
Informations : Présente quelques heures par semaine =)
----
Idea Viens papoter avec nous sur le discord

Messages : 3991
https://tambouille-raleuses.forumactif.com/

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Mer 5 Mai 2021 - 22:40
Désolé pour le temps, je n'avais pas vu ta réponse Surprised Pour ce qui est d'un compte test, si tu n'as pas besoin d'accès spéciaux, normalement tu devrais pouvoir en créer un sans souci et on le supprimera par la suite Very Happy
Oui, mais je manque de temps pour créer un compte et je n'ai pas forcément envie de partager mon adresse mail. si je te demande un compte c'est pour que ça soit plus simple et plus rapide pour moi Wink

Pour ce qui est du script ... J'avoue que je ne m'y connais pas trop, je ne sais pas lequel tu souhaites avoir, mais nous avons pris celui que tu avais mis au-dessus, combiné à un code trouvé sur cccrush pour la barre de navigation, je te le mets en-dessous :
Tu n'as rien changé du tout au tuto ? Tu as mis la bonne version ?


_________________
Contenu sponsorisé

Afficher les notifications dans la barre de navigation & retirer la toolbar Empty Re: Afficher les notifications dans la barre de navigation & retirer la toolbar

Revenir en haut
Permission de ce forum:
Vous pouvez répondre aux sujets dans ce forum
Les coups de ♥ des Râleuses



Post-It des Râleuses