Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

Anzu
Membre actif

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

https://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