Cadres sous forums

[mama3802]

Bonjour =),

- l'URL du forum, si nécessaire: http://perfectmatch.max2forum.com/index.htm
- la version de votre forum: phpBB2
- votre statut sur le forum: Fondateur
- si vous avez modifié des templates: Oui, index-body
- votre ou vos navigateur(s): Internet explorer 8

Je voudrais savoir comment faire pour mettre un cadre autour des onglets des sous forums, pour les
rendre plus visible et les séparer autrement que par une virgule.

Merci d'avance pour votre aide =)

[mama3802]

Up svp

[Girl']

Bonjour, oui c'est faisable, mais pour remplacer la virgule c'est impossible, il faudra donc faire vos sous forums dans la description.

[mama3802]

Ok et comment on fait pour les cadres? ^^

[mama3802]

Up please =)

[mama3802]

Up svp

[mama3802]

UP s'il vous plait

[mama3802]

Up!

[Anzu]

Bonsoir ^^

C'est possible d'avoir votre template index_box ?

En fait, il suffit de prendre la variable qui correspond aux liens de vos forums, celle ci >

Code:

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

et de mettre un "div" autour, du genre:

Code:

<div style=" border: 3px solid #000000;">variable</div>

Après on peut modifier l'apparence de ce cadre ^^

Cordialement.

[mama3802]

Voila mon template :

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}

         {CURRENT_TIME}

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

         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

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

            </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 -->
            <div align="center">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
         </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <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>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
   </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 -->

[Anzu]

Je vous ai modifié le code :

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">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</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">&nbsp;</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}>
        <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 -->
            <div align="center"><div style=" border: 3px solid #000000;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>
        </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <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>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </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 -->

Je vais tenter de vous expliquer

Code:

<div style=" border: 3px solid #000000;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>

En gros, on attribue à la "variable" ({catrow.forumrow.L_LINKS})une div, cette div permet de "mettre une structure autour d'un texte". On lui applique une bordure "border" ainsi qu'une taille "?px", un aspect "solid" et une couleur "#code couleur". Et ces éléments, on peut les modifier à notre guise. C'est plus clair ? ^^

Cordialement.

[mama3802]

Oui j'ai compris =)

J'ai mis le template tel que vous m'avez dit mais ça me met cela:
http://img47.xooimage.com/files/c/6/9/forum-1ceb037.jpg

Pourquoi est ce que c'est ecrit variable?

[mama3802]

ah nan c'est bon, je me suis trompé ^^ Ca me met bien le nom de mes sous forums ^^ parcontre je voulais qu'ils soient séparé? =/ J'ai pas préciser

[Anzu]

Vous voulez mettre un cadre autour de chaque sous forum ?

[mama3802]

Oui comme ici:

http://www.watch-for-house.com/

[mama3802]

Upinou =)

[mama3802]

Up svp =)

[mama3802]

UP

[mama3802]

UP

[mama3802]

Up svp

[mama3802]

Up!

[mama3802]

UP svp

[mama3802]

UP

[CkroA]

Je suis parvenue à te trouver le code, et ce qu'il faut coller dans le CSS. D'ailleurs c'était plutôt facile, laisse moi le temps de nettoyer le code pour ne prendre que ce qui est nécessaire, et je te le colle ici =D

EDIT :

À coller dans ta description :

Code:

<div class="milieu"><span class="genmed"><table width="100%" border="0" cellspacing="0" cellpadding="0">  <tr>
    <td valign="top">LA DESCRIPTION DE TA CATÉGORIE ICI</td>
  </tr>
</table></span></div><div class="bas" align="center"><span class="bas2"><a class="lienforum" href="Le lien vers la catégorie1">Catégorie 1</a></span><span class="bas2"><a class="lienforum" href="Le lien vers la catégorie2"> Catégorie 2</a></span><span class="bas2"><a class="lienforum" href="Le lien vers la catégorie3"> Catégorie 3</a></span><span class="bas2"><a class="lienforum" href="Le lien vers la catégorie4">Catégorie 4</a></span></div>

À coller dans le CSS :

Code:

-----------------------------------------------------------------------------
/**********************CATÉGORIE**********************/
-----------------------------------------------------------------------------
.bas {
width: 90%;
margin-left: 3%;
margin-top: 4px;
}

.bas2 {
margin-left: 10%;
margin-left:2px;
margin-right:2px;
margin-top: 0px;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
padding: 5px;
background-color:#d9d5d6;
}

