Comment mettre un cadre autour du dernier messages

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

  • 0

Résolu Comment mettre un cadre autour du dernier messages

Message par Shika85 le Jeu 23 Sep 2010 - 15:03

Bonjour tout le monde étant embêter par ce tutoriel que je ne trouve pas j'aimerais savoir comment faire ceci:



Screen du forum : http://age-des-pirate.forumactif.com/forum.htm

Je voudrais savoir enfaite comment faire les deux même style de cadre que sur le Screen.
Je vous remercie d'avance .


Shika85
***

Masculin
Messages : 107
Inscrit(e) le : 01/08/2010

http://op-hansen.forumactif.com/
Shika85 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre un cadre autour du dernier messages

Message par Shika85 le Sam 25 Sep 2010 - 8:19

up!

Shika85
***

Masculin
Messages : 107
Inscrit(e) le : 01/08/2010

http://op-hansen.forumactif.com/
Shika85 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre un cadre autour du dernier messages

Message par Invité le Sam 25 Sep 2010 - 9:03

Bonjour,

En ce qui concerne ces cadres il faut passer par le template Index_box.
1ère étape: On met en place la feuille de style CSS - à modifier à votre convenance:
Code:
.stats{
  background-color: #a52a2a;
  padding: 3px;
  text-align: center;}

.dermessage{
  background-color: #a52a2a;
  border: 1px dashed #a0522d;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-bottomright: 12px;
  -webkit-border-bottom-right-radius: 12px;
  -webkit-border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top-left-radius: 12px;
  padding: 3px;
  text-align: center;}
2ème étape: Supprimer les colonnes sujets et messages . Attention on ne fait que supprimer ce qu'il y a à supprimer, on s'en tient donc aux 2 premiers points.

3ème étape: On inclue les "sujets et messages" dans la colonne "derniers messages" . Pour cela on remplace:
Code:
<!-- BEGIN forum_link_no -->
        <td class="row3 over" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
        </td>
        <!-- END forum_link_no -->
Par
Code:
<!-- BEGIN forum_link_no -->
        <td class="row3 over" align="center" valign="middle" height="50"><table><tr><td>
<div class="stats"><span class="gensmall">{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets</span></div></td></tr>
            <tr><td><div class="dermessage"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></td></tr></table>
        </td>
        <!-- END forum_link_no -->
Ne pas oublier de publier le template Wink .
Et normalementment, ça fonctionne et ça donne:


Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre un cadre autour du dernier messages

Message par Shika85 le Sam 25 Sep 2010 - 9:50

Houa c'est simple et le rendu et superbe merci à toi Isolde d'avoir pris le temps !

Shika85
***

Masculin
Messages : 107
Inscrit(e) le : 01/08/2010

http://op-hansen.forumactif.com/
Shika85 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment mettre un cadre autour du dernier messages

Message par Invité le Sam 25 Sep 2010 - 9:54

C'était un plaisir, l'important est que cela fonctionne bien Very Happy .

Cordialement.

Invité
Invité


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