Titre des catégories imagées

[Lunathiel]

Bonjour ou bonsoir

En parcourant les forums j'ai trouvé une idée magnifique



Le titre et l'image des catégorie n'as plus de cadre et est remplacé par une image

celle-ci dans mon exemple

https://2img.net/r/ihimizer/img703/9109/barrecatgorie.png

Voila je cherche à créé la même chose pour mon forum.



Premièrement:


et ensuite mettre cette image au-dessus



Comme ceci



Il faudra aussi faire en sorte que le texte se mettre au milieu de l'image comme ici





Quelqu'un saurait-il m'aider? Comment dois-je modifier les templates ou le CSS de mon forum pour en arriver là?... Un grand merci à vous

[volle-terrienne]

J'ai ouvert un sujet pour la même question que toi ici : https://forum.forumactif.com/t292809-remplacer-le-titre-d-une-categorie-par-une-image

Je croise les doigts pour que nous ayons une réponse

[Lunathiel]

Ma demande est toujours d'actualité

[po]

+1
ça m'intéresse aussi, j'ai plus de cheveux à force de chercher une solution xD

[Convivialite]

Bonsoir,

c'est un mess de Isolde , que j'avais noté et qui concerne les images dans les catégories

je ne l'ai pas testé , a vous de le faire :lol!:



la modification se fait via le template index_box.

Voilà le code =>

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
 width="100%" cellspacing="0px" cellpading="0px"><tr><td
class="fondtitres">{catrow.tablehead.L_FORUM}</td><td></td><tr><tr><td
 colspan="2">

<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}"
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">
            <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}>
            <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>
        <!-- BEGIN forum_link_no -->
        <td class="row3" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.TOPICS}</span>
        </td>
        <td class="row2" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.POSTS}</span>
        </td>
        <td class="row3 over" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
        </td>
        <!-- END forum_link_no -->
        <!-- BEGIN forum_link -->
 
      <td class="row3" colspan="3" align="center" valign="middle"
height="50"><span
class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
        <!-- END forum_link -->
    </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></td></tr></table><img
 src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot
--><!-- END catrow -->

Les explications =>

J'ai supprimé ceci:

Code:


        <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap"
width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM}
</th>
        <th nowrap="nowrap" width="50">{L_TOPICS}</th>
        <th nowrap="nowrap" width="50">{L_POSTS}</th>
        <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
    </tr>

Et à la place j'ai mis ce tableau:

Code:

<table width="100%" cellspacing="0px"
cellpading="0px"><tr><td
class="fondtitres">{catrow.tablehead.L_FORUM}</td><td></td><tr><tr><td
 colspan="2">

Dans la CSS =>

Code:

.fondtitres{
width: largeur de l'image en px;
height: hauteur de l'image en px;
text-align: center;
align: center;
background: url('lien de l'image') center;
background-repeat: no-repeat;
}


Amicalement

[Lunathiel]

ça commence bien XD je ne trouve pas la partie que je dois supprimé XD

Voila mon template (il a été déjà modifié précédemment)

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}<br />
        {CURRENT_TIME}<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="1" cellpadding="0">
  <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">
        <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">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <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>
      <!-- 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 -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

[Convivialite]

regarde bien , je le vois le code sur ton template mais il a déjà été modifié , donc je ne sais pas si tu peux le faire

Code:


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

[tupac]

Bonjour

Pour avoir une image au dessus de chaque catégorie:

Remplacer

Code:

<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

Par ceci

Code:

<div><img src="votre image" align="left"><th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th></div>

Bonne journée

[Lunathiel]

Avec le code de convivialité, cela fait tout buger =/

La preuve en image =>



et avec le code de Tupac une image s'affiche bien au dessus des catégories mais ne la remplace pas...

=>

ça ne fonctionne donc pas =/

PS: j'ai été voir ton forum tupac XD que tu utilises mon code pour masquer le profil ne me dérange pas mais évite de prendre mon image lol

[Lunathiel]

Un peu d'aide s'il vous plait =/

[Lunathiel]

Un petit Up Please

[SoraNoHime]

Bonjour, en faisant un mix de vos deux sujets avec celui de volle terrienne. Je suis arrivée à ça :



Le problème c'est que l'image se met effectivement dans la barre de titre, et le dernier message est effacé mais on voit encore le background et surtout les contour. De plus, l'image se répète et dans le background du cadre, mais aussi dans le titre. Je pense qu'il va falloir passer par la css. Mais la je sèche.

Donc voilà ce que j'ai mis en index_box :

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}<br />
         {CURRENT_TIME}<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="1" cellpadding="0">
  <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;"> </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">
         <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">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <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" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}<br><br></span><div class="haut"><span class="gensmall"><font size="1">Sujets : {catrow.forumrow.TOPICS} <br> Messages : {catrow.forumrow.POSTS}</font></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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

et dans la css :

Code:

/*Titre des catégories*/
.secondarytitle,.secondarytitle h2 {

background-image: url('adresse de votre image');
height:sa hauteur px;
width:sa longeur px;}

Si quelqu'un sait comment faire disparaitre les contours de cette partie, le fond de dernier sujet et éviter que l'image ne se rèpète, on y sera

