La date/heure actuelle est Lun 28 Mai 2018 - 10:15

10 résultats trouvés pour index_box

Améliorer la visibilité des nouveaux messages en version mobile

Remplacez l'intégralité du #template #index_box version #mobile par :
Code:
<!-- BEGIN catrow -->
    <!-- BEGIN tablehead -->
        <div class="forum">
        <h2>{catrow.tablehead.L_FORUM}</h2>
    <!-- END tablehead -->

    <!-- BEGIN forumrow -->
    <div class="forum-section-wrap">
        <a href="{catrow.forumrow.U_VIEWFORUM}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="{catrow.forumrow.FOLDER_CLASSNAME} forum-section">
            <div class="forum-icon"><i class="material-icons"></i>
                <!-- BEGIN avatar -->
                <div class="forum-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div>
                <!-- END avatar -->
                <!-- BEGIN ads -->
                <div class="forum-avatar">
                    <img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" />
                </div>
                <!-- END ads -->
            </div>
            <div class="forum-content">
                <h3>{catrow.forumrow.FORUM_NAME}</h3>
                <div class="forum-statistics"<!-- BEGIN ads --> data-swap='{catrow.forumrow.TOPICS}'<!-- END ads -->>{catrow.forumrow.POSTS} {L_POSTS}</div>
            </div>
          </a>

            <div class="forum-lastpost modern_lastpost" style="padding-left:65px"><a href="{catrow.forumrow.U_LATEST_TOPIC_POST}" title="{catrow.forumrow.LATEST_TOPIC_NAME}">{catrow.forumrow.LATEST_TOPIC_NAME} <br />{catrow.forumrow.L_LATEST_POST_FROM_THE}</a></div>
    </div>
    <!-- END forumrow -->

    <!-- BEGIN tablefoot -->
    </div>
    <!-- END tablefoot -->
<!-- END catrow -->
<script type="text/javascript">
    $('.forum-statistics').each(function() {
        if ($(this).data('swap')) {
            $(this).html($(this).data('swap'));
        }
    });
</script>

Code testé et fonctionnel.

Ce qui change par rapport au sujet initial de mai 2016
- Il s'agit d'un template de la version mobile moderne qui n'existait pas à l'époque.
- Template à jour avec la gestion éventuelle des petites annonces.
- Le CSS est embarqué directement dans le template.
Il reste possible de pousser la personnalisation avec le sélecteur .modern_lastpost




