Heu... Ca je pense que c'est juste les guillemets qui ne sont pas refermés, ce qui fausse tout. Ainsi que l'absence de tr dans le tableau peut-être. Et le div qui n'est pas refermé.
Au passage, je savais même pas que le bbcode était pris en compte dans les descriptions des forums o_O
En tous cas je vais te donner une méthode qui te permettra d'aller un peu plus vite. Il va falloir aller dans les templates et ajouter du css dans le forum plutôt que le mettre directement dans la description. (Panique pas tout de suite ! J'ai pas mon brevet de secourisme !)
D'abord, vas dans Panneau d'Administration > Affichage > Templates > Général. Ouvres celui qui s'appelle index_box. Et dedans tu vas chercher cette portion de code (tu peux utiliser ctrl+f pour aller plus vite) :
- Code:
-
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
Et tu vas le remplacer par ça :
- Code:
-
<span class="genmed"><div class="description-forum">{catrow.forumrow.FORUM_DESC}</div></span>
Là, on a entouré la description de nos forums avec un div pour lui appliquer une classe, qu'on va pouvoir définir dans le css. N'oublie pas d'enregistrer les modifications et de publier le template.
Ce qui t'intéresse c'est d'avoir une bordure, donc tu vas devoir ajouter ceci dans le css du forum. Il est accessible depuis Panneau d'Administration > Affichage > Couleurs > Feuille de style css (onglet en haut).
- Code:
-
.description-forum
{
border-style: dashed ; /* pour avoir tes pointillés, on choisi dashed en style. On peut peut aussi mettre dotted pour un autre effet de pointillés */
border-width: 2px ; /* c'est l'épaisseur de la bordure */
border-color: couleur ; /* couleur de la bordure. N'oublie pas de mettre ta valeur */
}
Maintenant toutes les descriptions de tes forums vont être entourées par la bordure que tu as choisie. Si tu valides, tu vas déjà pouvoir voir ça.
Apparemment tu n'as pas activé les liens automatiques, donc ça c'est parfait.
Pour écrire sur deux colonnes, il va bien falloir qu'on fasse un tableau, mais on va le faire en html et pas en bbcode, je pense que c'est plus sûr, et surtout ça nous permettra d'ajouter des classes, et tu verras que c'est pas plus compliqué. Les tableaux en bbcode se font de la même façon qu'en html. (C'est d'ailleurs en analysant le fonctionnement d'un tableau fait en bbcode que j'ai découvert comment faire un tableau en html... mais bref c'est pas le sujet !)
Donc notre tableau. On l'ouvre avec table, comme tu l'as fait. Mais avant de créer une cellule avec td, il faut faire une ligne avec tr. C'est un peu abstrait tout ça, donc je t'ai fait le début du code.
- Code:
-
<table>
<tr>
<td class="desc-case1">
la description ici
</td>
<td class="desc-case2">
les liens ici
</td>
</tr>
</table>
Voilà, il n'y a plus qu'à compléter le tableau !
Un dernier détail cependant : comme je l'ai dit tout à l'heure, on a ajouté des classes dans nos cellules (tu peux choisir le nom que tu veux d'ailleurs, j'ai mis ça parce que c'était simple à retenir, et que rien d'autre ne m'est passé par la tête). Ces classes vont nous permettre de définir les propriétés qui vont s'appliquer dans la cellule. Tu peux choisir plusieurs choses. J'ai séparé les valeurs par des slash, ne garde à chaque fois que celle qui t'intéresse, et pense bien à enlever mes parenthèses.
Largeur de la cellule : on peut la définir soit en pourcentages (attention à ce que le total des deux cellules fasse bien 100%) soit en pixels
width: Ypx/Y% ;
Alignement du texte :
text-align: center/left/right/justify ; (centré, à gauche, à droite, justifié)
Position verticale du texte dans la cellule :
vertical-align: middle/top/bottom ; (milieu, haut, bas)
Marges intérieures (pour ne pas que le texte soit trop près de la bordure)
padding: Ypx; (remplace Y par une valeur de ton choix)
On peut choisir l'endroit où va s'appliquer la marge en mettant un tiret et le nom du côté (ex : padding-right: ...)
top : haut
left : gauche
right : droite
bottom : bas
Couleur du texte :
color: couleur;
Texte en gras :
font-weight: bold ;
Pour créer la classe dans le css, il faut mettre un point, le nom de la classe, ouvrir les accolades, et les fermer quand on a fini. Les propriétés s'écrivent en donnant leur nom, deux points, la valeur, point virgule.
Donc en gros :
- Code:
-
.desc-caseX
{
propriété: valeur ;
}
On a la bordure, on a le tableau. Reste un point sur lequel je voulais venir : les liens. Pour les mettre en gras, on ne va pas utiliser strong (qui ne veut pas dire mettre en gras, mais signale un mot important dans un texte) mais font-weight. Au lieu de donner le style directement, on va le faire en css pour que ce soit plus simple. Pour ça on pourrait appliquer une classe au lien (a class="x" ...), mais on va faire plus simple. On va définir un style pour les liens contenus dans desc-case2. ce qui s'écrit comme ceci :
- Code:
-
.desc-case2 a
{
propriété: valeur ;
}
Donc couleur, gras et tout, dans le css du forum.
Et une fois ça fait, plus qu'à compléter.
Normalement ça devrait marcher. Je n'ai pas fait le test pour essayer de te répondre le plus rapidement possible, mais si tu as un souci, ou pas compris quelque chose, n'hésite pas.
Fu'
EDIT : J'u pense après coup mais pour enlever le soulignement c'est
text-decoration: none ;
A mettre dans le css, dans .desc-case2 si tu ne veux pas que les liens soient soulignés.