Apparence forum et page d'acceuil assorties

[Noloka]

Bonsoir!
(ahaha je viens de régler un problème j'en ai déjà un nouveau!)
Alors alors, j'aimerai changer l'appparence de mes forums apparaisse comme celle de mes catégorie.
Comme dans ce forum: http://www.elegance-temptation.com/

Si vous entrez dans un forum, l'apparence ressemble à celle de la page d'acceuil. Il y a une image en haut et en bas! Et et il y a deux colonne au lieu de quatre.
Alors moi à l'intérieur de mes forums ça donne ça:

Spoiler:

mon apparence est celle-ci (je vous donne le site, vous ne pouvez voir que la page d'acceuil): http://testnolo.lebonforum.com/

Donc j'aimerai:
-Savoir quel template je dois changer pour que mon forum ressemble à ma page d'acceuil, et savoir qu'est-ce que je dois changer.
-Supprimer les colonnes Auteur et Vue.

Merci d'avance!

[Noloka]

petit up

[Noloka]

up une nouvelle fois les amis!

[Noloka]

Up encore.

[Automne]

Bonjour,

Le template qui gère les forums : viewforum_body
je suppose que vous devez appliquer les même modification que index_box a savoir mettre l'image en haut et en bas du tableau
Supprimer colonnes sujets et vues https://forum.forumactif.com/t261562-suppression-des-colonnes-sujets-et-messages#2348647

[Noloka]

Merci pour le templates et je me doute bien que les changements sont les même mais je ne sais pas mettre quoi où. J'ai essayer à différents endroit mais rien ne s'affiche.

Pareillement, merci pour le lien mais ce n'est pas ce que j'ai demandé (ça je l'avais déjà fait ). Ce que je voulais c'était supprimer ces dux colonnes à l'intérieur de mon forum et non sur la page d'acceuil.

[Noloka]

Up please!

[Noloka]

UUUUUUUUUUUp!!!!!!

[Noloka]

Je ne sais pas si ça intéresse quelqu'un mais je donne la réponse que j'ai trouvé: il y a sûrement plus simple mais vu que je ne suis pas une pro soyez indulgent
Aussi c’est genre super long donc je le divise en plusieurs parties !


Enlever les colonnes Auteur , Vues et « unifier » mes colonnes :
-Nous allons dans le templates topics_list_box (Affichage => Templates => général => topics_list_box) repérez ceci au tout début de votre templates :

Code:


function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
   for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
   }
}
</script><!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
      <th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>
      <th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
      <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>
      <th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th>
      <!-- BEGIN multi_selection -->

Retirer ceci :

Code:

       <th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
      <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>


Maintenant repérez ceci:

Code:


   <!-- END switch_description -->
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> 
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>

      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
      <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
      <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>
<!-- BEGIN multi_selection -->

Retirer ceci:

Code:


<td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>


Vous avez maintenant supprimer vos colonnes Auteur et Vue. Pour « unifier » (enlever l’espace entre chaque colonne au début de votre templates repérez ceci :

Code:

    }
}
</script>
<!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

Et remplacez le 1 du cellspacing par 0.

Et voilà !!!

Image en haut et image en bas !
On veut ça:

Spoiler:

Bien bien tout d'abord vous avez mis des images en haut et en bas de vos catégorie comme indiquez ici

-Dans votre CSS créer une balise semblable en changeant le nom exemple:

Code:


.img_haut{
  background: url(http://img692.imageshack.us/img692/9646/imghaut3.png);
  width: 800px;
  height: 175px;
}
.img_haut_sujet{
  background: url(http://img692.imageshack.us/img692/9646/imghaut3.png);
  width: 800px;
  height: 175px;
}

Notez que si votre image ne colle pas sur votre catégorie/ bloc de sujet vous pouvez rajoutez magin-bottom: une valeur négative pour faire descendre l’image ou une valeur positive pour la faire monter

-Nous allons dans le templates topics_list_box (Affichage => Templates => général => topics_list_box) repérez ceci au tout début de votre templates :

Code:

 <!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->

Et collez ce code juste après :

Code:

 <div width="100%" class="img_haut_sujet"> </div>

Vous venez de positionner votre image du haut.

Maintenant pour l’image du bas vous repérez ceci :

Code:

  <!-- BEGIN bottom -->
   <tr>
      <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td> <span class="gensmall">{PAGINATION}</span></td>
               <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
<!-- END bottom -->
  <!-- BEGIN footer_table -->
</table>
  <!-- END footer_table -->

Retirez tout ce qu’il y a entre <!-- BEGIN bottom --> <!-- END bottom -->, et mettez le code à la fin du </table> juste après < !--BEGIN tablefoot-->

Code:

 <div width="100%" class="img_bas_sujet"> </div>

Le premier nous sert à enlever tout ça :

Spoiler:

Le second vous fait posez votre image en bas comme ci-dessus.
Donc vous avez fait ça :

Code:


  <!-- BEGIN bottom -->
 
<!-- END bottom -->
  <!-- BEGIN footer_table -->
</table>
<div width="100%" class="img_bas_sujet"> </div>
  <!-- END footer_table -->

Bien maintenant normalement vous devez obtenir un truc chiant comme ceci:

Spoiler:

Afin de décaler le tableau d’en dessous un peu plus en bas pour qu’on puisse voir pleinement notre image, rendez vous dans le templates viewforum_body (Affichage => Templates => Général => viewforum_body juste en dessous de topics_list_box )
Repérez ceci :

Code:

 {TOPICS_LIST_BOX}
<div id="info_open" style="display:''">

   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
         <td class="row1" align="left" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
         <td class="row1" align="right" valign="top"><span class="gensmall">{S_WATCH_FORUM}</span></td>
      </tr>
      <tr>
         <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
      </tr>
      <tr>
         <td class="row2" valign="top" width="150"><span class="gensmall"><b>{L_MODERATOR}:</b></span></td>
         <td class="row1" valign="top"><span class="gensmall">{MODERATORS}</span></td>
      </tr>
      <tr>
         <td class="row2" valign="top" width="150"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td class="nav" valign="middle" width="100%"><div class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</div></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
               </tr>
            </table>


Juste après

Code:

 <div id="info_open" style="display:''">


Collez ceci :

Code:

  <img src="{SPACER}" height="100px" witdh="50px" />


C’est une mage invisible qui va mettre de la hauteur entre votre tableau et nos sujets. Vous pouvez régler la hauteur en changeant la valeur numérique du « height » (toujours une valeur positive ) et vous pouvez « unifier » votre tableau en remplaçant le « 1 » par « 0 » du cellspacing de ce table :

Code:

< table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

Ensuite vous réglerez vos images dans le CSS avec un margin-bottom si elles ne sont pas parfaitement alignées avec vos sujet
Il a beaucoup de code de texte à taper pour ce tuto j’espère donc ne pas avoir laissez trop de faute
Pareillement c'est mon premier tutos sur des codes, n'hésitez pas à m'envoyez un mp si vous n'avez pas compris! >.>