[Lunathiel]

Merci beaucoup pour ce début d'information, je vais "bidouiller" un peu dans mon coin pour essayer

[SoraNoHime]

Bonsoir

Je pense avoir réussi, du moins ça marche pour mon forum test.

voici mon template index_box :

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 width=100% border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width=100% class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="150" class="dersuj"><div style="width:150px;"> </div></th>
  </tr>
  <!-- END tablehead -->
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- 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">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br/>
            </span>
        </h{catrow.forumrow.LEVEL}>
        <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" align="center" valign="middle" height="50" width="150"><div style="width:150px;">
        <span class="gensmall">{catrow.forumrow.LAST_POST}<br><br></span><div class="haut"><span class="gensmall"><font size="1">Sujets : {catrow.forumrow.TOPICS} <br> Messages : {catrow.forumrow.POSTS}</font></span></div>
      </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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

et ma css

Code:

/*Titre des catégories*/
.secondarytitle{
background-image: url('url de votre image');
background-repeat: no-repeat;
background-color: transparent;
height:taille de votre image en hauteurpx;
width:taille de votre image en longeurpx;}

.dersuj{
background-color: transparent;
}

Et voici ce que ça me donne :



voili voilou

Ps : volle-terrienne

pour avoir une image différente à chaque catégorie c'est impossible par ce système. En effet l'image se met automatiquement sur toutes les catégories. et je ne sais pas comment faire pour faire une à une. Par contre pour que ça prenne aussi la longueur de dernier sujet avec le titre du forum. Je suis en train de chercher. ^^ c'est une histoire de colspan à régler ici

Code:

  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width=100% class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="150" class="dersuj"><div style="width:150px;"> </div></th>
  </tr>


mais il me semble que dans ton post ce problème avait été résolu. Tu devrais donc pouvoir t'y retrouver.

[Lunathiel]

Désolé de ne pas avoir reparlé de ce sujet plus tot^^ je n'ai malheureusement pas pu encore le tester mais je vais profiter de la mise à jour de mon forum cet après-midi pour la tester!

Je vous redis si j'y arrive un grand merci

[jerelian]

Bonjour j'ai suivi avec intérêt ce sujet j'ai testé avec les codes de macema et j'obtiens ceci




Pour moi la largeur du dernier sujet est bonne mais il me conserve la couleur de fond de catégorie

[Convivialite]

Bonjour

je pense que pour enlever la couleur de fond de la categorie

PA>AFFICHAGES>GESTION DES COULEURS

couleur fond en tête de catégorie
Couleur Catégorie droite
Couleur Cadre Catégorie

faites des essais


Amicalement

[jerelian]

Non j'y ai déjà pensé mais ça n'a aucune influence. Et ce que je ne comprends pas c'est que je n'ai même pas cette couleur dans le PA et aucun code dans mon css ne correspond à cette couleur

Les seuls autres modification que j'ai effectué dans les template concerne le profil.

[Convivialite]

tu peux me donner le lien de ton forum de test

merci

[jerelian]

voilà
http://jerelian.forum2ouf.com/

[Convivialite]

dans ton css

regarde ici

Code:

td.rowpic, th, td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
}

enlève ça et regarde ce que ça donne

Code:

td.catRight,

[jerelian]

Pas ce changement

[Convivialite]

enlève le en entier pour voir

comme il est là , tu pourras le remettre

Code:

td.rowpic, th, td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

la couleur que l'on cherche est #B2727D


Edit :

c'est une image qui vient d'hitskin quand tu as telechargé le theme de depart

http://hitskin.com/themes/16/77/54/i_back_title.png





regarde dans la gestion des images

[jerelian]

Bon apparemment ça ne servait à rien, ça devait être sur le kit de départ mais il n'en reste plus grand chose
J'ai bien du utiliser cette couleur à un moment car là plus proche que j'ai dans ma gamme utilisée est #bb677b, mais impossible de me rappeler quand et où

[Convivialite]

il faut que tu trouve cette image si tu veux la supprimer :lol!:

j'ai trouvé

Image du fond des titres :

sur la 1ere page de gestion des images

[jerelian]

OUiiiii merci c'était tellement facile que je n'ai pas songé un instant à regarder là
:thanks:

[SoraNoHime]

Un petit détail en plus au cas où vous rencontriez le problème. J'ai eu un espace de décalage en mettant mes images dans mon forum (voir mon profil)

Dans ce cas rajoutez dans la css à .secondarytitle , ce code

Code:

background-position:left bottom;

dans mon cas c'est pour mettre l'image en bas à gauche. au besoin changez ^^

Ps : pour jerelian le code n'aurait-il pas pu être glissé en css avec un background-image: none; ?

Edit : la réponse n'est pas obligatoire, c'est juste pour mes connaissances mais il me semble aussi que d'enlever cette image influ sur la présentation des sujets et dans les messages eux-même. non ?

[jerelian]

Ah ben oui en effet, je n'avais pas fais attention je vais essayer avec le background-image:none;

[SoraNoHime]

Mets le dans la partie .dersuj

Code:

.dersuj{
background-color: transparent;
background-image:none;}

[jerelian]

C'est parfait
merci macema