Image dans des catégories (terminé).

[Pawia]

Bonjour, voila j'aimerais faire comme ce forum pour le titre des catégories :
http://www.goldheartofficiel.com/forum

Et je pense que le codes c'est ça :

Code:

<div style="height:3px"></div><table class="forumline" width="900px" border="0" cellspacing="0" cellpadding="0"><br><tr><td colspan="3" nowrap="nowrap" width="900px" class="secondarytitle" align="center" style="background-image:url(‘http://img10.hostingpics.net/pics/608136haut.png');padding-bottom:10px;"> <h2><a href="/c1-hippie-art/ ""><img src="http://img10.hostingpics.net/pics/503367large.png" border="0"></a></h2> </td></td></tr>

Mais le problème c'est que ça ne rentre pas dans le titre de ma catégorie !
Comment faire ?

[Invité]

Salut Pawia,
La taille de ton image est bien trop importante
https://2img.net/r/hpimg10/pics/608136haut.png
essayes avec une autre taille d'image
si ton forum est celui de ton profil.

ce code devrait suffire

Code:


<div style="height:3px"></div><table class="forumline" width="465px" height"124"border="0" cellspacing="0" cellpadding="0"><br><tr><td colspan="3" nowrap="nowrap" width="465px"height"124" class="secondarytitle" align="center" style="background-image:url(‘http://img10.hostingpics.net/pics/608136haut.png');padding-bottom:2px;"> <h2><a href="/c1-hippie-art/ ""><img src="http://img10.hostingpics.net/pics/503367large.png" border="0"></a></h2> </td></td></tr>


a++

[Pawia]

Le nombre de caractère est trop important ! :/

[Scipion]

Bonjour !

Pourquoi ne pas essayer de mettre le deuxième code dans la description de la catégorie

Cordialement

[Pawia]

Ca ne change rien. :/

[Invité]

Bonjour,

En plaçant ceci dans votre CSS ( panneau d'admin'> Affichage > couleur > feuille de style CSS):

Code:

.secondarytitle{
      display: block;
      background: url('http://img10.hostingpics.net/pics/608136haut.png');
      width: 900px;}

Et en mettant à la place du titre de vos catégories l'image sous cette forme:

Code:

<img src='http://img10.hostingpics.net/pics/503367large.png' />

Vous devriez être proche du résultat souhaité.

Cordialement.

[Pawia]

Génial ça marche mais regardez comment deviens la case dernier sujet :
http://hippieart-test.forumactif.com/

Comme faire pour qu'elle fasse comme le titre de la catégorie ?

[Invité]

Re,

Dans ce cas, on va procéder autrement.
Effacez le code CSS que je vous ai proposé. Et rendez-vous dans le template Index_Box.
Repérez:

Code:

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

Et remplacez par:

Code:

   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle" style=" background: url('http://img10.hostingpics.net/pics/608136haut.png');"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" style="width:150px; background: url('http://img10.hostingpics.net/pics/608136haut.png');"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>

Enregistrez et validez.

Cordialement.

[Pawia]

J'ai trouvé une autre solution. Mais merci.