Rappel du premier message :

Bonjour,
Excusez-moi de venir vous embêter, mais je viens vous demander vous demander un petit codage !
Merci encore aux personnes qui vont m'aider !

Et ben les images que tu veux mettre en header et footer de catégorie, comme le tuto que tu m'as montré.

Oui pardon...voici:

https://2img.net/image.noelshack.com/fichiers/2014/23/1401904086-sidebar-haut.png

https://2img.net/image.noelshack.com/fichiers/2014/23/1401904088-sidebar-bas.png

Je pense que c'est lié au défaut du code aussi...Car les titres des catégories s'affiche en double..FIn voilà j'avais déjà dis ce que bloqué..

ET le code que j'ai utilisé: Car je n'ai pas mis d'image au milieu mais juste une couleur.

Et encore désolée d'avoir eu ce contre-temps..et de te faire perdre encore plus de ton temps... J'ignorais que ça pouvait faire défaut comme ça... Pardon...

C'était bien ça que tu voulais : www ?

Oui c'était cela ! Pouvoir mettre les sidebars sans que cela ne fasse buger les catégories !! Et là tu as tout bien fais c'est parfait !!! *-*

C'était ton tuto qui faisait tout beuguer, il suffisait d'ajouter les illustrations aux bonnes places et de positionner le titre. Donc pour le template :

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><center>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<div class="cate_titre" style="vertical-align: middle;">{catrow.tablehead.L_FORUM}</div>



  <!-- END tablehead -->
  <!-- BEGIN cathead -->
 
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
 
 
  <div class="categorie">
<table><tr><center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center>
  <td><k class="sf"><img class="no_new" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> <div class="survolez_moi">Survolez-moi !</div><span>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></k>
 
  </td>
  <td>
    <div class="fond_desc">{catrow.forumrow.FORUM_DESC}</div></td>
  <td style="position: relative;"><img src="http://img11.hostingpics.net/pics/4234531401967931cadrederniermess.png" class="derniers_img" /><div class="derniers_messages">{catrow.forumrow.TOPICS} sujets <span style="font-size: 15px; color: #6C684B;">☁</span> {catrow.forumrow.POSTS} messages<br /><br />{catrow.forumrow.LAST_POST}
    </div></td>
</tr>
</table>
 
    </div>

  <!-- END forumrow -->
  <!-- BEGIN catfoot -->

  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
<img src="http://image.noelshack.com/fichiers/2014/23/1401904088-sidebar-bas.png" />
 
<!-- END tablefoot --><!-- END catrow --></center>
<link href='http://fonts.googleapis.com/css?family=Oswald|Pacifico|Great+Vibes' rel='stylesheet' type='text/css'>

Et le CSS :

Code:

/* ------------------------------------- CATEGORIES ------------------------------------- */

/* Mise en forme titre catégorie */
.cate_titre {
  background-image: url('http://image.noelshack.com/fichiers/2014/23/1401904086-sidebar-haut.png');
  width: 800px;
  height: 150px;
}

.cate_titre h2 {
  font-size: 50px;
  font-family: 'Great Vibes', cursive;
  position: relative;
  top: 1.3em;
  color: #CCCAB7;
}


/* Mise en forme de la description de forum */
.texte_desc {
  width: 380px;
  height: 45px;
  overflow: auto;
  padding: 20px;
  text-align: justify;
  font-size: 11px;
  position: absolute;
  top: 1em;
  opacity: 1;
  z-index: 2;
  color: #2A2A2A;
}

/* Mise en forme des images "New", "No new" et "Lock" */
.no_new {
  opacity: 0.5;
  left: -5em;
  position: relative;
}

/* Transformation au survol des images "New", "No new" et "Lock" */
.no_new:hover {
  opacity: 1;
  transform: rotate(-30deg);
}

/* Mise en forme des derniers messages */
.derniers_messages {
  font-size: 10px;
  text-align: center;
  width: 200px;
  height: 153px;
  position: absolute;
  top: 1em;
  left: -9.5em;
}

/* Positionnement de l'image de fond des derniers messages */
.derniers_img {
  position: absolute;
  top: -1.8em;
  left: -6em;
}

/* Mise en forme des liens des derniers messages */
.derniers_messages a {
  text-decoration: none !important;
  font-style: none !important;
  font-weight: none !important;
  color: #6C684B !important;
  font-family: 'Oswald', sans-serif;
  font-size: 11px;
}

