Lien - Voir les nouveaux messages depuis votre dernière visite, ...

[adrien_69]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.passionlachasse.com

Description du problème

Bonsoir à tous,

A la demande de mes membres, j'aimerais pouvoir mettre ces liens dans les forums également et sur les sujets ?

Voir les nouveaux messages depuis votre dernière visite
Voir ses messages
Voir les messages sans réponses



Est ce que c'est possible ?

Cordialement, Adrien.

[lmc38510]

Hello Adrien ...

comme tu as une colonne libre à droite du Forum ... tu peux y placer 3 icônes (fixes)

1 pour ) Voir les nouveaux messages depuis votre dernière visite
2 pour ) Voir ses messages
3 pour ) Voir les messages sans réponses

qui seront visibles en permanence ...
et virer ces lignes du Forum (qui sont uniquement en Page d'accueil):
-Voir les nouveaux messages depuis votre dernière visite
-Voir ses messages
-Voir les messages sans réponses

Cela te plairait-il ...

[beaud57]

Pour ma part, j'ai ajouté le lien " Voir les nouveaux messages depuis votre dernière visite" directement dans la barre de navigation et je l'ai nommé "nouveaux posts". Les deux autres (Voir ses messages et Voir les messages sans réponses) nous sont moins utiles.
C'est assez pratique et ça évite de revenir sur la page d'accueil.

[adrien_69]

Bonjour à vous et merci pour vos réponses ?

Hello Adrien ...

comme tu as une colonne libre à droite du Forum ... tu peux y placer 3 icônes (fixes)

1 pour ) Voir les nouveaux messages depuis votre dernière visite
2 pour ) Voir ses messages
3 pour ) Voir les messages sans réponses

qui seront visibles en permanence ...
et virer ces lignes du Forum (qui sont uniquement en Page d'accueil):
-Voir les nouveaux messages depuis votre dernière visite
-Voir ses messages
-Voir les messages sans réponses

Cela te plairait-il ...  

Oui c'est pas bête du tout... Il faudrait passé via un Widgets ?

Pour ma part, j'ai ajouté le lien " Voir les nouveaux messages depuis votre dernière visite" directement dans la barre de navigation et je l'ai nommé "nouveaux posts". Les deux autres (Voir ses messages et Voir les messages sans réponses) nous sont moins utiles.
C'est assez pratique et ça évite de revenir sur la page d'accueil.

C'est possible de me faire une imprime écran pour voir le rendu ?

[lmc38510]

Hello "beaud57" C'est effectivement une solution pour régler le problème ...

Subsiste un truc désagréable ... être obligé de remonté systématiquement en haut de page pour accéder à certaines fonctions ..

Une bonne raison pour privilégier les marges droite et gauche (en permanence sous la main)

exp ... mettre les liens de la barre de navigation dans un "slider" en marge de gauche  


adrien non pas de widget ... modification d'un template plus du CSS

[adrien_69]

Hello "beaud57" C'est effectivement une solution pour régler le problème ...

Subsiste un truc désagréable ... être obligé de remonté systématiquement en haut de page pour accéder à certaines fonctions ..

Une bonne raison pour privilégier les marges droite et gauche (en permanence sous la main)

exp ... mettre les liens de la barre de navigation dans un "slider" en marge de gauche  


adrien non pas de widget ... modification d'un template plus du CSS

Je veux bien essayé, voir ce que ça peut donner !

Merci.

[lmc38510]

Exemple => copie d'écran d'un bouton en marge :

Avec info-bulle

il faut que tu me communiques ton template => "index_box"

[adrien_69]

Nickel...

Le voici :

Code:

<ul class="linklist top">
   <!-- BEGIN switch_user_logged_in -->
   <li>
      <a href="{U_SEARCH_NEW}"><i class="ion-ios-flame"></i>{L_SEARCH_NEW}</a>
   </li>
   <li>
      <a href="{U_SEARCH_SELF}"><i class="ion-ios-box-outline"></i>{L_SEARCH_SELF}</a>
   </li>
   <!-- END switch_user_logged_in -->
   <li>
      <a href="{U_SEARCH_UNANSWERED}"><i class="ion-ios-chatbubble-outline"></i>{L_SEARCH_UNANSWERED}</a>
   </li>
   <!-- BEGIN switch_user_logged_in -->
      <li class="rightside">
         <a href="{U_MARK_READ}" accesskey="m"><i class="ion-android-checkmark-circle"></i>{L_MARK_FORUMS_READ}</a>
      </li>
   <!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="forabg">
         <ul class="topiclist">
            <li class="header">
               <dl class="icon">
                  <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
                  <dd class="topics"><i class="ion-android-list" data-tooltip="{L_TOPICS}"></i></dd>
                  <dd class="posts"><i class="ion-android-chat" data-tooltip="{L_POSTS}"></i></dd>
                  <dd class="lastpost"><i class="ion-android-time" data-tooltip="{L_LASTPOST}"></i></dd>
               </dl>
            </li>
         </ul>
         <ul class="topiclist forums">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
            <li class="row">
               <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
                  <dd class="dterm">
                     <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
                        <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>
                        {catrow.forumrow.FORUM_DESC}

                        <!-- BEGIN switch_moderators_links -->
                           {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                        <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                     </div>
                  </dd>
                  <dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
                  <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
                  <dd class="lastpost">
                     <!-- BEGIN ads -->
                     <span class="AD_LastPA">
                                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                                <span class="AD_LastInfos">
                                    <a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a>
                                    {catrow.forumrow.ads.DATE}<br />
                                    {catrow.forumrow.ads.LOCATION}
                                </span>
                     </span>
                            <!-- END ads -->
                     
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </dd>
               </dl>
            </li>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </ul>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist bottom">
   <li>
      <a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
   </li>
   <li>
      <a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
   </li>
   <li class="last">
      <a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
   </li>
   <!-- BEGIN switch_delete_cookies -->
      <li class="rightside">
         <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow"><i class="ion-trash-a"></i>{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
      </li>
   <!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->

<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
   var btn_collapse = $('<div></div>', {
      class: 'btn-collapse'
   });

   var btn_collapse_show = $('<i></i>', {
      class: 'ion-android-add-circle hidden',
      'data-tooltip': '{L_EXPEND_CAT}'
   }).appendTo(btn_collapse);

   var btn_collapse_hide = $('<i></i>', {
      class: 'ion-android-remove-circle',
      'data-tooltip': '{L_HIDE_CAT}'
   }).appendTo(btn_collapse);

   var collapsed = [];

   if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
      collapsed = readCookie('collapsed').split(',');
   }

   $(document).on('click', '.btn-collapse', function() {
      $(this).children('.ion-android-add-circle').toggleClass('hidden');
      $(this).children('.ion-android-remove-circle').toggleClass('hidden');
      $(this).parents('.forabg').toggleClass('hidden');

      if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
         collapsed = readCookie('collapsed').split(',');
      }

      if (!$(this).parents('.forabg').hasClass('hidden')) {
         removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);

         createCookie('collapsed', collapsed);
      } else {
         collapsed.push('' + $(this).parents('.forabg').data('cindex'));

         createCookie('collapsed', collapsed);
      }
   });

   $('.forabg').each(function(i) {
      $(this).data('cindex', '' + i);

      $(btn_collapse)
         .clone()
         .attr('id', 'forabg' + i)
         .appendTo($(this).find('.header'));

      if ($.inArray('' + i, collapsed) > -1) {
         $(this).toggleClass('hidden');
         $('#forabg' + i).children('.ion-android-add-circle').toggleClass('hidden');
         $('#forabg' + i).children('.ion-android-remove-circle').toggleClass('hidden');
      }
   });
});

