Descriptions des sous-forums encadrés ~

[chienchila]

Bonjour tout le monde;
je me demandais comment faire pour que les descriptions des sous-forums soient encadrés, comme ici :



Je me suis procurée ce code css, mais il doit en manquer une partie car il ne fonctionne pas :

Code:

.description {
-moz-background-clip:border;
-webkit-background-clip:border;
-moz-background-inline-policy:continuous;
-webkit-background-inline-policy:continuous;
-moz-border-radius-bottomleft:1px;
-webkit-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-webkit-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-webkit-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
-webkit-border-radius-topright:1px;
background: #A18E82 repeat scroll 0 0;
border-color: #89776C;
border-style:solid;
border-width:1px 1px;
color:#434343;
margin-left:1px;
margin-right:1px;
margin-top:1px;
padding:5px 5px 5px 25px;
}

Merci par avance !

[Lixyr]

Bonjour.

En effet, si vous piquez des codes CSS sur des forums, mais que vous ne savez pas à quoi ça correspond, et donc que vous n'avez pas la classe concernée, ça ne sert à rien. D'ailleurs, voler du code CSS chez d'autres forums est à proscrire

BREF ! Pour ça vous pouvez aller dans le template index_box, et ajouter une classe à la cellule concernée par les descriptions des catégories :

<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">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>

=>

<td class="description" 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">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>

Cordialement.

[chienchila]

voler du code CSS chez d'autres forums est à proscrire

Je l'ai emprunté sur un forum de graphisme qui " distribue " des codes css a copier/coller, mais rien d'autre n'était expliqué, je ne me permettrais pas de " voler " quoi que ce soit ^^

Je suis allée modifier les templates, mais les cadres ne s'affichent pas, pourtant j'ai bien réglé les couleurs afin qu'elles soient visibles...

[chienchila]

En fait si, ça fonctionne, mais le cadre englobe tout les sous forums ( lien du forum + description + liens des sous categories ), mais je souhaiterais que ce cadre n'englobe rien que les descriptions

[Lixyr]

D'accord. Alors je vous pardonne ^^

Alors pour que ça n'englobe que la description, il faut changer la classe de place :

<td class="description" 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">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>

=>

<td 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}>
<div class="description">{catrow.forumrow.FORUM_DESC}</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 -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>

et comme ça, ça devrait marcher. J'ai mis des couleurs pour que vous compreniez. Techniquement quand on veut mettre un cadre, il faut préférer les div au span, ça marche beaucoup mieux. Surtout pour un texte ou une zone de texte, comme la description d'un forum.