/* Mise en forme au survol des liens des derniers messages */
.derniers_messages a:hover {
  letter-spacing: 3px;
  color: #DCDACB !important;
}

/* Mise en forme du texte "survolez-moi" */
.survolez_moi {
  font-family: 'Oswald', sans-serif;
  font-size: 12px;
  position: absolute;
  left: -3.5em;
}

/* Mise en forme des liens des sous-forum */
k.sf a {
  text-decoration: none !important;
  font-style: none !important;
  font-weight: none !important;
  color: #6C684B !important;
  font-family: 'Oswald', sans-serif;
}

/* Mise en forme des liens des sous-forum au survol */
k.sf a:hover {
  letter-spacing: 3px;
  color: #DCDACB !important;
}

/* Info-bulle des sous-forum */
k.sf {
  position: relative;
  z-index: 24;
  text-decoration: none !important;
}
 
k.sf:hover {
  z-index: 25;
}
 
k.sf span {
  display: none;
}
 
k.sf:hover span {
  display: block;
  position: absolute;
  top: -3.6em;
  left: 5.2em;
  width: 392px;
  height: 85px;
  overflow: auto;
  background-color: #1E332D;
  color: #000;
  text-align: justify;
  font-weight: none;
  padding: 5px;
}

/* Mise en forme de l'illustration en fond de description */
.img_desc {
  position: absolute;
  top: 0.5em;
  left: -5em;
  opacity: 0.8;
  z-index: 1;
}

/* Lettrine de la description */
.lettrine {
  font-size: 250%;
  float: left;
  font-family: 'Pacifico', cursive;
}

/* Contenu de l'ensembre des forum */
.categorie {
  padding: 20px;
  width: 760px;
  background-color: #080E0C;
}

/* Mise en forme du texte des titres de forum */
a.forumlink {
  color: #6C684B !important;
  font-family: 'Oswald', sans-serif;
  font-size: 28px;
  text-decoration: none !important;
  text-align: center !important;
  border-bottom: 5px dotted #786F4E;
  width: 100%:
}

a.forumlink:hover {
  color: #DCDACB !important;
  text-decoration: none !important;
  letter-spacing: 3px;
  border-bottom: 5px dotted #DCDACB;
}

/* Illustration de fond de forum */
.fond_desc {
  background-image: url('http://img11.hostingpics.net/pics/6548011401967931cadrecat.png');
  width: 440px;
  height: 110px;
  z-index: 1;
  left: -5em;
  position: relative;
}

/* ------------------------------------- FIN CATEGORIES ------------------------------------- */

OMMGGGGGG C'est parfait tout fonctionne correctement !!!
Mille merci !!!!!
Et je suis tellement désolée de t'avoir autant dérangé...
Là tout est bon ! Encore merci pour ton aide et pour ta patience !!!!! c'est super ce que tu as fais !!!!

DP désolée...

Mais ce code là:

Code:


/*|__________ DEBUT DES MODIFICATIONS DE L'AFFICHAGE DES CATEGORIES __________*/
    table.haut_cate{
      width:800x;
      height:150px;
      background-image:url('http://image.noelshack.com/fichiers/2014/23/1401904086-sidebar-haut.png');
      background-repeat:no-repeat;
  margin: auto;
  position: relative;
  right: -3px;
      }
   
    table.haut_cate h2{
      width:800px;
      margin-left:0px;
      margin-right:auto;
      font-variant:small-caps;
      font-size:14px;
      color:#fff;
      text-shadow: 1px 1px 2px #8f8175;
  text-align: center;
      }
   
    div.milieu_cate{
      background-color: #080E0B;
      background-repeat:repeat-y;
      width:800px;
      margin:auto;
      }
   
    table.forumline{
      background-color:transparent !important;
      border:0!important;
      }
   
    table.forumline td.index_cate{
      background-color:transparent !important;
      border-bottom:1px solid grey;
      }
   
    table.bas_cate{
      width:800px;
      height:150px;
      background-image:url('http://image.noelshack.com/fichiers/2014/23/1401904088-sidebar-bas.png');
      background-repeat:no-repeat;
      margin:auto;
      }
    /*|__________ FIN DES MODIFICATIONS DE L'AFFICHAGE DES CATEGORIES __________*/


Je le supprime ou je le garde dans ma fiche CSS ???

Car tu m'as redonné comme code ça toi:

Code:

/* ------------------------------------- CATEGORIES ------------------------------------- */

/* Mise en forme titre catégorie */
.cate_titre {
  background-image: url('http://image.noelshack.com/fichiers/2014/23/1401904086-sidebar-haut.png');
  width: 800px;
  height: 150px;
}