function removeFromArray(item, array) {
   var i = array.indexOf(item);

   if (i > -1) {
      array = array.splice(i, 1);
   }
}

function createCookie(name, value, days) {
   var expires;

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

function readCookie(name) {
   var nameEQ = encodeURIComponent(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 decodeURIComponent(c.substring(nameEQ.length, c.length));
   }
   return null;
}
//]]>
</script>


[lmc38510]

Le temps de te donner le correctif ... Template ...plus ... CSS

Trouve (en attendant) un icone pour le bouton

[adrien_69]

J'ai trouvé cela vite fait, je pense que je pourrais changer les icones assez facilement par la suite au cas où ?

- Voir les nouveaux messages depuis votre dernière visite :


- Voir ses messages :


- Voir les messages sans réponses :

[lmc38510]

Je vais te laisser travailler un peu

Dans ton Template repère les <li> concernés ajoute leur un "indentifiant" id="...

Ajoute tes images <img src =" en lieu et place des textes {L_....

Le tour est joué pour le Template

Reste plus que le CSS ..

Pour chacun tu met:

Code:

#ton_identifiant {  
     position: fixed;
    top: 25%;    /* hauteur sur l'écran  */
     right: 0%;  /* position à droite*/
     z-index: 100;  
 }

si soucis n'hésites pas

[◦Jay◦]

Bonjour, vous pouvez aussi mettre simplement ces liens dans la barre de navigation en allant dans votre PA>Affichage>Page d'accueil>En-tête & Navigation>AJOUTER UN MENU PERSONNALISÉ

Vous mettez les liens :

http://www.passionlachasse.com/search?search_id=newposts >Voir les nouveaux messages depuis votre dernière visite
http://www.passionlachasse.com/search?search_id=egosearch >Voir ses messages
http://www.passionlachasse.com/search?search_id=unanswered >Voir les messages sans réponses

Vous pourrez même retirer les liens originaux sur la page d'accueil, c'est une autre solution.

Bien à vous.

[adrien_69]

Merci à tous pour vos réponses, c'est parfait !