Ajouter un lien vers le dernier message version mobile

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

Résolu Ajouter un lien vers le dernier message version mobile

Message par Erwan Narcos le Mar 3 Mai 2016 - 20:23

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://ecoledesmarchombres.1fr1.net

Description du problème

Bonjour à toutes et à tous,

Je viens vers vous car j'aimerais pouvoir ajouter un lien vers le dernier message posté dans la version mobile. Beaucoup de membres du forum trouvent long et fastidieux de naviguer dans les catégories pour aller trouver le dernier sujet, le dernier message de ce dernier.

Ce que j'aimerais faire, c'est que la partie en jaune sur l'image puisse lier directement au dernier message.
J'ai essayé de faire quelque chose avec les balises de dernier message pour le forum en version desktop, mais cela ne donne rien de bon.
Code:
{catrow.forumrow.LAST_POST}
J'ai tenté d'ajouter une div, mais impossible de trouver une balise de lien qui va directement vers le dernier message.




Merci d'avance !



Dernière édition par Erwan Narcos le Mar 17 Mai 2016 - 19:27, édité 1 fois

Erwan Narcos
**

Messages : 61
Inscrit(e) le : 31/07/2009

http://ecoledesmarchombres.1fr1.net
Erwan Narcos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un lien vers le dernier message version mobile

Message par Outis le Jeu 5 Mai 2016 - 22:40

Up car également intéressé par cette proposition.

Outis
*****

Messages : 554
Inscrit(e) le : 28/07/2012

http://personofinterest.fra.co
Outis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un lien vers le dernier message version mobile

Message par Erwan Narcos le Dim 8 Mai 2016 - 8:18

Up, je cherche toujours !

Erwan Narcos
**

Messages : 61
Inscrit(e) le : 31/07/2009

http://ecoledesmarchombres.1fr1.net
Erwan Narcos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un lien vers le dernier message version mobile

Message par Erwan Narcos le Lun 9 Mai 2016 - 22:15

Up

Erwan Narcos
**

Messages : 61
Inscrit(e) le : 31/07/2009

http://ecoledesmarchombres.1fr1.net
Erwan Narcos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un lien vers le dernier message version mobile

Message par Erwan Narcos le Mer 11 Mai 2016 - 19:41

Up

Erwan Narcos
**

Messages : 61
Inscrit(e) le : 31/07/2009

http://ecoledesmarchombres.1fr1.net
Erwan Narcos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un lien vers le dernier message version mobile

Message par Outis le Ven 13 Mai 2016 - 11:45

petit up Wink

Outis
*****

Messages : 554
Inscrit(e) le : 28/07/2012

http://personofinterest.fra.co
Outis a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajouter un lien vers le dernier message version mobile

Message par Neptunia le Ven 13 Mai 2016 - 15:15

Bonjour Erwan Narcos et Outis


Je vous propose une autre approche en rendant cliquable la ligne "Dernier message par Untel..."

Right PA > Affichage > Templates > Version #mobile > edit #index_box

Rechercher :
Code:
   <!-- BEGIN forumrow -->
      <div class="mobile_item">
         <a href="{catrow.forumrow.U_VIEWFORUM}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="{catrow.forumrow.FOLDER_CLASSNAME} mobile_item_content block">
            <div class="mobile_item_link_content">
               <h{catrow.forumrow.LEVEL} class="mobile_subtitle">{catrow.forumrow.FORUM_NAME}</h{catrow.forumrow.LEVEL}>
               <div class="mobile_comment">{catrow.forumrow.POSTS} {L_POSTS} {L_IN} {catrow.forumrow.TOPICS} {L_TOPICS}</div>
               <div class="mobile_comment">{catrow.forumrow.L_LATEST_POST_FROM_THE}</div>
            </div>
         </a>
      </div>
   <!-- END forumrow -->
Remplacer par :
Code:
   <!-- BEGIN forumrow -->
      <div class="mobile_item">
         <a href="{catrow.forumrow.U_VIEWFORUM}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="{catrow.forumrow.FOLDER_CLASSNAME} mobile_item_content block">
            <div class="mobile_item_link_content">
               <h{catrow.forumrow.LEVEL} class="mobile_subtitle">{catrow.forumrow.FORUM_NAME}</h{catrow.forumrow.LEVEL}>
               <div class="mobile_comment">{catrow.forumrow.POSTS} {L_POSTS} {L_IN} {catrow.forumrow.TOPICS} {L_TOPICS}</div>
            </div>
         </a>
         <div class="mobile_comment mobile_lastpost"><a href="{catrow.forumrow.U_LATEST_TOPIC_POST}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.L_LATEST_POST_FROM_THE}</a></div>
      </div>
   <!-- END forumrow -->

