Phpbb2: Mettre un cadre dans les derniers messages

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

  • 0

Astuce Phpbb2: Mettre un cadre dans les derniers messages

Message par Anzu Jeu 21 Fév 2013 - 15:26

Mettre un cadre dans les derniers messages

Avant toute modification, assurez-vous que votre forum respecte les conditions suivantes :
- Vous devez être le fondateur du forum pour avoir accès aux templates de celui-ci ;
- Votre forum doit être en version PhpBB2.

Cette astuce fait suite à l'astuce : Suppression des colonnes "Sujets" et "Messages".

Cette astuce va vous expliquer les différentes étapes qui vous permettront de réaliser ceci :

Voir illustration :

Modifications des templates


Panneau d'administration  Affichage  Templates - Général

Editez le template Index box en cliquant sur l'icône edit face au template correspondant.

  1. Réaliser les différentes modifications du template Index box, indiquées dans le tutoriel Suppression des colonnes "Sujets" et "Messages" ;

  2. Repérez et supprimez cette partie :

    Code:
    <td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td>

  3. Repérez :

    Code:
    <td class="row3 over" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
          </td>

  4. Et remplacez par :

    Code:
    <td class="row3 over" align="center" valign="middle" height="50">
    <span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.
    <br />{catrow.forumrow.LAST_POST}</span>
    </td>

    On place un retour à la ligne entre les deux éléments pour ne pas qu'ils soient collés <br />.

  5. On met une <div> dans le td autour des éléments, avec une class qu'on appellera "cadre1" et qui renverra à notre CSS.

    Code:
     <div class="cadre1">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.
    <br /><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>

    Vous pouvez retirer le <span class="gensmall"> ... </span> si vous le souhaitez.


N’oubliez pas de publier le template en cliquant sur Ajout .

Insertion du CSS


Panneau d'administration  Affichage  Images et Couleurs - couleurs (Onglet Feuille de style CSS)

Code:
.cadre1 {
border-radius: 15px;
border: solid #AAAAAA;
font-size: 11px;
font-family: Arial;
}

N'oubliez pas de cliquer sur le bouton Valider afin de sauvegarder les modifications




 Voir aussi l'astuce : retirer l'intitulé "Derniers messages".

Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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