Faire que les parties des forums flottent

[Yuuki-baka-baka]

Bonjour,

Je suis actuellement entrain de me dépatouiller avec mes codes pour que ça fasse ce que je veux, mais j'ai beau chercher et tripouiller les tableaux de index-box je ne parviens pas à trouver le code que je veux faire.
De fait, je viens chercher de l'aide.
J'ai réussi à faire que les boutons no, new et lock soient collés au cadre de forum, mais pas à enlever le fond derrière. J'ai aussi réussi à mettre les derniers messages en blocs, mais pas à enlever le fond derrière....

Donc voici mon plan :
https://2img.net/r/hpimg15/pics/320505Plan.png

Et voici où j'en suis (donc j'aimerais enlever le fond bleu à gauche et celui rouge...)
https://2img.net/r/hpimg15/pics/379688Modifier.png

J'espère que vous pourrez me venir en aide .
Merci d'avance .

[Matriochka]

Bonjour,

Sans aucun code ni lien vers le forum concerné, impossible de t'aider, nous ne sommes pas devins

Pourrais-tu donc nous aider en donnant : l'URL du forum,
le CSS personnalisé,
le template index_box

Merci bien

[Yuuki-baka-baka]

D'accord, désolée.... J'ai un peu avancer par rapport à hier d'ailleurs, mais pas assez, il me reste la partie du milieu...

Donc voici l'index-box à partir du début des catégories il me semble...

Code:

<!-- 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"></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="2"><img src="{SPACER}" height="0" width="2" /></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><img src="{SPACER}" height="0" width="0" alt="." /></td>
      <!-- END inc -->
          <td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="pika" style="max-width:100px; max-height:100px;border-radius:20px;border:#FFFFFF 4px solid; z-index:999; margin-left:-60px; margin-bottom:20px;" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" style="margin-right:-20px;" 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">{catrow.forumrow.FORUM_DESC}</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>
                <div class="lastpost"><b>Sujets :</b> {catrow.forumrow.TOPICS} | <b>Messages :</b> {catrow.forumrow.POSTS}<br><br>
        {catrow.forumrow.LAST_POST}</div>
      </td>
   </tr>
   <!-- END forumrow -->

Et voilà .
Et le code CSS qui concerne les catégories (au cas où que ça serve, sait-on jamais)

Code:

.forumline {margin-top:10px;}

div.description{  /* La div ayant pour class 'description' */
  background-color:#efdec0; /* On lui donne une couleur de fond */
  -moz-border-radius: 10px; /* Réglage des arrondis des coins pour mozilla */
  -webkit-border-radius: 10px; /* Réglage des arrondis des coins pour chrome et safari */
  border-radius:10px; /* réglage des arrondis des coins */
  border:1px solid #b79981;
  width:560px;
  min-height:20px; /* La hauteur minimum */
  font-size:12px;
  text-align:justify;
  text-indent:6px; /* La première ligne du bloc sera décallée de 6px vers la droite */
  padding:4px;
  margin:4px;
  color:#6e5831;
  }

td.row3 {
    background-color: #f20000;
  border-radius:20px;
    }
td.row2{
    background-color: #FF0099;
  border-radius:20px;
    }
td.row1{
    background-color: #1b00b3;
  border-radius:30px;
    }

Merci beaucoup et désolé de l'oubli .

[Matriochka]

Merci

Donc alors tu veux supprimer les couleurs, c’est bien ça ?

Voici le code à retirer :

Code:

td.row3 {
    background-color: #f20000;
  border-radius:20px;
    }
td.row2{
    background-color: #FF0099;
  border-radius:20px;
    }
td.row1{
    background-color: #1b00b3;
  border-radius:30px;
    }

[Yuuki-baka-baka]

Non ce n'est pas ça, en fait, je souhaiterais, que la partie du milieu, qui ressemble à ça (le truc tout bleu)

https://2img.net/r/hpimg4/pics/461026Catgorie.png

Soit placé au milieu entre no, new, lock et derniers messages sans que ça les collent (comme ça le fait pour les derniers messages)
J'ai essayé avec des marges et des width mais j'y arrive pas.

[Matriochka]

Peux-tu m’envoyer l’URL du forum ?

[Yuuki-baka-baka]

C'est un forum de test, mais le voici : http://ame-soeur.nice-forum.net/

[Yuuki-baka-baka]

Après avoir fait des recherches j'ai trouvé une variante de ce que je désirais, de fait, je pense avoir trouvé la solution à mon problème .
Merci quand même .