Catégories du forum en onglet.

[Florianx60]

Rappel du premier message :

Bonjour,

Voilà, j'aimerais avoir les catégories de mon forum en onglet et la place 'tel messages dans tel sujet" comme ici:


Je vous remercie à l'avance de l'aide que vous me porterez.
Bonne journée,

[Lixyr]

Hum, vous avez bien :

Code:

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

et

<th style="border-bottom: 0px solid red; text-align:left; background-image: url(https://2img.net/r/ihimizer/img837/7053/fondcatgrisff.png);"> </th>
<th style="border-bottom: 0px solid red; background-image: url(https://2img.net/r/ihimizer/img837/7053/fondcatgrisff.png);" class="my_title" align="center"><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{SPACER}" alt="" height="5" width="1" /></th>
<th style="border-bottom: 0px solid red; text-align:right; background-image: url(https://2img.net/r/ihimizer/img837/7053/fondcatgrisff.png);"></th>

par exemple ?

Sinon redonnez moi votre template complet comme il est actuellement, modifié, et je vais le tester pour voir comment modifier ça.




!!! *edit* !!!


J'ai une bonne nouvelle !!

J'ai trouvé un truc direct dans le css pour configurer au moindre trait près.
Il suffit de rajouter

Code:


border-right : 0px solid #560071;
border-top: 0px solid #560071;
border-left: 0px solid #560071;
border-bottom: 0px solid #560071;

à ces endrois dans le css :

