Image de fond colonne "Derniers Messages"

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

Résolu Image de fond colonne "Derniers Messages"

Message par Wisti le Dim 27 Jan 2013 - 16:30

Bonjour,

J'aimerais mettre une image de fond à la colonne "Derniers Messages", centrée et alignée avec la description du sous-forum de cette façon :
Spoiler:

J'ai réussis à bidouiller mon template pour supprimer les colonnes "Sujets" et "Messages" et ajouter l'image, mais elle ne s'affiche pas correctement.

Avec chrome, ça donne ça :
Spoiler:
Et avec Firefox :
Spoiler:

Mon template index_box modifié :
Code:
<br /><br />
<div id="conteneur_onglets">
<center><table><tr>
  <td class="onglet"><div>Administration | </div></td>
  <td class="onglet"><div>Personnages | </div></td>
  <td class="onglet"><div>Membres | </div></td>
  <td class="onglet"><div>RPG</div></td>
  </tr></table></center>
</div>
<div id="conteneur_categories">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="categorie"><center><table class="forumline" width="90%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"></th>
          <th nowrap="nowrap" width="170px"></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">
        <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="top" width="100%" height="50">
<table width="100%"><tbody><tr><td><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}></td></tr></tbody></table>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
        <td class="row3 over deco_sujet" align="center" valign="middle" height="70" width="126">
          <span class="gensmall" style="padding: 0px;">{catrow.forumrow.LAST_POST}</span>
      </td>
  </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="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
  </table></center><img src="{SPACER}" alt="" height="5" width="1" /></div>
<!-- END tablefoot --><!-- END catrow -->
</div>

Merci d'avance.


Dernière édition par Wisti le Dim 27 Jan 2013 - 16:47, édité 2 fois

Wisti
Nouveau membre

Messages : 29
Inscrit(e) le : 29/11/2012

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

Résolu Re: Image de fond colonne "Derniers Messages"

Message par Anzu le Dim 27 Jan 2013 - 16:33


Bonjour,

Remplacez votre template par:

Code:
        <br /><br />
        <div id="conteneur_onglets">
        <center><table><tr>
          <td class="onglet"><div>Administration | </div></td>
          <td class="onglet"><div>Personnages | </div></td>
          <td class="onglet"><div>Membres | </div></td>
          <td class="onglet"><div>RPG</div></td>
          </tr></table></center>
        </div>
        <div id="conteneur_categories">
        <!-- BEGIN catrow --><!-- BEGIN tablehead -->
        <div class="categorie"><center><table class="forumline" width="90%" border="0" cellspacing="1" cellpadding="0">
          <tr>
              <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"></th>
                  <th nowrap="nowrap" width="170px"></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">
                <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="top" width="100%" height="50">
        <table width="100%"><tbody><tr><td><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}></td></tr></tbody></table>
                <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                <span class="gensmall">
                    <!-- BEGIN switch_moderators_links -->
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                </span>
              </td>
                <td style="min-width: 126px;" class="row3 over deco_sujet" align="center" valign="middle" height="70" width="126">
                  <span class="gensmall" style="padding: 0px;">{catrow.forumrow.LAST_POST}</span>
              </td>
          </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="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
          </tr>
          <!-- END catfoot -->
          <!-- BEGIN tablefoot -->
          </table></center><img src="{SPACER}" alt="" height="5" width="1" /></div>
        <!-- END tablefoot --><!-- END catrow -->
        </div>

Dites moi si c'est mieux Smile

Cordialement.

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.

Résolu Re: Image de fond colonne "Derniers Messages"

Message par Wisti le Dim 27 Jan 2013 - 16:46

Beaucoup mieux, l'image s'affiche entièrement sur Firefox. Il reste des petits détails à corriger mais je pense pouvoir m'en occuper moi-même. Merci beaucoup Smile

Wisti
Nouveau membre

Messages : 29
Inscrit(e) le : 29/11/2012

Wisti 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