Modifier la partie "Nouveaux messages" etc...

[moumouche]

Bonjour, je voudrais changer ça :

https://i.servimg.com/u/f41/17/31/42/94/avant_10.jpg

en ceci :


https://i.servimg.com/u/f41/17/31/42/94/avant10.png

comme vous vous en doutez sûrement, je veux mettre un cadre blanc autour de la partie
"Nouveaux messages" etc...[image 1]

Est-ce-possible ?

Merci pr vortre aide^^

[Olivier-Design]

Bonsoir,

Quelle est la version de votre forum (PHPBB2, phpBB3, punBB, Invision) ?

[moumouche]

PHPBB2

[Olivier-Design]

Alors, c'est la même version que mon forum. Je tente donc une solution qui, je crois, fonctionne, mais je ne peux pas tester car j'ai enlevé l'affichage des icônes en fin de page et je ne sais pas comment les remettre.

Aller dans votre Panneau d'administration > Affichage > Templates Général > index_body

Trouver la partie de code suivante :

Code:

<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="icon-message">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="icon-message">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="icon-message">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>

C'est cette partie du code que nous devons modifier.

Remplacez donc totalement cette partie de code par ceci :

Code:

<table border="0" cellspacing="3" cellpadding="0" align="center" bgcolor="#FFFFFF">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="icon-message">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="icon-message">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="icon-message">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>

La seule chose ayant changé dans le code c'est donc l'ajout de l'attibut "bgcolor" au "table" ce qui donne un background blanc (#FFFFFF) au tableau.

[Automne]

Bonjour, Où en-est votre problème ? Deux solutions : Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône en éditant votre premier message, Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté, A bientôt sur ForumActif

[moumouche]

up,

Ça marche, mais je le voudrait arrondis. Comment faire !

Merci ^^

[Pinguino]

Bonjour,

dans le code qui vous a été fournis :

Code:

        <table border="0" cellspacing="3" cellpadding="0" align="center" bgcolor="#FFFFFF">
          <tr>
              <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
              <td><span class="icon-message">{L_NEW_POSTS}</span></td>
              <td></td>
              <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
              <td><span class="icon-message">{L_NO_NEW_POSTS}</span></td>
              <td>  </td>
              <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
              <td><span class="icon-message">{L_FORUM_LOCKED}</span></td>
          </tr>
        </table>

Avez-vous définis une valeur pour l'attribut "border" ?

Cordialement,

[moumouche]

Oui, mais si je met juste "1" bah j'ai ça :

https://i.servimg.com/u/f44/16/24/93/51/screen10.jpg

^^

[moumouche]

up

[moumouche]

up

[moumouche]

upup

[Olivier-Design]

Bonsoir,

Je le répête ici. C'est maximum 1 UP par période de 24h!!!!

[moumouche]

Bonsoir les amis, j'ai trouvé comment faire.


Il faut juste aller donner un identifiant(id) à la balise table dans le code :

Code:

<table border="0" cellspacing="3" cellpadding="0" align="center" bgcolor="#FFFFFF" id="coins">
          <tr>
              <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" id="coins" /></td>
              <td><span class="icon-message">{L_NEW_POSTS}</span></td>
              <td></td>
              <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
              <td><span class="icon-message">{L_NO_NEW_POSTS}</span></td>
              <td>  </td>
              <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
              <td><span class="icon-message">{L_FORUM_LOCKED}</span></td>
          </tr>
        </table>

moi pour l'id, j'ai mis "coins".


Ensuite, c'est tout simple. Il suffit d'aller dans la feuille de style CSS & d'y mettre ce petit
code magique :

Code:


#coins{
 
 
  -moz-border-radius:9px;
-webkit-border-radius:9px;
-ô-border-radius:9px;
-khtml-border-radius:9px;
border-radius:9px;

}


c'est tout !

J'espère qu'il va servir à certains !