:enreg: et ne pas oublier de publier ajout le #template




SANS MODIFICATION :


APRES MODIFICATION (et un peu de css sur la class mobile_lastpost :

Neptunia
+ Hyperactif +

Féminin
Messages : 10929
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un lien vers le dernier message version mobile

Message par Outis le Ven 13 Mai 2016 - 23:28

cheers Merci.

Pour le CSS, je manque un peu de compétence pour le moment. Une petite explication plus détaillée serait bienvenue.
Autrement, c'est un pas énorme pour les membres en demande Very Happy

Outis
*****

Messages : 554
Inscrit(e) le : 28/07/2012

http://personofinterest.fra.co
Outis a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajouter un lien vers le dernier message version mobile

Message par Neptunia le Sam 14 Mai 2016 - 6:05

Pour le CSS, j'ai commencé par récupérer le css de base de mobile_item_link_content
Code:
.mobile_item_link_content {
padding: 0 1em 0 45px;
background: url(http://illiweb.com/fa/mobile/arrow_right.png) no-repeat scroll 100% 50%;
}
En regardant la ligne de background, on comprend d'où sort cette fameuse flèche tout à droite.
Flèche que je ne voulais pas avoir en double, donc je n'ai conservé que le padding pour construire le css de notre ligne de dernier message.
Ligne à laquelle j'avais affecté initialement la class lastpost avant de supposer que cette class relativement courante en version web dès qu'on bricole un peu et qu'on souhaite donner des noms anglophones à ses identifiants. D'où le rajout de mobile_ pour contrer ce risque de conflit. Ce qui me donne au final ce css
Code:
.mobile_lastpost {
padding: 0 1em 0 45px;
}
Pour le rajout de l'image, je suis passée par le pseudo-élément ::before mais j'aurais tout aussi bien pu passer par le html et rajouter la balise <img> directement dans le template. C'est même conseillé ! Je suis passée par le CSS par flemme de retravailler le template Mr. Green

Neptunia
+ Hyperactif +

Féminin
Messages : 10929
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un lien vers le dernier message version mobile

Message par Outis le Sam 14 Mai 2016 - 11:39

Grand merci à toi. Ça fonctionne nickel.
J'ai opté pour le code dans le template, tant que j'avais les doigt dans le cambouis tongue

Outis
*****

Messages : 554
Inscrit(e) le : 28/07/2012

http://personofinterest.fra.co
Outis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un lien vers le dernier message version mobile

Message par Erwan Narcos le Mar 17 Mai 2016 - 19:26

Bonne alternative qui fonctionne, merci !

Je cherchais en particulier cette balise :
Code:
{catrow.forumrow.U_LATEST_TOPIC_POST}

Du coup, j'ai bidouillé à mon tour pour pouvoir réaliser ce que je voulais.
Mon template PA > Affichage > Templates > Version mobile > index_box
Code:
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="forabg">
      <div class="mobile_set">
         <div class="mobile_set_content">{catrow.tablehead.L_FORUM}</div>
      </div>
   <!-- END tablehead -->

       <!-- BEGIN forumrow -->
      <div class="mobile_item">
        <a href="{catrow.forumrow.U_VIEWFORUM}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="{catrow.forumrow.FOLDER_CLASSNAME} mobile_item_content block">
            <div class="mobile_item_link_content">
              <h{catrow.forumrow.LEVEL} class="mobile_subtitle">{catrow.forumrow.FORUM_NAME}</h{catrow.forumrow.LEVEL}>
              <div class="mobile_comment">{catrow.forumrow.POSTS} {L_POSTS} {L_IN} {catrow.forumrow.TOPICS} {L_TOPICS}</div>
              <div style="width:80%;"class="mobile_comment">{catrow.forumrow.L_LATEST_POST_FROM_THE}</div>
            </div>
                        <div class="lp_click"><a href="{catrow.forumrow.U_LATEST_TOPIC_POST}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}" style="display:block;width:100%;height:100%;">{catrow.forumrow.LATEST_TOPIC_TITLE}</a></div>
        </a>
      </div>
  <!-- END forumrow -->

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


Mon CSS:
Code:
.lp_click{
   
    font-size: 0.8em;
    color: #666;
  margin-top:-40px;
  height:40px;
  margin-left:80%;
    width: 15%;
  padding:2px;
  padding-right:5px;
  overflow:auto;
 
}

.lp_click a{
  color: black;
}
.lp_click a:visited{
  color: black;
}


Ce qui donne :

Erwan Narcos
**

Messages : 61
Inscrit(e) le : 31/07/2009

http://ecoledesmarchombres.1fr1.net
Erwan Narcos a été remercié(e) par l'auteur de ce sujet.

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


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