Image de fond pour les titres des catégories

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image de fond pour les titres des catégories

Message par Alluna le Ven 24 Juin 2011 - 6:45

Bonjour à tous ! ^^

Voilà je vous explique mon petit souci, j'ai trouvé sur ce sujet exactement ce que je cherche à faire, le souci c'est que mon template index_box est déjà modifié. Pour la barre du dessous, j'ai juste eu à rajouter la dernière ligne du template et cela fonctionne parfaitement. Pour la ligne du dessus, par-conte, ce que je cherche à faire c'est mettre une image en fond, sous le titre de chaque catégorie (qui sont eux aussi sous forme d'images mais ça ne pose pas problème normalement) et selon la forme de cette image, ça permettra d'agrémenter les blocs de catégories. Lorsque je ne modifie que la partie de code que Pakodar a indiquée, je me retrouve avec l'image censée être en fond simplement au-dessus de chaque bloc de catégories. Et je ne peux pas me permettre de prendre le code en entier, sous peine de tout perdre. J'ai passé deux jours à comparer les deux codes, et vraiment, je ne sais pas comment avoir l'image que je veux en arrière plan du titre.. T_T

J'espère que je suis assez claire, sinon je peux réexpliquer..

Si besoin, mon template index box.
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}

         {CURRENT_TIME}

         </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>

         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<img src="URL DE L'IMAGE DE DEBUT DES CATEGORIES" height="90" width="887" />
<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>
      
      
   </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}>
<table>
<tr>
<td><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<div class="liens">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</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 -->

</td>
<td>
<div class="messages_sujets_derniers_sujets">
<div class="derniers_sujets"><span class="gensmall">{catrow.forumrow.POSTS} messages & {catrow.forumrow.TOPICS} sujets. <br> <br>{catrow.forumrow.LAST_POST}</span></div>
</div>
</td>
</tr>
</table>
      <!-- BEGIN forum_link_no -->
      
   
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span>
      <!-- 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="IMAGE FIN CATEGORIES" alt="" height="90" width="887" /><br><br><br><br><!-- END tablefoot --><!-- END catrow -->

J'y ai mis les codes indiqués dans le tuto que j'ai cité, mais sans les remplir, puisque de toutes façons le placement des images est prévu pour le prochain design. Pour l'instant, j'ai bien un fond sous mes titres de catégories mais je l'ai mis dans la gestion des images du PA, et ça déforme mes sous-forums, donc.. bof.. :/ Et j'ai vu des forums comme l'exemple qu'elle a montré où ils ont réussi à le faire donc la solution est peut-être simple mais je ne la trouve pas..

Un grand merci d'avance à ceux qui m'aideront ! ♥



Dernière édition par Alluna le Ven 24 Juin 2011 - 22:26, édité 2 fois

Alluna
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 22/06/2011

http://reves-absurdes.1fr1.net/
Alluna a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour les titres des catégories

Message par Pakodar le Ven 24 Juin 2011 - 17:46

Bonjour,
Macema m'a redirigé vers votre sujet.

Oui en effet je me suis trompé dans le code, excusez-moi Embarassed
En faîte j'avais simplement défini une image de haut de la catégorie, au lieu de la mettre en fond...

Donc, si j'ai bien compris, vous voulez ajouter une image de fond en haut de la catégorie, sous le titre + une image en fin de catégorie, est-ce bien cela?
Si vous avez des images à mettre, ça serait bien de les donner svp, pour que j'ai un maximum d'éléments. J'essayerai de définir un code CSS pour mettre l'image de fond en haut de catégorie.

Edit:
Pour mettre une image en fond du titre des catégories, il suffit d'ajouter ceci dans votre CSS:
Code:
.secondarytitle {
background-image: url('http://i88.servimg.com/u/f88/11/48/38/31/1111.png');
}

Remplacez bien sûr l'Url par celle de votre image, en faisant attention aux ' ' Smile
J'ai vu sur votre début de template que vous aviez écrit "<img src="URL DE L'IMAGE DE DEBUT DES CATEGORIES" height="90" width="887" />"
Vous pouvez retirer cette ligne, maintenant que vous pouvez mettre les images en fond Smile


Conseil: changez le nom du sujet en quelque chose plus en rapport à votre problème, pensez à ceux qui font des recherches! Smile

Pakodar
*****

Masculin
Messages : 669
Inscrit(e) le : 22/12/2010

http://ogamemaio.forumgratuit.org/forum
Pakodar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour les titres des catégories

Message par Alluna le Ven 24 Juin 2011 - 22:26

Ouii, ça fonctionne, c'est parfait, merci beaucoup ! C'était beaucoup plus simple que je le croyais en fait xD
J'ai changé le titre de mon sujet j'espère que c'est mieux maintenant Smile

Merci beaucoup pour l'aide en tout cas !!

Alluna
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 22/06/2011

http://reves-absurdes.1fr1.net/
Alluna a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum