Changer apparence de ma catégorie.

[Bella Mary Cullen]

Bonjour à tous,

Je souhaiterais, si possible, pouvoir rendre la structure de mes catégories comme ceci ; du moins en ressemblance.

Spoiler:

Serait-il possible s'il vous plait ?

Merci à vous & bonne journée !

[SoraNoHime]

Bonsoir

pouvez-vous me faire un schéma en incluant s'ils doivent apparaitre, les derniers mesages, nombre de messages / sujets et images news / no news / lock ?

Merci aussi de me fournir votre template index_box.

Cordialement.

[Bella Mary Cullen]

Bonsoir,

Tout d'abords, merci d'avoir pris le temps d'étudier ma demande

Ensuite, voici les schémas :

Mon forum et sous cette apparance pour le moment :

Spoiler:

Et je souhaiterais le rendre comme ça à la fin :

Spoiler:

Et pour finir, voici 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}<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="0" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </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="row1" width="100%"><table class="catcadre"><tr><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 -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td></tr></table></td>
      <td class="row3" align="center" valign="middle" height="50">
         <td class="row3 over" align="center" valign="middle" height="50"><div style="width:150px;" class="dersuj">
                <span class="gensmall">{catrow.forumrow.LAST_POST}<br />{catrow.forumrow.POSTS} Message | {catrow.forumrow.TOPICS} Sujets</span></div>
      </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 -->

Je vous remercie infiniment & passez une bonne soirée

[SoraNoHime]

Repérez ceci :

Code:

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

remplacez le par :

Code:

<table width="100%"><tr><td width="70%" valign="top"><div class="descrip"><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 --></span></td>
<td valign="top" width="30%"> <div class="sousfo"> <span class="gensmall">
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}<script type="text/javascript">
            jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/> ')).removeAttr('id');
            </script>  </span></div></td></tr></table>
     

puis dans votre css ajoutez :

.descrip {
margin-left : 5px;
margin-right :5px;
border-left : 3px solid #ff0000;
border-right : 3px solid #ff0000;
}

.sousfo {
margin-left : 5px;
margin-right :5px;
border-left : 3px solid #0000ff;
border-right : 3px solid #0000ff;
}

à personnaliser.

Cordialement.

[Bella Mary Cullen]

Bonjour,

Merci beaucoup pour les codes. Les ayant installer il m'a donné comme résultat ceci :

Spoiler:

J'ai du sans doute mal faire une manipulation

Mais je voulais savoir, sinon pour faire plus simple et que j'ai eu cette idée à l'instant. Pouvons nous faire deux cadres comme ça en insérant les codes dans la description des catégories et par la suite, dans la deuxième colonne, je créer moi même les liens ?

Passez une bonne journée
Cordialement,

[SoraNoHime]

Sinon essayez d'enlever ici

Code:

<td valign="top" width="30%">

valign="top"

et oui si vous préférez passer par la description c'est tout à fait possible. remettez votre template comme avant et dans chaque description mettez :

Code:


        <table width="100%"><tr><td width="70%" valign="top"><div class="descrip">

Contenu description

</div></td>
        <td valign="top" width="30%"> <div class="sousfo">

Liens sous forums

</div></td></tr></table>

Gardez également la css que je vous ai fait mettre.

Puis désactivé les liens vers les sous forums dans PA > Affichage > Structures & Hiérarchie > afficher les liens vers les niveaux inférieurs : non.

Cordialement.

[Bella Mary Cullen]

Ca me donne ceci. La description n'est pas encadré comme le second :/

Spoiler:

[SoraNoHime]

Vous avez bien gardé la css que je vous avais donné au début ? si oui, donnez moi un des codes que vous avez mis dans une description

[Bella Mary Cullen]

Oui,

En faîtes j'ai mis ça dans la description de mes catégories :

Spoiler:

Et dans mon CSS j'ai mis les codes que vous m'avez donné :

Code:


.Catégorie 2 .

.descrip {
margin-left : 3px;
margin-right :3px;
border-left : 3px solid #FF9900;
border-right : 3px solid #FF9900;
}

.sousfo {
margin-left : 5px;
margin-right :5px;
border-left : 3px solid #FF9900;
border-right : 3px solid #FF9900;
}

En sachant aussi que j'en ai un autre pour l'encadrement à côté avec le titre du sujet, le pseudo ...

Code:

. Catgéorie .


.catcadre {
    border : 2px solid #FF9900;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
}

.dersuj {
    border : 2px solid #FF9900;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
}

Voilà

[SoraNoHime]

Je n'arrive pas à déterminer pourquoi cela ne fonctionne pas

avez-vous rééssayer en passant par le template également ?

[Bella Mary Cullen]

J'ai effectivement remis le template comme il était avant ...

Dois-je le remettre comme vous m'avez indiqué ?

[SoraNoHime]

Non merci, c'est juste pour moi avoir les bonnes données ...
Je continue mes tests et vous tiens au courant.

Cordialement.

[Bella Mary Cullen]

Pas de soucis,

Je vous remercie infiniment

Cordialement,

[SoraNoHime]

j'ai compris ^^ je n'avais pas pris en compte la façon dont vous placez vos commentaires dans votre css en fait quand on marque une chose qui ne doit pas etre prise en compte on la note ainsi

/*cette css correspond a*/

en évitant les accents (sinon votre PA risque de vous dire un jour qu'il est pas content ^^)

Vos

Code:

 . Catgéorie .

et

Code:

.Catégorie 2 .

sont des descriptions. Or en css le . représente l'attachement d'une class dans un code. c'est pour cela que vos codes situer juste après ces points ne sont pas pris en compte. changez les comme je vous l'ai indiqué avant. tout fonctionnera.

Cordialement.

[Bella Mary Cullen]

SUPER !!!!!!

Ca fonctionne

Merci infiniment !!!

Edit : En faîte y a juste un truc xD

Spoiler:

Est-ce que c'est possible d'avoir les deux traits à la même longueur que le paragraphe et que sa sois justfier s'il vous plait :s

[SoraNoHime]

Normalement cela aurait du faire les cotés du paragraphe.

Code:

<table width="100%"><tbody><tr><td valign="top" width="70%"><div class="descrip">
♣ <b>L'Administration</b> ♣ C'est le premier endroit à visiter lors de
votre inscription sur le forum. Le règlement est à lire pour une bonne
intégration au groupe, tout manquement à celui-ci entraîne des
sanctions. Vous trouverez également le contexte. Un code est caché dans
cette catégorie pour vous permettre de valider votre présentation. Vous
devrez donc avoir lu attentivement tout les sujets pour le trouver.
</div></td>
<td valign="top" width="30%"> <div class="sousfo">
Lien
</div></td></tr></tbody></table>

c'est bien ce code que vous avez-mis ?

[Bella Mary Cullen]

Oui, mais sauf que j'ai oublié ou du moins effacé un morceau du code --'

Cela fonctionne de nouveau correctement !!!

Merci de m'avoir redonner le code afin que je vérifie ^^

Problème résolue & merci pour tout !

Bonne soirée