Pour faire ressortir les nouveaux messages (sur l'index et sur les sous-fora, je vous suggère le code CSS suivant :
Code:
            /* COULEUR RANGEES SI NOUVEAU MESSAGE */
    .cat_new, .forum_new, .folder_new, .folder_locked_new, .folder_global_new, .folder_announce_new, .folder_hot_new, .folder_sticky_new {
        background-color:#FFF0F5;
        }
            /* COULEUR RANGEES SI PAS DE NOUVEAU MESSAGE */
    .cat_no_new, .forum_no_new, .folder_no_new, .folder_locked, .folder_global, .folder_announce, .folder_hot, .folder_sticky {
        background-color:#EDFEDF;
        }

qui va attribuer une couleur aux lignes de forum ou de sujet avec un nouveau contenu (1er bloc) et une autre couleur pour les sections ou sujets sans nouveauté (2e bloc).




Enfin vu que la demande n'a plus rien à voir avec les flux RSS, je vous invite à modifier le titre du sujet afin de faciliter les recherches ultérieures.
par Neptunia
le Mer 15 Mar 2017 - 19:53
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Améliorer la visibilité des nouveaux messages en version mobile
Réponses: 30
Vues: 915

Je ne parviens pas à retirer la colonne "dernier message"

Bonsoir ^^


Right PA > Affichage > Templates > Général
Si le template #index_box apparaît en vert ou en rouge, le sauvegarder :save:
-> edit index_box

Rechercher et supprimer :
Code:
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>


Rechercher et supprimer :
Code:
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- 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">
                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                    {catrow.forumrow.ads.DATE}<br />
                    {catrow.forumrow.ads.LOCATION}
                </span>
            </span>
            <!-- END ads -->
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>


:enreg: et publier :check: le #template
par Neptunia
le Sam 4 Fév 2017 - 21:25
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Je ne parviens pas à retirer la colonne "dernier message"
Réponses: 6
Vues: 391

Comment enlever ceci au bas du forum

[mention]Neptunia[/mention] a écrit:Bonjour ^^


@misslena

Quelle que soit la version de forum, l'approche est la même, les variables sont les mêmes. Seule la structure du code autour de ces variables est susceptible d'être différent.

Sous phpBB3 supprimer les lignes suivantes vers la fin du {#}template{/#} {#}index_box{/#} :
Code:
   <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;•&nbsp;</li>
   <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;•&nbsp;</li>
   <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>


:enreg: et publier Ajout le template.



Ahhhh! Les templates, codes et autres joyeusetés sont les drames de ma vie! Wink Merci beaucoup Neptunia, cela a fonctionné pour moi, vous êtes ma sauveuse du jour. Very Happy
par Invité
le Mar 6 Sep 2016 - 12:15
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Comment enlever ceci au bas du forum
Réponses: 5
Vues: 436

Comment enlever ceci au bas du forum

Bonjour ^^


@misslena

Quelle que soit la version de forum, l'approche est la même, les variables sont les mêmes. Seule la structure du code autour de ces variables est susceptible d'être différent.

Sous phpBB3 supprimer les lignes suivantes vers la fin du #template #index_box :
Code:
   <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;•&nbsp;</li>
   <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;•&nbsp;</li>
   <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>


:enreg: et publier Ajout le template.
par Neptunia
le Mar 6 Sep 2016 - 8:27
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Comment enlever ceci au bas du forum
Réponses: 5
Vues: 436

Ajouter un lien vers le dernier message version mobile

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 :
par Neptunia
le Ven 13 Mai 2016 - 15:15
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Ajouter un lien vers le dernier message version mobile
Réponses: 10
Vues: 10141

Supprimer des Informations d'un Template

Bonjour ^^


Dans le #template #index_box cherchez(1) et supprimez cette table
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>


(1) Quand je dis rechercher c'est abusif, il s'agit des toutes premières lignes de la version de base du template.
par Neptunia
le Lun 8 Fév 2016 - 21:24
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Supprimer des Informations d'un Template
Réponses: 3
Vues: 269

Supprimer "Forum" et "Derniers messages" de la page d'accueil

Bonjour ^^


Direction le #template #index_box

Recherchez et supprimer ces deux variables
- {catrow.tablehead.L_FORUM}
- {L_LASTPOST}

:enreg: puis publier Ajout le template
par Neptunia
le Lun 1 Fév 2016 - 21:34
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Supprimer "Forum" et "Derniers messages" de la page d'accueil
Réponses: 1
Vues: 445

taille police modérateurs seuls

Dans le #template #index_box remplacer :
Code:
                        <!-- BEGIN switch_moderators_links -->
                           {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->

par :
Code:
                        <!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}<span class="mod-list">{catrow.forumrow.switch_moderators_links.MODERATORS}</span>
                        <!-- END switch_moderators_links -->

:enreg: et publier Ajout

Dans la feuille CSS, rajouter :
Code:
.mod-text {
font-size: 14px;
}
.mod-list {
font-size: 12px;
}

Le sélecteur mod-text correspond au libellé Modérateurs: ici on a une taiille de police de 14 pixels
Le sélecteur mod-list correspond lui à la liste des modérateurs et/ou des groupes de modération.

Si vous voulez la même taille pour le texte et la liste, vous pouvez utiliser ce code à la place :
Code:
.mod-text, .mod-list {
font-size: 14px;
}
par Neptunia
le Lun 30 Nov 2015 - 11:35
 
Rechercher dans: Archives des problèmes avec un code
Sujet: taille police modérateurs seuls
Réponses: 6
Vues: 606

Titre du topic dans "Dernier message" ne mène pas au dernier message

Bonjour, et bienvenue sur le Forum des Forums Forumactif


Right PA > Affichage > Templates > Général > edit #index_box
Remplacer :
Code:
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->

par :
Code:
<span>
            <!-- BEGIN switch_topic_title -->
            <a href="{catrow.forumrow.U_LATEST_TOPIC_POST}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
<br />
            <!-- END switch_topic_title -->
            {catrow.forumrow.USER_LAST_POST}
            </span>
</td>

</tr>
<!-- END forumrow -->

:enreg: et publier Ajout le #template
par Neptunia
le Mar 2 Juin 2015 - 14:00
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Titre du topic dans "Dernier message" ne mène pas au dernier message
Réponses: 7
Vues: 696

Comment rajouter une image pour informer les membres qu'il y a de nouveaux messages sur un forum ?

Bonjour ^^

Sur la version phpBB2 l'image Nouveau / Pas de nouveau message a sa propre cellule.
Si on y place une image comme celle du FdF :

cela aura pour effet d'élargir la cellule.

A moins de modifier en profondeur le #template #index_box ce n'est donc pas réalisable.
Le moyen le plus rapide de parvenir au même rendu est de passer en version PunBB ou phpBB3




Mais suis-je donc bête ? Sur mon forum j'ai ajouté un texte en me basant sur ce tutoriel.
Astuce Coloriser les cellules sur l’index lorsqu’un nouveau message est posté

J'ai placé ce script sur l'index et sur les sous-forums

Code:
$(function() {
/* Ajoute une class à la cellule si sujet avec nouveau message */
$('img[src="http://hitsk.in/t/13/86/22/i_icon_newest_reply.gif"]').closest('tr').addClass('newpost');
/* Ajoute une class à la cellule si forum avec nouveau message */
$('img[src="http://hitsk.in/t/13/86/22/i_icon_minipost_new.gif"]').closest('tr').addClass('newpost');
/* Ajoute une class à la cellule si catégorie avec nouveau message */
$('img[src="http://hitsk.in/t/13/86/22/i_icon_minicat_new.gif"]').closest('tr').addClass('newpost');
/* Ajoute un texte défilant si catégorie ou forum avec nouveau message */
$('tr.newpost h2.hierarchy a.forumlink').after('<div class="check-post"><marquee behavior="alternate" scrolldelay="100" style="width: 100%;"><font color="red"> ►►► Nouveau(x) message(s) ◄◄◄</font></marquee></div>');
});


Pour les 3 premiers blocs, il faut remplacer le lien de chaque image utilisée pour signaler la présence d'un nouveau message.
- Mini-icônes > Lien dernière réponse Nouveau
- Mini-icônes > Mini sujet Nouveau
- Mini-icônes > Mini catégorie Nouveau

Pour le dernier bloc remplacer ma div par une image
Code:
<img src="http://www.hebergeur.com/tonimage.jpg">
par Neptunia
le Jeu 28 Mai 2015 - 17:31
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Comment rajouter une image pour informer les membres qu'il y a de nouveaux messages sur un forum ?
Réponses: 3
Vues: 10045

Revenir en haut

Sauter vers: