Comment fait pour obtenir ça

[Missindo]

Hello à vous, après avoir éplucher tout les messages du site de long en large et en travers et réussis à obtenir plus grosse migraine qu'autre chose parce que je m'en mêle complètement les codes en tout genres j'aimerais trouvé un résultat de ce genre là pour présenter mes catégories.



Dans le but de faire de mon nouveau forum ♥♥, quelque chose de présentable

L'image que j'aimerais mettre est quelques chose comme celle ci

Merci d'avance pour votre aide

[Missindo]

up

[Izumi375]

Coucou,

Déjà pour obtenir un truc comme votre exemple il faut passer par un logiciel de graph. Votre exemple a été passé en sépia et a été mis sous une certaine forme (ca ressemble à la partie supérieure d'un trèfle).

Parce qu'imaginez qu'on mette votre image comme telle en bloc au dessus de votre catégorie, ça va être super moche!
Donc voilà ca se passe très souvent comme ça: le grapheur imagine, sort une image et le codeur il met en place (et oui quelle tâche ingrate on se coltine!)

Donc voilà je veux bien vous aider à mettre cette image au dessus des catégories, mais ca ne ressemblera pas à votre exemple je vous préviens!

[Missindo]

oui je m'en doute bien, mais je n'arrive déjà pas à trouver le logiciel en question pour donner une forme comme je veux, j'ai bien photofiltre, mais je trouve rien qui me plait. Je m'enfiche de la forme, je te fais largement confiance et te joint même un schéma de ce que je souhaite, parce que 2 jours de recherches 160 pages d'archive que je me mélange tout sur tout

[Izumi375]

Bon ok alors on y va!

Donc on va dans le template index_box:

On recherche

Code:

<!-- BEGIN catrow --><!-- BEGIN tablehead -->

et on insère après le code de notre image que je mets dans un tableau ce qui donne:

Code:

<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="headercategorie"><tr><td>{catrow.tablehead.L_FORUM}</td></tr></table>

On enregistre et on valide.

Après on va dans la feuille css

et on ajoute:

Code:

.headercategorie {
width: XXpx;
height: XXpx;
background-image: url('LIEN DE L IMAGE');
}

Remplace les "XX" par les dimensions de l'image et met le lien de l'image.

[Missindo]

Question pendant que j'y suis, je peux mettre une image peut importe le forme?

edit: je sais pas ce qui se passe, mais tout est décalé et ne ressemble à plus rien OO

double edit: voilà un scan pour expliquer
Le début est bien mais après ce le bazard complet

[Izumi375]

Euh je viens de réessayer sur mon forum test ca passe niquel.

Votre template était il modifié avant?
Postez le template index_box ici que je vérifie.

Euh sinon oui ca marche quelque soit la forme

[Missindo]

oui changé et validé

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">
<table class="headercategorie"><tr><td>{catrow.tablehead.L_FORUM}</td></tr></table>
   <tr>
      <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>
   <!-- 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" 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>
   </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 merci pour la réponse sur l'image, je vais en travailler une alors

[Izumi375]

Bah... c'est pas bien! T'as pas suivi mes instructions; pas étonnant que ça plante!
Je déconne évidemment c'est pas grave.

le :

Code:

<table class="headercategorie"><tr><td>{catrow.tablehead.L_FORUM}</td></tr></table>

Dois être juste après le:

Code:

<!-- BEGIN catrow --><!-- BEGIN tablehead -->

[Missindo]

C'est pas ça, j'ai beau chercher, je ne le trouve pas tout seul

edit: C'est tout bon merci beaucoup ^^ me reste plus qu'a me faire une image et c'est une autre paire de manche

[Izumi375]

Ok pas de panique je suis là

Alors regarde bien ce que t'as fait:

Code:

<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<table class="headercategorie"><tr><td>{catrow.tablehead.L_FORUM}</td></tr></table>

Au lieu de mettre

Code:

<table class="headercategorie"><tr><td>{catrow.tablehead.L_FORUM}</td></tr></table>

Après :

Code:

<!-- BEGIN catrow --><!-- BEGIN tablehead -->

Tu l'as mis après:

Code:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

Tu vois?

[Missindo]

oui j'ai vue et je me suis corrigé comme j'ai éditer dans le poste d'avant

[Izumi375]

Oki bonne continuation alors

N'hésite pas si tu as un autre problème.

Ps: merci pour le "merci"!
Tchüss!

[Missindo]

c'est fait pour le merci ne t'en fait pas pour ça!! merci encore et bonne soirée à toi