Codes CSS pour forum!

[toulouse1914]

Bonjour à tous!
Je ne sais pas si je suis dans la bonne section, mais j'aurais une question à poser. En effet, je cherche le code CSS pour mettre un cadre autour de la descriptions des forums de mon forum... Je ne suis pas très bonne en ce domaine, si quelqu'un voulait bien m'aider...

Merci beaucoup! (:

[SoraNoHime]

Bonsoir

Pouvez-vous faire un modele de ce que vous désirez, ou un scan ?

Cordialement.

[toulouse1914]

Spoiler:

Comme cela, pour chaque forum. ^^

[SoraNoHime]

Quelle est votre version de forum ? En etes vous le fondateur ? Avez-vous changer votre template index_box ? si oui merci de me le fournir.

Cordialement.

[toulouse1914]

Je suis effectivement la fondatrice de mon forum, mais je n'ai jamais touché aux templates. Mon forum est un phbb

[SoraNoHime]

2 ou 3 ? là est toute la différence, les templates n'éant accesiible qu'en phpbb2 ou punbb

[toulouse1914]

2 je pense, puisque j'ai accès aux templates dans ''Affichage''. ^^

[SoraNoHime]

ok ^^

Donc je vous explique. Tout se fera dans votre template Général : index_box :

Repérez ceci :

Code:

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

C'est toute la partie à modifier :

Remplacer la par :

Code:

<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}>
         <div class="intercat"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></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>

Enregistrez et publiez.

Dans votre css insérez :

Code:

.intercat {
border : 1px solid #000000;
background-color : #ffffff;
padding : 7px;
}
.forumlink {
background-color : #ffffff;
font-size: 20px;
font-family: Amaze;
position: relative;
top: 8px;
left : 15px;
}

Personnalisez à votre gout.

Cordialement.

[toulouse1914]

Merci beaucoup... Mais ça ne marche pas. :/
Cela mets le titre en fond blanc, & rien d'autre. C'est bien le code pour une bordure autour du texte?

[SoraNoHime]

oui mais avez-vous bien changer ce que je vous ai dit dans votre template et publiez celui-ci en appuyant sur

Car sur mon forum test cela marche très bien.

[toulouse1914]

Ah bon, et pourtant je l'ai fait. 0o
Voici un screen :

Spoiler:

[SoraNoHime]

Pourtant vous pouvez-voir dans mon lien vers mon forum test (voir profil) que cela marche

A tout hasar, changez entièrement votre template index_box par celui-ci

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}<br />
         {CURRENT_TIME}<br />
         </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><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><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>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></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><br />
                </span>
            </h{catrow.forumrow.LEVEL}>
            <div class="intercat"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></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>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </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="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Enregistrez, publiez

et revérifier bien votre css.

Si cela ne marche pas donner moi un lien ou je puis voir vos catégories.

[tupac]

Bonjour

Il vous suffi juste de placer le code suivant dans la description de votre catégorie.
Panneau d'administration:
1=> Général
2=> Catégories et forums
3=> cliquer sur la molette jaune de votre catégorie et placer le code suivant dans la description.

Code:

<FIELDSET>
<LEGEND align=top> Votre titre ici </LEGEND>
Votre texte ici
</FIELDSET>

[toulouse1914]

Macema : J'ai essayé, et ça a carrément effacé mes catégories. J'ai remis le template par défauts et elles sont revenues. ^^'

[SoraNoHime]

Bonsoir

POurtant cela fonctionne sur mon forum test

Avez-vous bien mis le dernier code sur celui de index_box en le remplaçat en entier et en appuyant ensuite sur ?

Cordialement.

[toulouse1914]

Ah! Tout à coup cela fonctionne! Puis-je changer la couleur du fond dans le CSS que vous m'avez donné?

[SoraNoHime]

Oui bien sûr, de même pour la police d'écriture qui ne va pas avec votre forum ^^ (mais si vous n'avez pas la police en question hébergée dans votre ordinateur, vous ne pouvez pas le voir)

C'est a vous de personnaliser à votre gout désormais.

Pour tout conseil, n'hésitez pas.

De même repérez vous à la liste CSS et propriétés ici pour vous aider

Cordialement.

[toulouse1914]

Merci beaucoup, problème résolu! =D