.my_img{

.my_disc{

.my_stats{

.my_title{

Alors c'est simple :

my_img c'est la partie de l'image

my_disc c'est la partie descrition

my_stat c'est la partie dernier message

my_title c'est là où il y a le titre du forum.


Normalement si votre template ressemble au mien, donc que les th et td sont marqués avec les mêmes div que les miennes, ça devrait marcher impeccables. ^^

[Florianx60]

Superbe, magnifique !

Il y a juste un carré blanc qui est resté au dessus de l'image nouveau message, sinon tout l reste est super !

[Lixyr]

Ces traits restant correspondent à:

.my_title{
border-left: 0px solid #560071;

et

.my_img{
border-top: 0px solid #560071;

[Florianx60]

C'est pas par rapport à ça, voyez par vous même sur mon forum

On distinque bien un espèce de carré blanc ( quiressemble a notre ancien code ).
Sa n'a rien à voir avec le CSS je pense

[Lixyr]

Le carré blanc, c'est bien l'espèce de cadre blanc qu'on voit dans le titre/cellule au dessus de la cellule ou il y a l'image de sujet/nouveau sujet etc etc, à gauche ?

Ça devrait pas apparaitre, ça apparait pas chez moi. T-T

Vous avez bien

Code:

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

dans votre template ?

[Florianx60]

Oui.
Tenez

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>



        <!-- END switch_user_logged_in -->
       
      </td>
  </tr>
</table>
<div class="my_cat"> <ul></ul> </div>



<div class="my_cat_body">
<img src="http://i20.servimg.com/u/f20/14/50/55/75/barre11.png" width="875" height="26" border=0>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="my_modified_table" width="100%" border="1" cellspacing="0" cellpadding="0">
  {catrow.tablehead.L_LASTPOST}
  <div class="my_forum_name">{catrow.tablehead.L_FORUM}
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</div>

</div>
  <!-- END tablehead -->
 
  <!-- BEGIN forumrow -->

      <tr>


<th style="background-image: url(http://img837.imageshack.us/img837/7053/fondcatgrisff.png);"> 
<th class="my_title" align="center" style="border-bottom: 0px solid red ; background-image: url(http://img837.imageshack.us/img837/7053/fondcatgrisff.png);"><div class="my_img" align="center" style="border-bottom: 0px solid red ; background-image: url(http://img837.imageshack.us/img837/7053/fondcatgrisff.png);"></div><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{SPACER}" alt="" height="0" width="0" /></th>
      </tr>
      <tr>
        <td class="my_img" valign="top"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td>
        <td class="my_disc" width="300" valign="top" >{catrow.forumrow.FORUM_DESC}</td>
        <td class="my_stats" width="200" valign="top">{catrow.forumrow.LAST_POST}</td>



     
       
      </tr>
  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
</div>

Vers la fin ce que vous aviez dis je ne l'ai pas trop fait.
Regardez quand même

[Lixyr]

Okay. Alors il suffit de faire comme ça :

<th class="my_title" style="background-image: url(https://2img.net/r/ihimizer/img837/7053/fondcatgrisff.png);">

et hop, plus de traits.

[Florianx60]

Je l'insère où?
Parce que je l'ai mis là ou j'ai pensé que c'était bon et rien ne se passe..

[Lixyr]

Dans le template, c'est le première titre :

index_box >>

<th class="my_title" style="background-image: url(https://2img.net/r/ihimizer/img837/7053/fondcatgrisff.png);">
<th class="my_title" align="center" style="border-bottom: 0px solid red ; background-image: url(https://2img.net/r/ihimizer/img837/7053/fondcatgrisff.png);"><div class="my_img" align="center" style="border-bottom: 0px solid red ; background-image: url(https://2img.net/r/ihimizer/img837/7053/fondcatgrisff.png);"></div><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{SPACER}" alt="" height="0" width="0" /></th>

[Florianx60]

Heuu..
Vous pouvez m'envoyer tout votre template Index box sil vous plait?

[Lixyr]

Personnellement j'ai ceci :

Spoiler:

Mais vous m'avez donné le votre, j'ai le même , exit le fait que j'ai rajouté un morceau :

<!-- END tablehead -->

<!-- BEGIN forumrow -->

<tr>


<th class="my_title" style="background-image: url(https://2img.net/r/ihimizer/img837/7053/fondcatgrisff.png);">
<th class="my_title" align="center" style="border-bottom: 0px solid red ; background-image: url(https://2img.net/r/ihimizer/img837/7053/fondcatgrisff.png);"><div class="my_img" align="center" style="border-bottom: 0px solid red ; background-image: url(https://2img.net/r/ihimizer/img837/7053/fondcatgrisff.png);"></div><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{SPACER}" alt="" height="0" width="0" /></th>
</tr>
<tr>

(ce qui apparait en rouge)

[Florianx60]

Merci beaucoup.
Il y a juste une ligne blanche qui encadre mais pas grave si on peut pas l'enlever je pense se serais préférable ( cest aussi chez vous)

Ensuite, jaimerais que les onglets soient au milieu et non à gauche.
Je vous remercie encore ENORMEMENT !

[Lixyr]

(je vois maintenant ce que vous vouliez dire par "avoir un texte au dessus de mon fond de titre" x) )

Ah ce cadre là il me semble bien que c'est celui que j'ai mis en rouge dans le css, que vous avez, vous, en blanc :

Spoiler:

devient :

Spoiler:

Regardez si vous avec quelque chose comme ça dans le " .my_modified_table "

[Florianx60]

Merci.
Et pour mettre les onglets au milieu?

[Lixyr]

Et bien juste ici, dans votre template, vous rajoutez ce que j'ai mis en rouge :

<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<div class="my_cat" style="text-align:center;"> <ul></ul> </div>
<img src="https://i.servimg.com/u/f20/14/50/55/75/barre11.png" border="0" alt="" />

<div class="my_cat_body">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="my_modified_table" width="100%" border="1" cellspacing="0" cellpadding="0">
{catrow.tablehead.L_LASTPOST}
<div class="my_forum_name">{catrow.tablehead.L_FORUM}
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</div>

[Florianx60]

Merci..
Aparemment c'est nickel, j'ai joué un peu des cadres des cellules pour donner un truc sympa, donnez votre avis s'il vous plaît (forum)

Et après ça, je tiens à vous remercier énormément pour tout le temps que vous avez passé à m'aider et tout, sa a du vous prendre du temps j'imagine.
Je ne vous remercierais jamais assez.
Encore une fois:
MERCIIIIIII


( pensez a donner lavis )

[Lixyr]

Et bien je trouve que ça rend bien. C'est original, effectivement. ^^

Et bien pour me remercier, vous pouvez cliquer sur le petit + dans mes messages. :p
Ça me suffira.

On est sur un forum d'entraide, donc c'était un plaisir, j'étais là pour ça.

(pensez à mettre votre sujet en résolu au passage ^^ )