background Derniers Messages

[nerull]

Bonjour

je me demande si il est possible de mettre un background différent dans Derniers Messages



merci d'avance

nerull

[_backdraft_]

Bonjour,

Oui c'est possible avec du template et du CSS.

Il faut repéré dans votre template ou ce situe cette case, lui mettre une class et mettre un CSS qui modifie la class.

Si vous voulez plus d'aide transmettez moi le bon template s'il vous plait.

Cordialement
Backdraft

[nerull]

justement je ne connais pas et je ne sais même pas quel template

[_backdraft_]

Il me faut le template index_box.

Backdraft

[nerull]

je suis désolé mais cela fais 3 heures que je recherche et je n'ai rien trouvé lol

Code:

<table width="98%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <br />
         <br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="2">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
                                  <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
              <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"style="background:url()">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                         
      </td>
        <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="middle" width="70%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
                                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
            </span>
         </h{catrow.forumrow.LEVEL}>
                        <div class="description"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
         <span class="gensmall">
                         
            <!-- BEGIN switch_moderators_links -->
            <div class="moderateur">{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</div>
            <!-- END switch_moderators_links -->
                         
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
         
          <td class="row3 over" align="center" valign="middle" height="50">
        <table class="case_stats" cellpadding="0" cellspacing="0">
            <tr>
              <td class="dernier_msg"><p><br><br>{catrow.forumrow.LAST_POST}</p></td>
            </tr>
            <tr>
              <td class="stats_forum"><p>{catrow.forumrow.POSTS} messages pour {catrow.forumrow.TOPICS} sujets </p></td>
            </tr>
        </table>

   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="0"><img src="{SPACER}" alt="" height="0" width="0" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="0" /><!-- END tablefoot --><!-- END catrow -->

[_backdraft_]

Remplacez le par celui (attention à bien le publier après l'avoir enregistré) :

Code:

<table width="98%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <br />
        <br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="2">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
     
      <th nowrap="nowrap" width="150" class="derniermessage"><div style="width:150px;">{L_LASTPOST}</div></th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
                                  <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
              <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"style="background:url()">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                       
      </td>
        <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="middle" width="70%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
                                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
            </span>
        </h{catrow.forumrow.LEVEL}>
                        <div class="description"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
        <span class="gensmall">
                       
            <!-- BEGIN switch_moderators_links -->
            <div class="moderateur">{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</div>
            <!-- END switch_moderators_links -->
                       
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
       
          <td class="row3 over" align="center" valign="middle" height="50">
        <table class="case_stats" cellpadding="0" cellspacing="0">
            <tr>
              <td class="dernier_msg"><p><br><br>{catrow.forumrow.LAST_POST}</p></td>
            </tr>
            <tr>
              <td class="stats_forum"><p>{catrow.forumrow.POSTS} messages pour {catrow.forumrow.TOPICS} sujets </p></td>
            </tr>
        </table>
 
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="0"><img src="{SPACER}" alt="" height="0" width="0" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="0" /><!-- END tablefoot --><!-- END catrow -->

Ensuite ajoutez ceci dans votre CSS :

Code:

.derniermessage {Background-image: url(URL_DE_L_IMAGE);}

Cordialement
Backdraft

[nerull]

désolé mais cela ne fonctionne pas

[_backdraft_]

Re,

Alors le template semble marcher, vous avez mis quoi dans votre CSS ?

Backdraft

[nerull]

.derniermessage {
Background-image: ('https://i.servimg.com/u/f76/17/71/29/43/case-s11.png');
}

[_backdraft_]

Ceci devrait marcher (il ne doit pas y avoir de ') :

Code:

.derniermessage {
Background-image: (http://i76.servimg.com/u/f76/17/71/29/43/case-s11.png);
}

Cordialement
Backdraft

[nerull]

voila cela fonctionne j'ai ajouté url

Code:

.derniermessage {
Background-image: url('http://i76.servimg.com/u/f76/17/71/29/43/case-s11.png');
}

[_backdraft_]

voila cela fonctionne j'ai ajouté url

Code:

.derniermessage {
Background-image: url('http://i76.servimg.com/u/f76/17/71/29/43/case-s11.png');
}

Ah oui, je suis bête j'ai même pas fait attention

Backdraft

[nerull]

merci beaucoup pour ton aide

pour d'autre image je doit créer d'autre post ?

[_backdraft_]

De rien, si c'est une image qui est en rapport avec celle ci oui tu peux je pense sinon si c est une totalement différente faut mieux faire un autre sujet.

Backdraft

[nerull]

ok je vais créer un nouveau

merci pour ton aide