La date/heure actuelle est Sam 27 Avr 2024 - 3:01

7 résultats trouvés pour fa_notifications

Notification toolbar et petit bug version mobile de la PA

Alors ça, c'est potentiellement signe qu'un autre script plante et empêche le script que je vous ai fourni de fonctionner (parce que le JavaScript, une fois qu'il a planté sur une ligne, il ne continue pas la suite... et la plupart du temps, tous les scripts qui seront affichés "Sur toutes les pages" sont regroupés en un seul).

Pour l'instant, quand je regarde dans la console en tant qu'invité... c'est mon script qui plante Siffleur
Pour un invité, le #fa_notifications n'existe pas, donc ma faute, il faudrait plutôt écrire le script comme ça pour être propre :

Code:
$(function(){ $(function(){
  var fa_notif = document.getElementById('fa_notifications');
  if (fa_notif){
    const image = document.createElement('img');
    image.src = 'https://i.imgur.com/inanFDf.png';
    image.alt = 'Notifications';

    var fa_notif_text = fa_notif.childNodes[0];
    fa_notif_text.nodeValue = '';
    fa_notif.prepend(image);
  }
}); });


Par contre, même avec ça corrigé, je pense que ça continuera de ne pas marcher et je ne verrai pas parce que je n'ai pas de compte sur votre forum. Vous pourriez me créer un compte et me donner identifiant / mot de passe par MP ? Comme ça, je regarde si ça change en tant que membre, s'il y a plus d'erreurs et si je vois d'où ça vient.
par Toryudo
le Mer 19 Juil 2023 - 18:35
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Notification toolbar et petit bug version mobile de la PA
Réponses: 19
Vues: 525

Notification toolbar et petit bug version mobile de la PA

Bonjour !

Alors, effectivement, ce n'est pas facile.
J'ai fait des tests avec votre CSS, et voici les modifications que je propose sur les trois éléments suivants (peut-être encore à retoucher un peu, mais c'est l'idée qui compte) :
Code:
#fa_right #fa_notifications{
  margin-top: -5px !important;
  margin-left: 100px;
  width: 38px !important;
  height: 36px !important;
}

#fa_notifications img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px !important;
  height: 30px !important;
  background: #D7DADD;
  border-radius: 5px;
  padding: 8px;
  pointer-events: none;
}

span#notif_unread {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff !important;
  font-family: karla !important;
  font-weight: 800;
  background: #434A52;
  border-radius: 100%;
  font-size: 8px;
  padding: 4px;
  text-transform: lowercase;
  line-height: 9px;
  pointer-events: none;
}


En gros, on va passer par un positionnement avec des position: absolute sur les éléments #fa_notifications img et span#notif_unread. Voilà à quoi ça ressemble :
Tag fa_notifications sur Forum gratuit : Le forum des forums actifs Image186

La zone rouge est un peu plus grande. On positionne le span#notif_unread de façon "absolue" en haut (top: 0) à droite (right: 0) relativement à la zone rouge. On positionne #fa_notifications img de façon "absolue" en bas (bottom: 0) à gauche (left: 0) relativement à la zone rouge. De cette façon, on s'est débarrassé des margin, et peu importe comment on bougera #fa_right #fa_notifications, tout suivra et tout restera dans la zone rouge, donc dans la zone où le clic va fonctionner.
J'ai retouché un peu son width et height, ce qui permet de déplacer le span#notif_unread par rapport au #fa_notifications img, tout simplement parce qu'il suit la taille et son positionnement relativement à la zone rouge. Ce n'est pas forcément intuitif, mais en affichant le background en rouge comme vous faites, je pense que ça vous aidera à comprendre.
par Toryudo
le Mer 19 Juil 2023 - 7:57
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Notification toolbar et petit bug version mobile de la PA
Réponses: 19
Vues: 525

Notification toolbar et petit bug version mobile de la PA

Alors, je vais essayer d'être clair.
Visuellement, voici le rendu de la zone :

Tag fa_notifications sur Forum gratuit : Le forum des forums actifs Image185

Le carré gris (il est un peu masqué par la note en noir, mais on le voit derrière), c'est l'image que vous avez choisie.
La zone jaune, c'est la zone de #fa_notifications où le clic fonctionnera (ce n'est pas totalement vrai, mais c'est l'idée).