.milieu {
width: 90%;
margin-left: 3%;
border: 1px solid #FFFFFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 10px;
background-color:#d9d5d6;
font-family:  Georgia;font-size:11px
}


 .haut {width: 60%; margin-left: 0%; margin-bottom: 1px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; -moz-border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10x; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; padding: 0px; background-color:#d9bfc8;font-family:  Georgia; font-size:7px; font-style: italic; color: #FFFFFF;border: 1px solid #FFFFFF;}

Je te conseille de modifier les couleurs. Ici, j'ai repris les couleurs de base du forum Watch For House. Au fait, si quelqu'un trouve un code plus simple pour renvoyer vers les catégories, ça serait super pour lui faciliter la tâche. Ici, il faut créer les catégories, récupérer les liens, les coller dans le code : c'est galère et peut s'avérer long quand on a un ordinateur pourri, qui met une heure pour charger une page ...

[mama3802]

Merci beaucoup , je vais essayer tout ça =)

C'est vrai que ça va prendre longtemps ^^

Edit:

J'ai essayer et j'ai quelques petit problèmes. Ca me met toujours les sous forums en dessous et puis deuxième chose je voudrais que l'image soit au même niveau que le texte. Mais je pense que pour ça il faudrait enlever les cases a droite nan? =/

Voila en image:

http://img43.xooimage.com/files/5/3/6/forum-1d4e468.jpg

Merci encore =)

[CkroA]

Pas vraiment. J'ai fais un test sur un forum d'essai que j'ai ouvert récemment.
Ici
Et tu peux voir que ça fonctionne parfaitement, bien sûr, je n'ai pas mis d'image.
Donc, premièrement, je te conseille d'augmenter la largeur de ton forum, ensuite, en effet, ça vient probablement des Statistiques, il faut trouver un code pour les enlever, mais je l'ai pas sous la main et je suis occupée en ce moment.

Code:

<div class="milieu"><span class="genmed"><table width="100%" border="0" cellspacing="0" cellpadding="0">  <tr>
    <td width="163"><img src="http://i49.tinypic.com/sepog1.jpg" /></td>
    <td valign="top">Bienvenue sur le forum " Perfect Match "! Ici vous trouverez une catégorie importante. Merci de signer le règlement avant de poster sur le forum. Vous trouverez également les nouveautés du forum.</td>
  </tr>
</table></span></div><div class="bas" align="center"><span class="bas2"><a class="lienforum" href="Le lien vers la catégorie1">Catégorie 1</a></span><span class="bas2"><a class="lienforum" href="Le lien vers la catégorie2"> Catégorie 2</a></span><span class="bas2"><a class="lienforum" href="Le lien vers la catégorie3"> Catégorie 3</a></span><span class="bas2"><a class="lienforum" href="Le lien vers la catégorie4">Catégorie 4</a></span></div>


J'ai fais un exemple avec ton forum.
Pour augmenter la largeur de ton forum - on sait jamais, peut-être que tu ignores où ça se trouve - : Panneau de Configuration > Général > Forum : Configuration > Structures des pages > Tu règles.
J'ai mis une image noire dans le code, j'ai juste ajouté la description de la catégorie, il faut refaire les liens par-contre, tu peux simplement copier coller la partie du code qui t'intéresse ( J'ai pas encore trouvé comme faire pour les diriger directement vers les sous-forums ).

[mama3802]

Effectivement ça marche très bien pour l'image =) Merci.
Parcontre même en mettant ton code, j'ai toujours le problème des liens qui reste toujours en dessous.

Je t'ai entourer en rouge sur l'image si tu comprend pas =)

http://img26.xooimage.com/files/a/5/0/forum-1d56b9d.png

[CkroA]

Ah, oui ... Je sais ce que j'ai oublié de te dire maintenant xD
Tu dois désactiver les liens vers les niveaux inférieurs dans les options du Panneau Administration. Le chemin. Affichage > Page d'Accueil : Structure et Hiérarchie > Hiérarchie ( bas de page ) > Lien vers les niveaux inférieurs : Non.

À mon avis, ça devrait être bon cette fois. Si problème résolu, n'oublie pas de mettre dans le titre.

[mama3802]

Je vais voir tous ça avant de mettre résolu xD

Merci =)

[mama3802]

Heu j'ai encore un petit souci ^^ Quant je n'ai pas de sous forums, comment je fais avec le code?