Image de fond encadré pour les sous forums

[gommeamacher]

Bonjour à vous,
Ça fait une bonne demi-heure que je cherche sur les forums un code en particulier, mais je n'arrive jamais à trouver celui que je cherche vraiment. En espérant que je ne sois pas passer à coté..

■ Adresse du forum sur lequel se trouve l'effet désiré : (obligatoire) X
■ Quel est l'effet que vous souhaitez reproduire ? (obligatoire) Je voudrais que mes sous catégories sur la page d'accueil soient encadré, arrondis avec une image comme fond. Je ne sais pas si c'est clair... :S
■ Variantes souhaitées : (facultatif) X
■ Renseignements supplémentaires : (facultatif) Merci beaucoup à l'avance pour celui qui trouvera réponse à ma question.

[Invité]

Bonjour,

Je ne comprends pas vraiment ce que vous souhaitez faire, pourriez-vous faire un schéma ou une capture d'écran d'un exemple?

Cordialement.

[gommeamacher]

Bonjour,
Pour le moment je n'ai pas vraiment de forum qui me vient en tête, mais j'ai déjà vu ça, je vais essayer d'en faire un dessin..


https://i.servimg.com/u/f41/09/01/04/42/captur10.jpg

Entouré de cette façon mes sous catégories et du même coup mettre comme fond mon bois rosé comme sur le message. J'ai trouvé pour partout, sauf pour ça... j'espère que c'est plus clair.

[Invité]

Bonjour,

J'ai deux solutions à vous proposer:

1. On va passer par une modification du template Index_box. En se servant du script donné par Etana pour enlever les virgules entre les sous forums, on va créer un tableau autour des sous forum et attribuer une class aux cellules. Il faudra ensuite passer par la feuille de style CSS pour donner les propriétés souhaitées à notre class.
Dans votre template, repérez:

Code:

<!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>

Et remplacez par:

Code:

</span>
            <!-- END switch_moderators_links -->
            <span class="gensmall" id="subforums"><table><tr><td class="isy">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</td></tr></table></span><script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' </td><td class="isy"> ')).removeAttr('id');
</script>
         
      </td>

Puis dans votre feuille de style CSS, ajoutez:

Code:

.isy{
border: 1px solid #ff0000;}

Ce code CSS est a personnaliser .
L'inconvénient de cette technique: un petit peu du tableau apparait sous les descriptions quand la rubrique n'a pas de sous-forum.

2. On rentre manuellement les liens des sous-forums dans la description des forums et on place une span avec une class autour. Donc pour chaque sous forum on ajoute dans la description du forum:

Code:

<span class="isy"><a href="adresse du sous forum">nom du sous forum</a></span>

On peut utiliser le même code CSS qu'au dessus.

Cordialement.

[gommeamacher]

Merci beaucoup pour tout C'est très gentil de votre part ^^