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 le Jeu 21 Fév 2013 - 15:26

Phpbb2: Mettre un cadre dans les derniers messages

Ce tuto va vous expliquer les différentes étapes qui vous permettront de réaliser ceci:
Uniquement valable pour Phpbb2.

Attention !
Ce tutoriel nécessite
  • d'être le fondateur du forum,
  • d'être en version Phpbb2.

Introduction - Modification pour Phpbb2


• Allez dans Affichage > Templates > Général > Index box

Les modifications dans le template


Première Etape: Suppression des colonnes sujets & Messages (tuto disponible ICI)


Deuxième Etape: On prend l'élément Sujets et messages qu'on déplace dans la colonne derniers messages.

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>

Repérez:

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

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.

Code:
<br />

Troisième Etape: Mise en place du cadre autour des derniers messages and co.

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

Comme ceci:

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

NB: Vous pouvez retirer le span class gensmall si vous le souhaitez.

Ajout dans la feuille CSS (Affichage > Images et couleurs > Couleurs > Feuille CSS)

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

==> A personnaliser à souhait ! Smile

Anzu
+ Hyperactif +

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

http://forum.forumactif.com/forum
Anzu 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