Mettre les forums sous deux colonnes ! °^°

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Mettre les forums sous deux colonnes ! °^°

Message par Lee Joon Oppa ! le Sam 7 Juil 2012 - 14:46

Bonjour !

Alors voilà, pour le moment, j'ai des catégories tout à fait normales !

Spoiler:

En fait, j'aimerais savoir comment les mettre en deux colonnes. Comme ceci :

Spoiler:

J'avais essayer de faire un tableau en copiant le code des catégorie que j'ai déjà et en mettant le même dans la deuxième colonne mais bien sûr, comme je m'y attendais, ça me dupliquait mon premier forum ! ><

Donc je vous donne mon template index-box :

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="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>
<span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
    </span>

<td colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">


      </h{catrow.cathead.LEVEL}>

    </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>



  <!-- END cathead -->
   
 
 
 
 
 
 
   
<!-- BEGIN forumrow -->
<tr>


<td id="essaye" class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">





</span>
</h{catrow.forumrow.LEVEL}>



<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td>
<div class=last_post>
  <div style="margin-top:-15px; margin-left:0px;"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
      <div class="topic_poste"><span class="gensmall"><center>{catrow.forumrow.LAST_POST}</center></div>

<div class="topic_post"><center> <span class="gensmall"><b>Topics:</b> {catrow.forumrow.TOPICS}♣ <b>Posts:</b>{catrow.forumrow.POSTS}</span></center></div>
</div>
</td><td><span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><span class="gradualfader">{catrow.forumrow.FORUM_NAME}</span></a>
<div id="descripti"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
<div class="lienss"><center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center></div>
</td>

</tr>
</table>
</span>
</div>



<!-- BEGIN forum_link_no -->
      </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 -->

J'aimerais juste savoir comment on les met en deux colonnes ! C'est tout ! Après niveau codage à l’intérieur, je peux me débrouiller ! ^^

Voilà !

Merci de votre réponse !


Dernière édition par Lee Joon Oppa ! le Mar 10 Juil 2012 - 11:25, édité 1 fois

Lee Joon Oppa !
Nouveau membre

Messages : 4
Inscrit(e) le : 07/07/2012

http://koukoujapan.forumactif.com
Lee Joon Oppa ! a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les forums sous deux colonnes ! °^°

Message par Arc-En-Ciela le Dim 8 Juil 2012 - 5:30

Bonjour !

Never-Utopia explique très bien comment faire un forum en deux colonnes : http://www.never-utopia.com/t37077-les-forum-sur-deux-colonnes-html-css . Par contre, il faut être inscrit pour avoir accès à ce tutoriel... Je ne crois pas pouvoir vous refiler le code comme cela, puisque le tutoriel est exclusif à NU et que l'on doit mettre le lien de NU en crédit sur son forum...

Sinon, je crois que ceci pourrait vous intéresser, bien que les images ne soient plus à jour.

En espérant que j'ai le droit de refiler ce lien externe,

Cordialement,
Ciela

Arc-En-Ciela
***

Messages : 120
Inscrit(e) le : 22/08/2010

http://alter-mundus.superforum.fr/portal.htm
Arc-En-Ciela a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les forums sous deux colonnes ! °^°

Message par Lee Joon Oppa ! le Dim 8 Juil 2012 - 9:06

Merci ! Beaucoup de votre aide !
Je pense que je vais m'inscrire sur Never Utopia, ça évitera de prendre des code en ayant pas le droit !

Lee Joon Oppa !
Nouveau membre

Messages : 4
Inscrit(e) le : 07/07/2012

http://koukoujapan.forumactif.com
Lee Joon Oppa ! a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum