image dans le carde du forum

[minatokage]

Rappel du premier message :

Bonjour/Bonsoir

il a peut j'ai installé un code me permettent de modifie l'apparence de mes catégorie  sa fonction plutôt bien il a l'imager du haut et bas  le seul problème j'ai aucune image qui s'affiche dans le forum la ou il a description dernier message etc..
je suis sur phbb2 et css template modifier    

Code:

                         <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
                          <tr>
                              <td valign="bottom">
                                <!-- BEGIN switch_user_logged_in -->
                                <span class="gensmall">{LAST_VISIT_DATE}
                
                               {CURRENT_TIME}
                
                               </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>
                
                               <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
                
                               <!-- 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="haut_cate"><tr valign="center"><td>
                      {catrow.tablehead.L_FORUM}</td></tr></table><table class="forumline" width="890px" align="center" border="0" cellspacing="1" cellpadding="0">
                              <tr>
                            
                               <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> <table><tr><td width="85%">{catrow.tablehead.L_FORUM}</td><td width="15%">{L_LASTPOST}</td></tr></table></th>
                              </tr>
                        </table><div class="milieu_cate"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
                              <!-- END tablehead -->
                          <!-- BEGIN cathead -->
                          <tr>
                              <!-- BEGIN inc -->
                            <td class="{catrow.cathead.inc.INC_CLASS} index_cate" width="46"><img src="{SPACER}" height="0" width="46" /></td>
                              <!-- END inc -->
                              <td class="{catrow.cathead.CLASS_CAT} index_cate" 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} index_cate" colspan="3" align="right"> </td>
                          </tr>
                          <!-- END cathead -->
                          <!-- BEGIN forumrow -->
                          <tr>
                              <!-- BEGIN inc -->
                              <td class="{catrow.forumrow.inc.INC_CLASS} index_cate" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
                              <!-- END inc -->
                              <td class="{catrow.forumrow.INC_CLASS} index_cate" 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 index_cate" 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><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>
                                <div class="descript"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
                                <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 index_cate" align="center" valign="middle" height="60"><div style="width:275px;">
                                <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
                              </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><div class="imgbas"> </div><table class="bas_cate"><tr valign="center"><td> </td></tr></table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->
                                      <!-- END catrow -->

css la parti concerne

Code:

/*|__________ DEBUT DES MODIFICATIONS DE L'AFFICHAGE DES CATEGORIES __________*/

table.haut_cate{
   width:891px;
   height:86px;
   background-image:url();
   background-repeat:no-repeat;
   margin-bottom: -22px;
   }

table.haut_cate h2{
   width:600px;
   margin-left: 40px;
   margin-right auto;
  font-variant:small-caps;
  font-size 18px;
  color:#fff;
  text-shadow 1px 1px 2px #ffffff;
}

div.milieu_cate{
   background-image:url(http://i73.servimg.com/u/f73/18/19/39/36/alt10.gif);
   background-repeat:repeat-y;
  }


.imgbas {
background-image: url(http://i73.servimg.com/u/f73/18/19/39/36/fold10.png);
background-repeat: no-repeat;
background-color: transparent;
height:9px;
width:892px;
  margin:auto;

}    

cordialement

[Anzu]

Dans ce cas, il suffit juste de mettre l'image dans le row1 tout simplement.

Code:

.row1 {
background-image: url('blabla lien');
}


Au pire, dans votre code, vous avez mis:

Code:

  <td class="xd" 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>

Bon j'ai changé la class pour le fun, j'ai mis xd, et vous remplacez le row1 par xd, comme ça vous n'aurez pas le fond partout, étant donné que le row1 se trouve également dans le qeel.


Cordialement.

[minatokage]

bonjour et merci ça fonction mes comment évité que sa ce répète j'ai essaye ce code background-repeat: no-repeat; mes sa ne fonctionne pas

[Anzu]

Vous avez bien mis comme ceci?:

Code:

.row1 {
background-image: url('blabla lien');
background-repeat: no-repeat !important;
}

Cordialement.

[minatokage]

oui mes des que je mais ce code background-repeat: no-repeat !important;
mes case redeviens gris ?

[Anzu]

Vous avez fait les modif sur ce fofo: http://rise-of-ninja.probb.fr/ ?
Parce que je ne les vois pas.

Pourrais je avoir à nouveau votre template actuel et toute votre css ?

edit: comme vous pouvez le constater sur mon forum test: aucun souci de mon côté ..

[minatokage]

oui j'ai bien faits les modification sur ce forum il a bien l'imager mes des que je mais le code background-repeat: no-repeat !important; sa redevient gris

Spoiler:

Spoiler:

cordialement

[Anzu]

C'est bien mignon mais il faut mettre la modification dans le template aussi:

Code:

<td class="row1 index_cate" 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>

row1 index_cate > mettez row1

Mais comme expliqué plus haut.
Mettez un autre nom, genre "fondblabla" par exemple

et dans la css

.fondblabla {
blablabla;
}

[minatokage]

je viens de changer row1 index cat par Kameha j'ai bien mie dans le css mes rien ne change par contre j’enlève background-repeat: no-repeat !important; la il a l'imager mes elle ce répète

[Anzu]

J'ai du changer de pc étant donné que mon écran est ..

Donc du coup je comprends mieux ! (je vois mieux surtout xD)

Alors alors, je n'aime pas Firebug mais me suis rendue compte que vous aviez plusieurs fois "Kameha" dans votre css .. je ne sais pas si c'est une erreur, mais il en faut qu'un, sinon vive les conflits.

Ensuite, du coup il faudra mettre le code comme ceci:

Code:

.kameha {
background-image: url('donc l'image');
background-repeat: repeat-x;
background-position: bottom;
background-color: #ffffff;
}

Et cette fois ci, c'est bon

[minatokage]

Ah et bien voila qui est bien mieux^^ merci
et comment je dois faire pour que l'image soi aussi dans la case icône du forum
en fait j'avais mie dans le css trois fois kameha pour que l'image s'affiche partout dans message page d'accueil et la liste des sujet

[minatokage]

petit up

[Anzu]

Pour l'image, c'est ce td:

Code:

  <td class="{catrow.forumrow.INC_CLASS} index_cate" 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>

Suffit de changer la class
Faut juste que l'image ait un fond transparent

[minatokage]

Bonjour dessolé pour la lenteur de mes réponse je suis très occupe ces dernier temps j'ai mis mon image en fond transparent
mes j ais un espace gris dans icone du forum

[minatokage]

salut j'ai résolue problème merci a tois  anzu de m’avoir aides