11 résultats trouvés pour index_box

Sujets actifs du jour Top 20 des posteurs du jour

Bonsoir ^^

BM92 a écrit:J'ai trouver une solution mais malheureusement elle n'est pas pour le PunBB

En fait l'approche est la même sur toutes les versions.
Sous PunBB, le code exact à enlever du #template #index_box est :

Code:

   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>

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.

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

Bonsoir ^^


PA > Affichage > Templates > Général
Si le template #index_box apparaît en vert ou en rouge, le sauvegarder :save:
-> 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>

et publier :check: le #template

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>

et publier le template.

Ahhhh! Les templates, codes et autres joyeusetés sont les drames de ma vie! Merci beaucoup Neptunia, cela a fonctionné pour moi, vous êtes ma sauveuse du jour.

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>

et publier le template.

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..."

PA > Affichage > Templates > Version #mobile > #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 -->

et ne pas oublier de publier le #template

---

SANS MODIFICATION :


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

Supprimer des Informations d'un Template

Bonjour ^^


Dans le #template #index_box cherchez(¹) 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>

(¹) Quand je dis rechercher c'est abusif, il s'agit des toutes premières lignes de la version de base du template.

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}

puis publier le template

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 -->

et publier

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;
}

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

Bonjour, et bienvenue sur le Forum des Forums Forumactif


PA > Affichage > Templates > Général > #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 -->

et publier le #template

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.
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://2img.net/s/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://2img.net/s/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://2img.net/s/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">