Le script de base des notifications est ainsi fait que si vous ne cliquez pas précisément dans la zone représentée en jaune, ça ne déclenche pas l'ouverture des notifications.
Conclusion : le contenu (l'image) est décalé par rapport au #fa_notifications. De plus, la zone fait 0px de hauteur, donc tel que c'est écrit, vous ne pourrez jamais cliquer dessus, elle est trop petite. C'est en fait tout le CSS de décalage qui pose problème ici.

Il faut donc faire le placement différemment. Comme ça, je dirais qu'il faut :
- que a#fa_notifications soit de la même taille que #fa_notifications img (width et height)
- si vous devez mettre des margin, mettez-les plutôt sur a#fa_notifications, pas sur le #fa_notifications img
- si vous devez mettre un padding sur #fa_notifications img, il faut faire en sorte de calculer la différence pour augmenter le width et height du a#fa_notifications (parce qu'un width 100px combiné avec un padding 8px sur un même élément, on se retrouve avec un élément qui fait 100 + 8 (padding gauche) + 8 (padding droite) = 116px)

Ça devrait être mieux ensuite !
par Toryudo
le Mar 18 Juil 2023 - 23:10
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Notification toolbar et petit bug version mobile de la PA
Réponses: 19
Vues: 525

Notification toolbar et petit bug version mobile de la PA

Bonjour !!
Déjà, merci beaucoup pour votre aide !
Je ne savais pas du tout pour le logo, merci pour le rappel et je m'en excuse, c'est réparé de mon côté !
Et ne vous inquiétiez pas, vos explications sont très clair et j'en apprend beaucoup, je ne connaissais pas du tout le pointer-events et je comprend la problématique pour les notifications !

Alors...
Pour la bannière : malheureusement, j'avais déjà vu ce post et je l'ai déjà retiré ! Tag fa_notifications sur Forum gratuit : Le forum des forums actifs 1f616 Du coup mon problème persiste... (si ce n'est ce soucis qui est révolu : Puis du coup, inévitablement ça impacte mes longueurs de catégories/post... mais à la limite je pense que ça, je pourrais les resize au cas par cas.....?) J'ai toujours le même rendu que sur le screen !

Pour les notifications :
C'est parfait!! Merci beaucoup en plus de bien expliquer, ça fonctionne ! J'ai juste un petit et dernier soucis, on ne voit plus le nombre de notification (1) puisque bah... Je pense que #fa_notifications comprend également le notif_unread qui est en dessous du coup ? Ca rend ainsi :
https://cdn.discordapp.com/attachments/410410920657944596/1130639035732348989/image.png
On ne voit que le (1) par la page mais sinon il est disparu même en cliquant sur l'image... peut-être pourrait-on le sortir de son bloc ? Je ne sais pas trop, si vous avez une idée...

En tout cas, merci encore !!!
par Dellou
le Mar 18 Juil 2023 - 1:17
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Notification toolbar et petit bug version mobile de la PA
Réponses: 19
Vues: 525

Ajout des notifications dans la barre de navigation et vu du profil en cliquant sur l'avatar

Bonjour !

Alors, niveau CSS, j'ai ajouté ces éléments pour déplacer les blocs "Bienvenue xxx" (et son menu quand on clique), "Notifications" (et son menu quand on clique), ainsi le logo du copyright :
Code:
#fa_menu {
  position: fixed;
  top: 4px;
  left: 65px;
  z-index: 999;
}
#fa_menulist {
  position: fixed;
  left: 75px !important;
  top: 28px;
  border: 1px solid #333;
}
 
#fa_notifications {
  position: fixed;
  top: 20px;
  left: 65px;
  z-index: 998;
}
#fa_toolbar #fa_right #notif_list {
  position: fixed;
  left: 75px !important;
  top: 44px;
  border: 1px solid #333;
}
 
#fa_left {
  position: fixed;
  z-index: 997;
  top: 70px;
}



Et j'ai fait en sorte que ces éléments aient le même CSS que le .bloc_pseudo_search initial (que j'ai un peu modifié au passage pour simplifier) :
.bloc_pseudo_search, #fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome, #fa_right #fa_notifications, #fa_toolbar
Code:
#fa_service
{
 font: 9px montserrat;
 display: inline-block;
 text-transform: uppercase;
 letter-spacing: 2px;
 vertical-align: top;
 box-sizing: border-box;
 margin: 10px;
 color: #6f6f6f;
 background: none !important;
}


Pour pouvoir écrire "Bienvenue invité", je suis obligé de passer par un script, que je rajoute directement dans votre Template :
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 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}">
<!-- 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 inactive_users_modal -->
<div id="inactive_popup" style="z-index: 10000 !important;">
  <table class="forumline" style="padding: 0px; width: 480px;" border="0" cellspacing="1"
        cellpadding="0">
      <tr height="25">
        <td class="catLeft">
            <span class="genmed module-title">{inactive_users_modal.L_MODAL_TITLE}</span>
        </td>
      </tr>
      <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
        <td class="row1" align="left" valign="top">
            <span class="genmed">{inactive_users_modal.L_MODAL_BODY}</span>
            <div id="inactive_popup_buttons">
              <input type="button" id="inactive_popup_url" class="mainoption"  value="{inactive_users_modal.L_MODAL_BUTTON}" />
              <input type="button" id="inactive_popup_close" class="button" value="{inactive_users_modal.L_CLOSE}" />
            </div>
        </td>
      </tr>
  </table>
</div>
<script type="text/javascript">
  $('#inactive_popup #inactive_popup_close').on('mouseup', function () {
      document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
      $('#inactive_popup').hide(50);
  });
  $('#inactive_popup #inactive_popup_url').on('mouseup', function () {
      document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
      location.href = '{inactive_users_modal.U_MODAL}'
  })
</script>
<!-- END inactive_users_modal -->

<!-- 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>
      <!-- BEGIN switch_quick_login -->
      <tr>
        <td class="row1" align="left" valign="top">
            <div class="social_btn">
              <!-- BEGIN fb_quick_connect -->
              <div class="fb-login-button"></div>
              <!-- END fb_quick_connect -->
              &nbsp;
              <!-- BEGIN topicit_quick_connect -->
              <div class="ti-connect"></div>
              <!-- END topicit_quick_connect -->
            </div>
        </td>
      </tr>
      <!-- END switch_quick_login -->
  </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>

        <link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700&display=swap" rel="stylesheet"/>
        <div class="navbar_arte">
            <div class="avatar_navbar js-avatar"></div>
            <div class="bloc_pseudo_search">
           <script>if (_userdata["user_id"] == -1){ document.write('Bienvenue invité'); }</script>
              <li>
                  <input type="hidden" name="tt" value="1" />
                  <input style="display:none" id="rposts" type="radio" name="show_results" value="posts" />
                  <input style="display:none" id="rtopics" type="radio" name="show_results" value="topics" checked="checked"/>
              </li>
            </div>
            <div class="link_navbar">{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 -->


Il s'agit de la ligne <script>if (_userdata["user_id"] == -1){ document.write('Bienvenue invité'); }</script> qui permet d'écrire du texte si et seulement si la personne qui visite la page n'est pas connectée. C'est tout propre normalement !
par Toryudo
le Ven 26 Mai 2023 - 17:11
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Ajout des notifications dans la barre de navigation et vu du profil en cliquant sur l'avatar
Réponses: 6
Vues: 554

positionnement barre de navigation + fusion avec les notifications

Merci j'avais zappé ce détail *sort*
Un dernier point et je pourrai mettre le sujet en résolu Smile
pour bidouiller la forme et le contenu quand on appuie sur la notif, c'est bien ici :
.fa_tbMainElement.notification ul#notif_list ?
ici : #fa_right #fa_notifications, #notif_list .content div j'ai vu que c'était pour l'apparence externe ? J'ai presque fini d'obtenir ce que je veux, mais je voulais savoir, je peux rajouter quoi comme "truc" pour que ce soit sur la même ligne que la navigation ? (à l'oeil ça se voit pas trop mais ça plante un peu)

Sinon tout est bon si je me suis pas trompée :=)

encore merci et d'avance bonne soirée

Édit : jviens de voir ton édition je regarde ça demain
par AryaLestrange
le Dim 9 Aoû 2020 - 20:27
 
Rechercher dans: Archives des problèmes avec un code
Sujet: positionnement barre de navigation + fusion avec les notifications
Réponses: 13
Vues: 964

Probleme de notifications dans la barre de nav modernBB

Bonjour Smile

Normalement avec le deuxième lien que j'ai donné, les codes fournis permettent d'ouvrir une petite fenêtre avec la liste des notifications reçues (comme ici en gros quand on clique sur l'encart notifications en haut à droite), c'est ça qui ne marche pas, en plus de ne pas avoir l'indication du nombre de notifications non lues.

Pour les codes, ils sont dans les liens, en, libre d'accès, je n'ai rien touché de plus, mais les voici:

Le javascript
Spoiler:



Le CSS
Spoiler:
par Nalex57
le Dim 19 Juil 2020 - 12:41
 
Rechercher dans: Corbeille & Titres non explicites
Sujet: Probleme de notifications dans la barre de nav modernBB
Réponses: 5
Vues: 1794

Revenir en haut

Sauter vers: