Faire sauter les bordures/colonnes

[Jessica A.]

Bonjour, j'ai un problème, j'ai tenté une modification au niveau de mon template (index_box) afin de supprimer quelque chose. N'ayant pas de réponse sur les autres forums, je suscite votre aide car ce problème bloque l'ouverture de mon forum !

Voici une simulation de ce que je souhaiterai obtenir :
http://pictupload.free.fr/images/sanstihmh.png
Et voici ce que j'obtiens :
https://nsa19.casimages.com/img/2010/10/05/101005064210824453.png
Comme vous pouvez le constater, la colonne derniers messages est minuscule sans compter que je ne peux modifier, police, taille du titre des catégories.

La partie concernée (je pense) est celle-ci :

Code:

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

Aucune des modifications ne faisait ce que je souhaitais mais j'ai finalement réussis à faire le résultat (avec la colonne trop petite) en le réduisant à cela :

Code:

 {catrow.tablehead.L_FORUM}

Sauf que... et bien sans les balises de délimitation (taille) les colonnes ne sont pas à la taille que je souhaite (modifiable) mais en laissant les autres balises ça ne marche plus...

D'autres captures de forum afin que vous puissiez voir que c'est possible !

https://nsa19.casimages.com/img/2010/09/09/100909044412574949.png (Queestown Real Show, vous voyez, c'est possible ! PS les notes de musique sont une image de fond^^) mais vous voyez, le titre "there is something..." est modifié (police, taille, ombre...) c'est possible également !

http://www.across-rpg.com/ Ici aussi ils ont modifiés mais ici aussi également http://favor-of-london.forum-canada.net/forum.htm

S'il vous plait, aidez-moi, je voudrais ouvrir mon forum !

[Scoubifitz]

Bonjour,

pour le tableau sans "derniers messages" , vous avez déjà essayé d'enlever {L_LASTPOST} et
de le remplacer par un espace "& n b s p ;" ?

la balise "th" a une largeur fixe (width:250px;) , c'est ce qui maintient cette colonne sur une certaine largeur ...

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

<th nowrap="nowrap" width="250"><div style="width:250px;">& n b s p ;</div></th>

[Jessica A.]

Je m'étais trompée dans l'énnoncé, le template est index_box et non index_body mais je pense que vous avez pris la modification sur le bon.

https://2img.net/r/hpimg11/pics/279910TEST.jpg

Cela ne marche pas, d'une part le "More Seriously est dédoublé", et de l'autre il y a désormais cette colonne qui était à la base et que je voulais enlever...

[Scoubifitz]

bonjour,

la partie que vous voulez modifier est celle-ci d'origine :

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>

l'espace que vous devez mettre est un espace insécable (curieusement il est transcrit directement dans le code forum )

votre partie est déjà modifiée , le dédoublement vient peut-être du fait que vous avez laissé {catrow.tablehead.L_FORUM} au dessus du code ...

Code:

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

<th nowrap="nowrap" width="250"><div style="width:250px;">& n b s p ;</div></th>

réessayez en mettant l'esperluette,npsp,point-virgule à l'espace insécable ...

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

<th nowrap="nowrap" width="250"><div style="width:250px;">espace insécable</div></th>

[Jessica A.]

Excusez-moi mais je ne comprends pas du tout ce qu'il faut faire ! De plus, je n'ai pas cette partie, je n'ai que la première <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

Mon template est déjà modifié certes mais...

Le voici. Pouvez-vous me ré expliquer ce qu'il faut enlever/ajouter/supprimé ? Je me sens un peu bête mais je ne comprends pas du tout. Si ça semble trop confus, sur un template vierge (non modifié, celui de départ)

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">

        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>



 
<td class="gensmall" align="right" valign="bottom"><a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></td>



      </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="250"><div style="width:250px;">{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>

            </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 -->
          <div class="sous_forums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        </span>
      </td>


      <!-- BEGIN forum_link_no -->
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">
<div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div><div class="sujets_messages">sujets {catrow.forumrow.TOPICS} • messages  {catrow.forumrow.POSTS}  </div>
</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 -->

[Scoubifitz]

pouvez-vous me dire quelle est votre version de forum ? (PHPbb2 , Invision ?)

Parce que le Template que vous venez d'afficher est déjà modifié par rapport
au template de base en PHPbb2...

Votre CSS est-il modifié aussi ?

[Jessica A.]

Mon CSS est modifié oui. PHBB2 pour la version. Sinon on peut refaire les modifications à partir du template vierge et les modifications annexes, je les remettrais par la suite.

EDIT sinon le voici tel quel

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">

        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>



 
<td class="gensmall" align="right" valign="bottom"><a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></td>











      </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="250"><div style="width:250px;">{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>

            </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 -->
          <div class="sous_forums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        </span>
      </td>


      <!-- BEGIN forum_link_no -->
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">
<div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div><div class="sujets_messages">sujets {catrow.forumrow.TOPICS} • messages  {catrow.forumrow.POSTS}  </div>
</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 -->

[Scoubifitz]

on réessaie avant de passer au CSS ?
Pour l'instant , on veut juste le titre de catégorie sans rien d'autre ...

recopier le tout ! ^^

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
<td class="gensmall" align="right" valign="bottom"><a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</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="250"><div style="width:250px;"><br></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>

            </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 -->
          <div class="sous_forums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        </span>
      </td>


      <!-- BEGIN forum_link_no -->
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">
<div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div><div class="sujets_messages">sujets {catrow.forumrow.TOPICS} • messages  {catrow.forumrow.POSTS}  </div>
</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 -->

[Jessica A.]

C'est bon. Manque plus que faire sauter cette colonne^^ ( http://pictupload.free.fr/images/sanstihmh.png c'était ma simulation au début de post au cas ou je me serai mal exprimée)
Avec votre template modifié, c'est le même résultat sans le "derniers messages"

[Scoubifitz]

allons-y ...

tout d'abord il faut enlever l'image de fond
(en espérant que ce n'est pas un style CSS)

PA - affichage - Images et Couleurs - Gestion des images - Mode Avancé :
Image du fond des titres : il faut mettre une image vide ( https://2img.net/i/fa/empty.gif )

ensuite ,
PA - affichage - Images et Couleurs - couleurs - feuille de style CSS :

/* transformation des titres de catégorie sur la page d'accueil---------------- */

.secondarytitle,.secondarytitle h2 {
/*--couleur des mots--------*/
color:#E9AD51 ;
/*--taille des mots----------*/
font-size:35px ;
/*--mots en italique---------*/
font-style:italic;
/*--style d'écritures----------*/
font-family:'Times New Roman',Times,serif;
/*--Espace entre les mots---*/
word-spacing:16pt;
/*--ombre sous les mots----*/
text-shadow: #555 4px 4px 4px;
/*--image de fond-----------*/
background-image:url(lien de l'image);
background-repeat:no-repeat;
}

[Jessica A.]

En fait le fond des titres était déjà en transparent.

https://2img.net/r/hpimg10/pics/697187teskt.jpg

Aie Aie aie... en plus ça m'as enlevé mes modifications CSS + Qui est en ligne, j'ai enlevé ce code CSS

Mais en fait ça se passe dans le template je pense. Parce que sur la capture orange, ils ont mis un fond orange (avec les notes de musiques) donc le fond des catégories peut etre transparent ou autre mais ils ont put modifier le titre des catégories ('italique, gras...)
Bref ça ne ressemble pas à ma simulation... j'y réfléchis de mon coté aussi.

[Scoubifitz]

Stooop !

remettez tout en place comme avant ...

je pense qu'il y a un "div" rajouté au dessus du tableau pour ne pas subir l'encadrement ...

je vérifie , et je vous tiens au courant ...

[Jessica A.]

D'accord, je remets tout comme avant (mon premier template modifié donc)

[Scoubifitz]

bon , après plusieurs essais , j'ai fini par trouver ...
c'est pas évident ... je bloquais aussi sur le rendu du texte ...

il faut faire ça en trois étapes ...

1ère étape :

renommer toutes les catégories en les plaçant dans un cadre "div"

PA - Général - Forum : Catégories et forums - modifier le titre de la catégorie ...

<div class="catetitre">Le titre de votre catégorie</div>

2ème étape :

trouver cette partie dans le Template :

<!-- 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="250"><div style="width:250px;">{L_LASTPOST}</div></th>
</tr>
<!-- END tablehead -->

... et la remplacer par :

<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="categoimage">{catrow.tablehead.L_FORUM}</div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td><div style="width:50px"></div></td>
<td><div style="width:100%"></div></td>
<td><div style="width:250px"></div></td>
</tr>
<!-- END tablehead -->

3ème étape : rajouter le CSS ...

/* transformation des titres de catégorie sur la page d'accueil---------------- */

/* Cadre de la catégorie ---------------- */

.categoimage {
background-color: #bbffff; /* --- peut être supprimé --- */
background-image : url('lien de l'image');
background-repeat:no-repeat;
width: 410px; /* --- largeur du cadre --- */
height: 60px; /* --- hauteur du cadre --- */

/* style de la catégorie ---------------- */

.catetitre {
text-align : center ;
position : relative ;
top : 10px; /* --- placement à partir du haut du cadre --- */
color:#555555;
font-size:25px;
font-style:italic;
font-family:'Times New Roman',Times,serif;
word-spacing:16pt; /* --- espace entre les mots --- */
text-shadow: #555 4px 4px 4px;
}

voilà ...

[Jessica A.]

Tout d'abord, un grand, un énorme merci.Soit c'était plus simple qu'on ne le croyait soit vous êtes plus doué que les codeurs que je connais. Quoi qu'il en soit, un grand merci, cela fonctionne parfaitement !

En revanche, je rencontre de minimes problèmes au niveau des titres mais je vais devoir y aller (demain je vais fêter les 1 an de mon neveu !!!!!!!) bref je m'étale. Je m'expliquerai dimanche soir et si vous avez le temps de me lire, ce serait bien (pas nécessaire vu que vous avez réglé le principal mais utile si je ne réussis pas à le résoudre. Merci beaucoup.

[Scoubifitz]

Tout d'abord, un grand, un énorme merci. Pour la rapidité, la persévérance et surtout la justesse des réponses. Vous avez réussis quelque chose qui me bloque depuis très très longtemps et qui a bloqué les codeurs que j'ai contactés depuis des semaines. Soit c'était plus simple qu'on ne le croyait soit vous êtes plus doué que les codeurs que je connais. Quoi qu'il en soit, un grand merci, cela fonctionne parfaitement !

En revanche, je rencontre de minimes problèmes au niveau des titres mais je vais devoir y aller (demain je vais fêter les 1 an de mon neveu !!!!!!!) bref je m'étale. Je m'expliquerai dimanche soir et si vous avez le temps de me lire, ce serait bien (pas nécessaire vu que vous avez réglé le principal mais utile si je ne réussis pas à le résoudre. Merci beaucoup.

PS : désirez-vous être crédité ? (j'ai passé tellement de temps à régler ce problème que ce serait amplement mérité !)

C'était un challenge intéressant pour moi de le relever ...

"crédité ?" ... comprends pas ...
un merci suffit , non ?

on laisse ouvert pour dimanche , en attendant de mettre résolu ...

[Scoubifitz]

bon ... j'ai continué mes essais , parce que ça marchait bien sur la page d'accueil ,
mais pas sur les pages sujets ou les pages messages ....

j'ai donc inséré un "div" pour le fond dans le template (class=catefond),
et un "div" pour la position du texte (class=catetitre) imbriqué dans le "div" de fond ...

et à la place du "div" dans les titres de catégories ,
j'ai mis un "span" pour la mise en forme du texte (class=catestyle) ...

ça permet de laisser le titre de catégorie sur la même ligne dans les pages suivantes ..

je peux donc créer un deuxième "span" pour le forums et sous-forums !^^ (class=forastyle)

j'ai rajouté une bordure aux deux "div" , dans le CSS , jaune pour le fond ,
rouge pour le placement , pour une meilleure visualisation du placement ...
cette bordure peut être supprimée une fois le tout en place ...

j'ai aussi mis une image gif de 100x100 (le clap)

1ere étape :
Cette partie est uniquement pour votre template modifié !

remplacer la partie de template

Code:

<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="catefond"><div class="catetitre">{catrow.tablehead.L_FORUM}</div></div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <tr>
        <td><div style="width:50px"></div></td>
        <td><div style="width:100%"></div></td>
        <td><div style="width:250px"></div></td>
    </tr>
<!-- END tablehead -->

2eme étape :

renommer toutes les catégories en les plaçant dans un cadre "span"

PA - Général - Forum : Catégories et forums - modifier le titre de la catégorie ...

<span class="catestyle">Le titre de votre catégorie</span>

renommer tous les forums en les plaçant dans un cadre "span"

<span class="forastyle">Le titre de votre forum</span>

enlevez la partie de CSS mise précédemment et remplacez la par :

Code:

/* transformation des titres de catégorie sur la page d'accueil---------------- */

/* --- cadre de fond de catégorie --- */
.catefond {
border-width:1px;            /* --- peut être supprimé --- */
 border-style:solid;          /* --- peut être supprimé --- */
 border-color:yellow;        /* --- peut être supprimé --- */
background-color: #bbffff;    /* --- peut être supprimé --- */
background-image : url('http://img178.imageshack.us/img178/213/clapf.gif'); 
background-repeat:no-repeat;
width: 410px;        /* --- largeur du cadre --- */
height: 100px;        /* --- hauteur du cadre = hauteur image de fond --- */
}

/* --- emplacement du titre sur le fond --- */
.catetitre  {
border-width:1px;        /* --- peut être supprimé --- */
border-style:solid;        /* --- peut être supprimé --- */
border-color:red;        /* --- peut être supprimé --- */
text-align : center ;
position:relative;
margin-top:40px;
left: 50px;
}

/* style d'écriture de catégorie --- */

.catestyle {
color:#555555;   
font-size:25px;
font-style:italic;
font-family:'Times New Roman',Times,serif;
word-spacing:16pt;      /* --- espacement des mots --- */
text-shadow: #999 4px 4px 4px;
}

/* style d'écriture de forum --- */

.forastyle {
color:#5555ff;   
font-size:20px;
font-style:italic;
font-family:'Times New Roman',Times,serif;
letter-spacing:5pt;      /* --- espacement des lettres --- */
text-shadow: #008800 4px 4px 4px;
}


bon dimanche ...

édit :

un aperçu ... et l'avantage supplémentaire , c'est qu'on
peut laisser une image pour la barre de catégorie !^^

[Scoubifitz]

En revanche, je rencontre de minimes problèmes au niveau des titres mais je vais devoir y aller (demain je vais fêter les 1 an de mon neveu !!!!!!!) bref je m'étale. ... Merci beaucoup.

bonsoir ,

Je vois ce qui perturbe le style de vos titres ... je vous envoie un MP concernant votre CSS ...

Vous fêtez aussi les 1 an sur ce forum , à ce que je vois ...

Bonnes fêtes ! ^^

[Jessica A.]

Résolu, merci, merci infiniment ainsi que pour vos MPS qui m'ont étés d'une grande aide.