Catégories réalisables ou pas ?

[Xibition]

Bonjour/Bonsoir, je voudrais faire des catégories un peu perso, alors j'ai fais ce schéma :

Spoiler:

Je ne sais pas si c'est possible d'avoir des catégories comme ceci :/ Est ce que c'est réalisable ? Si oui voici mon template :

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         
         <!-- 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 --><center><table class="forumlineac" width="95%" border="0" cellspacing="0" cellpadding="0"></center>
   <tr>
    <td colspan="3" nowrap="nowrap" width="100%" class="fondhaut"> {catrow.tablehead.L_FORUM} </td>
  </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 over" width="120">
                  <div class="liens" id="subforums">
                                  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}<script type="text/javascript">jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br />')).removeAttr('id');</script></div>
            </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                  <div class="centrefo"><table width="100%"><tr><td widht="70%"><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}></td>
                    <td width="30%"><div class="stats"><span class="gensmall">{catrow.forumrow.TOPICS} SUJETS | {catrow.forumrow.POSTS} MESSAGES</span>
                      </div></td>
                    </tr>
                    <tr>
                      <td colspan="2">
                          <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 -->
                    </span>
                      </td></tr></table></div></td>
   
      <td class="row3 over" align="center" valign="middle" height="50"><div class="lastm">
                  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                  <br /><span class="gensmall">{catrow.forumrow.LAST_POST}</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 -->
<tr><td height="65" colspan="3"><div class="fondbas"></div></td></tr>
</table><br /><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Merci d'avance :thanks: Je croise les doigts pour que ce soit réalisable ><

[Xibition]

Petit up Quelqu'un peut m'aider svp ? :thanks:

[phinolex1]

C'est réalisable .

Il suffit de savoir codé

Sinon il y a des petit tuto sur des forum comme : css actif ou http://www.never-utopia.com ou tu peut trouver un peut le même style que tu ve faire .

Cordialement ,

[Xibition]

Coucouuu omg merci c'est réalisable x) Je suis inscrite sur CSS actif, et ca m'a beaucoup aidé j'avoue, mais pas pour avoir ce genre de catégories :/ Et je suis inscrite aussi sur NU mais je ne trouve toujours pas ce que je veux -_- Enfin je ne suis pas vraiment novice en codage mais je sais juste me débrouiller un peu x)

[phinolex1]

Tu as du surement trouver un code sur css actif ou NU qui est un peu près ce que tu veux ...
Après , il suffit juste de modifier le code

[Xibition]

D'accord merci , je vais chercher encore

En même temps si quelqu'un pourrait m'aider...

[Xibition]

Coucouu encore x) Bon j'ai parcouru presque tout les sujets sur NU et CSS actif , mais a chaque fois que y'a un sujet qui m'interesse, les template et CSS sont en HIDE ! Punaiiiiiise

[Anzu]

Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif

Bonjour,

Je vous avais déjà averti il y a quelques temps concernant les règles de ce forum.
Ce sujet est verrouillé pour 24h.

Cordialement.

[Invité]

Bonjour,

Un essai en reprenant les modifications existantes de votre templates:

Le template Index_box:

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
       
        <!-- 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 --><center><table class="forumlineac" width="95%" border="0" cellspacing="0" cellpadding="0"></center>
  <tr>
    <td colspan="3" nowrap="nowrap" width="100%" class="fondhaut"> {catrow.tablehead.L_FORUM} </td>
  </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="stats"><span class="gensmall">{catrow.forumrow.TOPICS} sujets et {catrow.forumrow.POSTS} messages.</span></div>
         <table width="100%">
                          <tr>
                            <td><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><img src="http://nsm05.casimages.com/img/2011/02/28//110228010314153137730357.png" /></td>
             <td><div class="liens" id="subforums">
                                  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}<script type="text/javascript">jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br />')).removeAttr('id');</script></div>
                            </td>
                          </tr>
                  </table>   
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
                  <div class="lastm"><span class="gensmall">{catrow.forumrow.LAST_POST}</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 -->
<tr><td height="65" colspan="3"><div class="fondbas"></div></td></tr>
</table><br /><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Le CSS à ajouter:

Code:

.lastm{
border: 1px solid #000;
border-radius: 11px;
width: 120px;
height: 130px;
margin: 5px;
padding: 5px;}

.descrip{
border: 1px solid #000;
margin: 5px;
padding: 5px;
height: 110px;
overflow-y: auto;
}

.stats{
text-align: center;
width: 200px;
margin: auto;
padding: 3px;
}


a.forumlink{
display: block;
margin: auto;
text-align: center;
width: 200px;
border: 1px solid #000;}

J'espère qu'il n'y aura pas de conflit dans le CSS, n'ayant pas connaissance de votre feuille de style personnalisée.

Bien sincèrement.

[Xibition]

Coucou merci pour votre réponse, ca marche parfaitement , je voulais juste savoir comment mettre le texte au milieu ?

Spoiler:

Et aussi supprimer l'espace entre le nom du forum et sujets/messages ?

Spoiler:

[Invité]

Bonjour,

Pour le texte, dans le template, remplacez:

Code:

<div class="lastm"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>

par:

Code:

<div class="lastm"><div class="texte-stat"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></div>

et ajoutez au CSS:

Code:

.texte-stat{
margin-top:30%;
}

Pour l'espace, retirez le <br /> qu'il y a après:

Code:

<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

Bien sincèrement.

[Xibition]

Ca marche merci beaucoup