.cate_titre h2 {
  font-size: 50px;
  font-family: 'Great Vibes', cursive;
  position: relative;
  top: 1.3em;
  color: #CCCAB7;
}


/* Mise en forme de la description de forum */
.texte_desc {
  width: 380px;
  height: 45px;
  overflow: auto;
  padding: 20px;
  text-align: justify;
  font-size: 11px;
  position: absolute;
  top: 1em;
  opacity: 1;
  z-index: 2;
  color: #2A2A2A;
}

/* Mise en forme des images "New", "No new" et "Lock" */
.no_new {
  opacity: 0.5;
  left: -5em;
  position: relative;
}

/* Transformation au survol des images "New", "No new" et "Lock" */
.no_new:hover {
  opacity: 1;
  transform: rotate(-30deg);
}

/* Mise en forme des derniers messages */
.derniers_messages {
  font-size: 10px;
  text-align: center;
  width: 200px;
  height: 153px;
  position: absolute;
  top: 1em;
  left: -9.5em;
}

/* Positionnement de l'image de fond des derniers messages */
.derniers_img {
  position: absolute;
  top: -1.8em;
  left: -6em;
}

/* Mise en forme des liens des derniers messages */
.derniers_messages a {
  text-decoration: none !important;
  font-style: none !important;
  font-weight: none !important;
  color: #6C684B !important;
  font-family: 'Oswald', sans-serif;
  font-size: 11px;
}

/* Mise en forme au survol des liens des derniers messages */
.derniers_messages a:hover {
  letter-spacing: 3px;
  color: #DCDACB !important;
}

/* Mise en forme du texte "survolez-moi" */
.survolez_moi {
  font-family: 'Oswald', sans-serif;
  font-size: 12px;
  position: absolute;
  left: -3.5em;
}

/* Mise en forme des liens des sous-forum */
k.sf a {
  text-decoration: none !important;
  font-style: none !important;
  font-weight: none !important;
  color: #6C684B !important;
  font-family: 'Oswald', sans-serif;
}

/* Mise en forme des liens des sous-forum au survol */
k.sf a:hover {
  letter-spacing: 3px;
  color: #DCDACB !important;
}

/* Info-bulle des sous-forum */
k.sf {
  position: relative;
  z-index: 24;
  text-decoration: none !important;
}
 
k.sf:hover {
  z-index: 25;
}
 
k.sf span {
  display: none;
}
 
k.sf:hover span {
  display: block;
  position: absolute;
  top: -3.6em;
  left: 5.2em;
  width: 392px;
  height: 85px;
  overflow: auto;
  background-color: #1E332D;
  color: #000;
  text-align: justify;
  font-weight: none;
  padding: 5px;
}

/* Mise en forme de l'illustration en fond de description */
.img_desc {
  position: absolute;
  top: 0.5em;
  left: -5em;
  opacity: 0.8;
  z-index: 1;
}

/* Lettrine de la description */
.lettrine {
  font-size: 250%;
  float: left;
  font-family: 'Pacifico', cursive;
}

/* Contenu de l'ensembre des forum */
.categorie {
  padding: 20px;
  width: 760px;
  background-color: #080E0C;
}

/* Mise en forme du texte des titres de forum */
a.forumlink {
  color: #6C684B !important;
  font-family: 'Oswald', sans-serif;
  font-size: 28px;
  text-decoration: none !important;
  text-align: center !important;
  border-bottom: 5px dotted #786F4E;
  width: 100%:
}

a.forumlink:hover {
  color: #DCDACB !important;
  text-decoration: none !important;
  letter-spacing: 3px;
  border-bottom: 5px dotted #DCDACB;
}

/* Illustration de fond de forum */
.fond_desc {
  background-image: url('http://img11.hostingpics.net/pics/6548011401967931cadrecat.png');
  width: 440px;
  height: 110px;
  z-index: 1;
  left: -5em;
  position: relative;
}

/* ------------------------------------- FIN CATEGORIES ------------------------------------- */

Mais le 1er code que je t'ai mis j'en fais quoi? :/

Tu le supprimes, comme je l'ai dis il ne sert à rien.

D'accord je supprime ! Voilà est bon !!!
Merci pour tout !!
Et encore désolée de t'avoir tant fais perdre ton temps !! :/
En tout c'est très gentil tout ce que tu as fais !!!

Avec plaisir. Bonne continuation ^^