Mettre une image dans les descriptions?

Date d'inscription: 25/06/2011

Alors, ma question est la suivante : J'aimerais mettre une image derrière la descriptions des catégories, mais que je puisse la changer, je veux dire par la, que ce ne soit pas la même image par défaut, mais une image différente derrière chaque.

Voilà une tite image:

Spoiler:

En jaune, c'est là où devrait etre l'image.

coucou

On est bien d'accord que l'image ne sera pas là où il y a écrit "Premier message ici" mais qu'elle sera dans le bloc derrière ?

_________________

SoP Story :: Votes pour la 3ème épreuve

Date d'inscription: 25/06/2011

Oui c'est ça ^^

Et une différente pour chaque partie ?

_________________

SoP Story :: Votes pour la 3ème épreuve

Date d'inscription: 25/06/2011

Exact.. C'est possible?

Alors oui c'est possible regarde : http://test-miettes.exprimetoi.net/

Pour cela, on va devoir jouer avec les templates ^^ Tu y as accès ?

_________________

SoP Story :: Votes pour la 3ème épreuve

Date d'inscription: 25/06/2011

Oui j'y ai accès Smile

+ C'est génial Razz

Alors on y va Smile

1/ On va ouvrir le template "index_box"

2/ On va repérer ce passage :

Code:

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


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <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>


<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
   <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">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
      </span>
   </td>

3/ Ici, on va :
a) ajouter une variable qui va nous servir de compteur au début du code

Code:

b) utiliser ce compteur pour donner un nom unique à chaque forum quand on va coder la case (donc juste avant le nom du forum)

Code:

Le passage modifié sera comme ça :

Code:

4/ Là où ça se complixifie c'est pour gérer le CSS

Bah oui ! Il va falloir commencer par récupérer le nom de l'id du forum pour lequel tu veux ajouter une image (là, faut jeter un oeil au code source ou compter tes forums Very Happy

). Et dans le css il faudrait ajouter :

Code:

#fd_N{background-image:url('lien_image');}

En remplaçant N par le numéro

/!\ Si tu as ajoutes des forums, ça va chambouller les numéros /!\

Surtout, si tu ne comprends pas, n'hésite pas à le dire Smile

_________________

SoP Story :: Votes pour la 3ème épreuve

Date d'inscription: 25/06/2011

j'ai loupé un truc pour compter les forums... :/

et il doit y avoir une erreur dans le script entier au niveau des deux derniers tr et td

Code:

c'est pas mon fort les tableaux, je ne trouve pas où est le probleme.

hop

Code:

EDIT : attention, quand tu copies/colles le message, il te transforme tous les caractères spéciaux (genre guillemet), du coup, le navigateur ne les lit pas correctement

_________________

SoP Story :: Votes pour la 3ème épreuve

Date d'inscription: 25/06/2011

Par contre ce script là ne marche plus :

Code:

Sinon, ça marche! Smile

Essaie en remplaçant le dessin par le code html

Code:

&_spades;

sans le _

_________________

SoP Story :: Votes pour la 3ème épreuve

Date d'inscription: 25/06/2011

dans mon code il n'y ai pas,c'est en copie/collant

Tu peux me redonner le template avec ce script ?

_________________

SoP Story :: Votes pour la 3ème épreuve

Date d'inscription: 25/06/2011

Code:

<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="stats_cate">{catrow.forumrow.TOPICS} sujets contenant {catrow.forumrow.POSTS} messages</div>
<div class="description">{catrow.forumrow.FORUM_DESC}</div>
<span class="gensmall">

{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<script type="text/javascript">$('.retvirg').each(function(){$(this).html($(this).html().replace(/,/g," ♠ "));});</script>
</span>
</td>